@brilo/base-blocks 0.1.58 → 0.1.61

package/build/blocks/food-menu/food-menu-group/factory.js

@@ -1,57 +1,89 @@
 import { __ } from '@wordpress/i18n';
-import { FOOD_MENU_GROUP_EMPTY_BEHAVIOUR, FOOD_MENU_GROUP_EMPTY_BEHAVIOURS, FOOD_MENU_GROUP_LAYOUT, FOOD_MENU_GROUP_LAYOUTS, FOOD_MENU_GROUP_MODE, FOOD_MENU_GROUP_MODES, } from './constants';
+import { DEFAULT_SURFACE_SHADOWS, surfaceStyleAttribute } from '../../../components/SurfaceStyleControl';
+import { withObjectDefaults } from '../../../utils/withObjectDefaults';
+import { FOOD_MENU_GROUP_EMPTY_BEHAVIOUR, FOOD_MENU_GROUP_EMPTY_BEHAVIOURS, FOOD_MENU_GROUP_LAYOUT, FOOD_MENU_GROUP_LAYOUTS, FOOD_MENU_GROUP_MODE, FOOD_MENU_GROUP_MODES, FOOD_MENU_GROUP_RESERVATION_MODE, FOOD_MENU_GROUP_RESERVATION_MODES, FOOD_MENU_GROUP_TEXT_ALIGN, FOOD_MENU_GROUP_TEXT_ALIGNS, } from './constants';
 import { createFoodMenuGroupEdit } from './edit';
 import { icon as defaultIcon } from './icon';
 export function createFoodMenuGroupBlock(options) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
+    const attributes = {
+        mode: {
+            type: 'string',
+            default: FOOD_MENU_GROUP_MODE,
+            enum: FOOD_MENU_GROUP_MODES.map((option) => option.value),
+        },
+        layout: {
+            type: 'string',
+            default: FOOD_MENU_GROUP_LAYOUT,
+            enum: FOOD_MENU_GROUP_LAYOUTS.map((option) => option.value),
+        },
+        menuIds: {
+            type: 'array',
+            default: [],
+            items: { type: 'number' },
+        },
+        showPrices: {
+            type: 'boolean',
+            default: true,
+        },
+        showAllergens: {
+            type: 'boolean',
+            default: true,
+        },
+        reservationMode: {
+            type: 'string',
+            default: FOOD_MENU_GROUP_RESERVATION_MODE,
+            enum: FOOD_MENU_GROUP_RESERVATION_MODES.map((option) => option.value),
+        },
+        emptyBehaviour: {
+            type: 'string',
+            default: FOOD_MENU_GROUP_EMPTY_BEHAVIOUR,
+            enum: FOOD_MENU_GROUP_EMPTY_BEHAVIOURS.map((option) => option.value),
+        },
+        // Empty means "use the wording the server picks for this mode".
+        emptyText: {
+            type: 'string',
+            default: '',
+        },
+        style: surfaceStyleAttribute((_a = options.shadows) !== null && _a !== void 0 ? _a : DEFAULT_SURFACE_SHADOWS),
+        textAlign: {
+            type: 'string',
+            default: FOOD_MENU_GROUP_TEXT_ALIGN,
+            enum: FOOD_MENU_GROUP_TEXT_ALIGNS.map((align) => align.value),
+        },
+    };
+    const { reservationMode: _reservationMode, ...withoutReservationMode } = attributes;
     return {
         name: options.name,
-        title: (_a = options.title) !== null && _a !== void 0 ? _a : __('Jídelní lístek', 'brilo-blocks'),
-        description: (_b = options.description) !== null && _b !== void 0 ? _b : __('Zobrazí vybraný lístek, dnešní denní lístek nebo celý týden.', 'brilo-blocks'),
-        category: (_c = options.category) !== null && _c !== void 0 ? _c : 'widgets',
+        title: (_b = options.title) !== null && _b !== void 0 ? _b : __('Jídelní lístek', 'brilo-blocks'),
+        description: (_c = options.description) !== null && _c !== void 0 ? _c : __('Zobrazí vybraný lístek, dnešní denní lístek nebo celý týden.', 'brilo-blocks'),
+        category: (_d = options.category) !== null && _d !== void 0 ? _d : 'widgets',
         ...(options.parent && { parent: options.parent }),
-        icon: (_d = options.icon) !== null && _d !== void 0 ? _d : { src: defaultIcon },
+        icon: (_e = options.icon) !== null && _e !== void 0 ? _e : { src: defaultIcon },
         supports: { html: false, customClassName: false },
-        attributes: {
-            mode: {
-                type: 'string',
-                default: FOOD_MENU_GROUP_MODE,
-                enum: [...FOOD_MENU_GROUP_MODES],
-            },
-            layout: {
-                type: 'string',
-                default: FOOD_MENU_GROUP_LAYOUT,
-                enum: [...FOOD_MENU_GROUP_LAYOUTS],
-            },
-            menuIds: {
-                type: 'array',
-                default: [],
-                items: { type: 'number' },
-            },
-            showPrices: {
-                type: 'boolean',
-                default: true,
-            },
-            showAllergens: {
-                type: 'boolean',
-                default: true,
+        attributes,
+        // The on/off "Umožnit rezervaci obědu" toggle became a three-way choice.
+        // A dynamic block is always valid, so the migration opts in through
+        // `isEligible`, which sees the raw comment attributes. Blocks that never
+        // stored the toggle had it on, which is the new default too.
+        deprecated: [
+            {
+                attributes: {
+                    ...withoutReservationMode,
+                    showReservation: {
+                        type: 'boolean',
+                        default: true,
+                    },
+                },
+                isEligible: (raw) => 'showReservation' in raw && !('reservationMode' in raw),
+                migrate: ({ showReservation, ...rest }) => ({
+                    ...rest,
+                    reservationMode: false === showReservation ? 'off' : 'modal',
+                }),
+                save: () => null,
             },
-            showReservation: {
-                type: 'boolean',
-                default: true,
-            },
-            emptyBehaviour: {
-                type: 'string',
-                default: FOOD_MENU_GROUP_EMPTY_BEHAVIOUR,
-                enum: [...FOOD_MENU_GROUP_EMPTY_BEHAVIOURS],
-            },
-            // Empty means "use the wording the server picks for this mode".
-            emptyText: {
-                type: 'string',
-                default: '',
-            },
-        },
-        edit: createFoodMenuGroupEdit(options),
+        ],
+        edit: withObjectDefaults(createFoodMenuGroupEdit(options)),
         save: () => null,
     };
 }

package/build/blocks/food-menu/food-menu-group/index.d.ts

@@ -1,4 +1,4 @@
-export type { FoodMenuGroupAttributes, FoodMenuGroupEmptyBehaviour, FoodMenuGroupLayout, FoodMenuGroupMode, FoodMenuGroupOptions, } from './types';
+export type { FoodMenuGroupAttributes, FoodMenuGroupEmptyBehaviour, FoodMenuGroupLayout, FoodMenuGroupMode, FoodMenuGroupOptions, FoodMenuGroupReservationMode, FoodMenuGroupTextAlign, } from './types';
 export { createFoodMenuGroupBlock } from './factory';
 export { FoodMenuSelectModal } from './FoodMenuSelectModal';
 import type { FoodMenuGroupOptions } from './types';

package/build/blocks/food-menu/food-menu-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/food-menu/food-menu-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,uBAAuB,EACvB,2BAA2B,EAC3B,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAC,wBAAwB,EAAC,MAAM,WAAW,CAAA;AAClD,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,SAAS,CAAA;AAEjD,eAAO,MAAM,qBAAqB,EAAE,oBAInC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/food-menu/food-menu-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,uBAAuB,EACvB,2BAA2B,EAC3B,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,4BAA4B,EAC5B,sBAAsB,GACvB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAC,wBAAwB,EAAC,MAAM,WAAW,CAAA;AAClD,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,SAAS,CAAA;AAEjD,eAAO,MAAM,qBAAqB,EAAE,oBAInC,CAAA"}

package/build/blocks/food-menu/food-menu-group/types.d.ts

@@ -1,19 +1,26 @@
+import type { SurfaceShadowOption, SurfaceStyle } from '../../../components/SurfaceStyleControl';
 import type { BriloBlockType, SelectControlProps } from '../../../types';
-import type { FOOD_MENU_GROUP_EMPTY_BEHAVIOURS, FOOD_MENU_GROUP_LAYOUTS, FOOD_MENU_GROUP_MODES } from './constants';
-export type FoodMenuGroupMode = (typeof FOOD_MENU_GROUP_MODES)[number];
-export type FoodMenuGroupLayout = (typeof FOOD_MENU_GROUP_LAYOUTS)[number];
-export type FoodMenuGroupEmptyBehaviour = (typeof FOOD_MENU_GROUP_EMPTY_BEHAVIOURS)[number];
+import type { FOOD_MENU_GROUP_EMPTY_BEHAVIOURS, FOOD_MENU_GROUP_LAYOUTS, FOOD_MENU_GROUP_MODES, FOOD_MENU_GROUP_RESERVATION_MODES, FOOD_MENU_GROUP_TEXT_ALIGNS } from './constants';
+export type FoodMenuGroupMode = (typeof FOOD_MENU_GROUP_MODES)[number]['value'];
+export type FoodMenuGroupLayout = (typeof FOOD_MENU_GROUP_LAYOUTS)[number]['value'];
+export type FoodMenuGroupEmptyBehaviour = (typeof FOOD_MENU_GROUP_EMPTY_BEHAVIOURS)[number]['value'];
+export type FoodMenuGroupReservationMode = (typeof FOOD_MENU_GROUP_RESERVATION_MODES)[number]['value'];
+export type FoodMenuGroupTextAlign = (typeof FOOD_MENU_GROUP_TEXT_ALIGNS)[number]['value'];
 export interface FoodMenuGroupAttributes extends Record<string, unknown> {
     mode: FoodMenuGroupMode;
     layout: FoodMenuGroupLayout;
     menuIds: number[];
     showPrices: boolean;
     showAllergens: boolean;
-    showReservation: boolean;
+    reservationMode: FoodMenuGroupReservationMode;
     emptyBehaviour: FoodMenuGroupEmptyBehaviour;
     emptyText: string;
+    style: SurfaceStyle<string>;
+    textAlign: FoodMenuGroupTextAlign;
 }
 export interface FoodMenuGroupOptions extends BriloBlockType {
     renderMenusControl?: (props: SelectControlProps) => JSX.Element;
+    /** Overrides the shared shadow presets — see `DEFAULT_SURFACE_SHADOWS`. */
+    shadows?: readonly SurfaceShadowOption[];
 }
 //# sourceMappingURL=types.d.ts.map

package/build/blocks/food-menu/food-menu-group/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/food-menu/food-menu-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAC/D,OAAO,KAAK,EAAC,gCAAgC,EAAE,uBAAuB,EAAE,qBAAqB,EAAC,MAAM,aAAa,CAAA;AAEjH,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAA;AACtE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC1E,MAAM,MAAM,2BAA2B,GAAG,CAAC,OAAO,gCAAgC,CAAC,CAAC,MAAM,CAAC,CAAA;AAE3F,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtE,IAAI,EAAE,iBAAiB,CAAA;IACvB,MAAM,EAAE,mBAAmB,CAAA;IAC3B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,2BAA2B,CAAA;IAC3C,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,GAAG,CAAC,OAAO,CAAA;CAChE"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/food-menu/food-menu-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAA;AACvF,OAAO,KAAK,EAAC,cAAc,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAC/D,OAAO,KAAK,EACV,gCAAgC,EAChC,uBAAuB,EACvB,qBAAqB,EACrB,iCAAiC,EACjC,2BAA2B,EAC5B,MAAM,aAAa,CAAA;AAEpB,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAC/E,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACnF,MAAM,MAAM,2BAA2B,GAAG,CAAC,OAAO,gCAAgC,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACpG,MAAM,MAAM,4BAA4B,GAAG,CAAC,OAAO,iCAAiC,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACtG,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,2BAA2B,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAE1F,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtE,IAAI,EAAE,iBAAiB,CAAA;IACvB,MAAM,EAAE,mBAAmB,CAAA;IAC3B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,EAAE,4BAA4B,CAAA;IAC7C,cAAc,EAAE,2BAA2B,CAAA;IAC3C,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAC3B,SAAS,EAAE,sBAAsB,CAAA;CAClC;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,GAAG,CAAC,OAAO,CAAA;IAC/D,2EAA2E;IAC3E,OAAO,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAA;CACzC"}

package/build/blocks/food-menu/food-reservation/edit.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+import type { FoodReservationAttributes, FoodReservationOptions } from './types';
+export declare function createFoodReservationEdit(options: FoodReservationOptions): ({ attributes, setAttributes, }: {
+    attributes: FoodReservationAttributes;
+    setAttributes: (a: Partial<FoodReservationAttributes>) => void;
+}) => React.JSX.Element;
+//# sourceMappingURL=edit.d.ts.map

package/build/blocks/food-menu/food-reservation/edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/food-menu/food-reservation/edit.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,yBAAyB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAiH9E,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,uBAkDF"}

package/build/blocks/food-menu/food-reservation/edit.js

@@ -0,0 +1,69 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import apiFetch from '@wordpress/api-fetch';
+import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
+import { Button, ExternalLink, Notice, PanelBody, Spinner, TextareaControl } from '@wordpress/components';
+import { __, sprintf } from '@wordpress/i18n';
+import clsx from 'clsx';
+import { useEffect, useState } from 'react';
+import { icon as reservationIcon } from './icon';
+// Shares the menu block's preview card styles (food-menu-group/editor.scss).
+const BASE = 'brilo-food-menu-preview';
+/**
+ * Which days the form would offer is decided on the server (deadlines,
+ * sold-out dishes, the site's time zone), so the preview asks the block's
+ * own endpoint. It describes the form instead of drawing it.
+ */
+function useReservationPreview() {
+    const [data, setData] = useState(null);
+    const [hasError, setHasError] = useState(false);
+    const [attempt, setAttempt] = useState(0);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: attempt re-runs the effect on retry
+    useEffect(() => {
+        let cancelled = false;
+        setHasError(false);
+        apiFetch({ path: '/brilo/v1/food-reservation/preview' })
+            .then((result) => {
+            if (!cancelled) {
+                setData(result);
+            }
+        })
+            .catch(() => {
+            if (!cancelled) {
+                setHasError(true);
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [attempt]);
+    return { data, hasError, retry: () => setAttempt((value) => value + 1) };
+}
+function DisabledNotice({ settingsUrl }) {
+    return (_jsxs(Notice, { status: "warning", isDismissible: false, children: [__('Rezervace obědů jsou v nastavení modulu vypnuté, blok se na webu nezobrazí.', 'brilo-blocks'), ' ', settingsUrl && _jsx(ExternalLink, { href: settingsUrl, children: __('Nastavení jídelního lístku', 'brilo-blocks') })] }));
+}
+function PreviewCard({ data, emptyText }) {
+    const [first] = data.days;
+    return (_jsxs("div", { className: `${BASE}__card`, children: [_jsxs("div", { className: `${BASE}__head`, children: [_jsxs("div", { className: `${BASE}__title`, children: [reservationIcon, _jsx("span", { children: __('Rezervace obědu', 'brilo-blocks') })] }), _jsxs("div", { className: `${BASE}__meta`, children: [_jsx("span", { className: clsx(`${BASE}__pill`, `${BASE}__pill--muted`), children: `#${data.anchor}` }), first && _jsx("span", { className: clsx(`${BASE}__pill`, `${BASE}__pill--ok`), children: __('Rezervace otevřené', 'brilo-blocks') })] })] }), _jsxs("div", { className: `${BASE}__body`, children: [first ? (_jsxs("div", { className: `${BASE}__section`, children: [_jsx("div", { className: `${BASE}__section-title`, children: __('Formulář nabídne dny', 'brilo-blocks') }), data.days.map((day, index) => (_jsxs("div", { className: clsx(`${BASE}__row`, `${BASE}__row--no-price`), children: [_jsx("span", { className: `${BASE}__unit`, children: 0 === index ? __('výchozí', 'brilo-blocks') : '' }), _jsxs("span", { className: `${BASE}__name`, children: [day.label, day.deadline && _jsx("small", { className: `${BASE}__note`, children: sprintf(__('Uzávěrka: %s', 'brilo-blocks'), day.deadline) })] })] }, day.menuId)))] })) : (_jsx("div", { className: `${BASE}__empty`, children: _jsxs("div", { children: [_jsx("b", { children: __('Teď není na který den rezervovat', 'brilo-blocks') }), sprintf(__('Na webu se ukáže věta „%s“', 'brilo-blocks'), emptyText.trim() || data.emptyMessage)] }) })), _jsx("div", { className: `${BASE}__foot`, children: _jsx("span", { children: sprintf(__('Odkaz se stránkou?menu=ID#%s předvybere den daného lístku.', 'brilo-blocks'), data.anchor) }) })] })] }));
+}
+export function createFoodReservationEdit(options) {
+    return function Edit({ attributes, setAttributes, }) {
+        var _a;
+        const { emptyText } = attributes;
+        const blockProps = useBlockProps({ className: clsx((_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'g-food-reservation') });
+        const { data, hasError, retry } = useReservationPreview();
+        let content;
+        if (hasError) {
+            content = (_jsx("div", { className: `${BASE}__empty`, children: _jsxs("div", { children: [_jsx("b", { children: __('Náhled se nepodařilo načíst.', 'brilo-blocks') }), _jsx(Button, { variant: "secondary", size: "small", className: `${BASE}__retry`, onClick: retry, children: __('Zkusit znovu', 'brilo-blocks') })] }) }));
+        }
+        else if (!data) {
+            content = _jsx(Spinner, {});
+        }
+        else if (!data.enabled) {
+            content = _jsx(DisabledNotice, { settingsUrl: data.settingsUrl });
+        }
+        else {
+            content = _jsx(PreviewCard, { data: data, emptyText: emptyText });
+        }
+        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsx(PanelBody, { title: __('Když není co rezervovat', 'brilo-blocks'), children: _jsx(TextareaControl, { __nextHasNoMarginBottom: true, label: __('Vlastní text zprávy', 'brilo-blocks'), help: __('Když zůstane prázdné, použije se výchozí věta.', 'brilo-blocks'), rows: 2, value: emptyText, onChange: (value) => setAttributes({ emptyText: value }) }) }) }), _jsx("div", { ...blockProps, children: _jsx("div", { className: BASE, style: { '--food-menu-preview-align': 'left' }, children: content }) })] }));
+    };
+}

package/build/blocks/food-menu/food-reservation/factory.d.ts

@@ -0,0 +1,4 @@
+import type { BlockConfiguration } from '@wordpress/blocks';
+import type { FoodReservationAttributes, FoodReservationOptions } from './types';
+export declare function createFoodReservationBlock(options: FoodReservationOptions): BlockConfiguration<FoodReservationAttributes>;
+//# sourceMappingURL=factory.d.ts.map

package/build/blocks/food-menu/food-reservation/factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/food-menu/food-reservation/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,OAAO,KAAK,EAAC,yBAAyB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAE9E,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,sBAAsB,GAAG,kBAAkB,CAAC,yBAAyB,CAAC,CAqBzH"}

package/build/blocks/food-menu/food-reservation/factory.js

@@ -0,0 +1,24 @@
+import { __ } from '@wordpress/i18n';
+import { createFoodReservationEdit } from './edit';
+import { icon as defaultIcon } from './icon';
+export function createFoodReservationBlock(options) {
+    var _a, _b, _c, _d;
+    return {
+        name: options.name,
+        title: (_a = options.title) !== null && _a !== void 0 ? _a : __('Rezervace obědu', 'brilo-blocks'),
+        description: (_b = options.description) !== null && _b !== void 0 ? _b : __('Rezervační formulář přímo na stránce. Tlačítka „Rezervovat oběd“ na něj vedou přes kotvu #rezervace.', 'brilo-blocks'),
+        category: (_c = options.category) !== null && _c !== void 0 ? _c : 'widgets',
+        ...(options.parent && { parent: options.parent }),
+        icon: (_d = options.icon) !== null && _d !== void 0 ? _d : { src: defaultIcon },
+        // The anchor is fixed (`rezervace`), so the block takes no own HTML anchor.
+        supports: { html: false, customClassName: false, multiple: false },
+        attributes: {
+            emptyText: {
+                type: 'string',
+                default: '',
+            },
+        },
+        edit: createFoodReservationEdit(options),
+        save: () => null,
+    };
+}

package/build/blocks/food-menu/food-reservation/icon.d.ts

@@ -0,0 +1,2 @@
+export declare const icon: import("react").JSX.Element;
+//# sourceMappingURL=icon.d.ts.map

package/build/blocks/food-menu/food-reservation/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/blocks/food-menu/food-reservation/icon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,6BAQhB,CAAA"}

package/build/blocks/food-menu/food-reservation/icon.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const icon = (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": "Rezervace ob\u011Bdu", children: [_jsx("rect", { x: "3", y: "4", width: "14", height: "13", stroke: "currentColor", fill: "none" }), _jsx("line", { x1: "3", y1: "8", x2: "17", y2: "8", stroke: "currentColor" }), _jsx("line", { x1: "7", y1: "2", x2: "7", y2: "6", stroke: "currentColor" }), _jsx("line", { x1: "13", y1: "2", x2: "13", y2: "6", stroke: "currentColor" }), _jsx("polyline", { points: "7,12.5 9,14.5 13,10.5", stroke: "currentColor", fill: "none" })] }));

package/build/blocks/food-menu/food-reservation/index.d.ts

@@ -0,0 +1,5 @@
+export type { FoodReservationAttributes, FoodReservationOptions } from './types';
+export { createFoodReservationBlock } from './factory';
+import type { FoodReservationOptions } from './types';
+export declare const foodReservationDefaults: FoodReservationOptions;
+//# sourceMappingURL=index.d.ts.map

package/build/blocks/food-menu/food-reservation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/food-menu/food-reservation/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,yBAAyB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAC9E,OAAO,EAAC,0BAA0B,EAAC,MAAM,WAAW,CAAA;AAEpD,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAEnD,eAAO,MAAM,uBAAuB,EAAE,sBAIrC,CAAA"}

package/build/blocks/food-menu/food-reservation/index.js

@@ -0,0 +1,6 @@
+export { createFoodReservationBlock } from './factory';
+export const foodReservationDefaults = {
+    name: 'brilo/food-reservation',
+    // A section of its own, or a column next to the day's menu.
+    parent: ['brilo/base-section', 'brilo/column-item'],
+};

package/build/blocks/food-menu/food-reservation/types.d.ts

@@ -0,0 +1,7 @@
+import type { BriloBlockType } from '../../../types';
+export interface FoodReservationAttributes extends Record<string, unknown> {
+    /** Empty means "use the server's sentence". */
+    emptyText: string;
+}
+export type FoodReservationOptions = BriloBlockType;
+//# sourceMappingURL=types.d.ts.map

package/build/blocks/food-menu/food-reservation/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/food-menu/food-reservation/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,yBAA0B,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACxE,+CAA+C;IAC/C,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAA"}

package/build/blocks/food-menu/food-reservation/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,4 +1,4 @@
-import { type FIELD_SELECT_MODE_VALUES, type FIELD_TEXT_TYPE_VALUES, type FIELD_TYPE_VALUES, type FILE_BUTTON_VARIANT_VALUES } from './constants';
+import type { FIELD_SELECT_MODE_VALUES, FIELD_TEXT_TYPE_VALUES, FIELD_TYPE_VALUES, FILE_BUTTON_VARIANT_VALUES } from './constants';
 import type { BriloBlockType } from '../../../types';
 export type FormFieldType = (typeof FIELD_TYPE_VALUES)[number];
 export type FormFieldTextType = (typeof FIELD_TEXT_TYPE_VALUES)[number];

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,0BAA0B,EAChC,MAAM,aAAa,CAAA;AACpB,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AACvE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC3E,MAAM,MAAM,0BAA0B,GAAG,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAA;AAEpF,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAEvF,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,UAAU,EAAE,mBAAmB,CAAA;IAC/B,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,MAAM,EAAE,CAAA;IAC1B,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,0BAA0B,CAAA;IACzC,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,wBAAwB,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,0BAA0B,EAAC,MAAM,aAAa,CAAA;AAChI,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AACvE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC3E,MAAM,MAAM,0BAA0B,GAAG,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAA;AAEpF,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAEvF,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,UAAU,EAAE,mBAAmB,CAAA;IAC/B,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,MAAM,EAAE,CAAA;IAC1B,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,0BAA0B,CAAA;IACzC,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;CAAG"}

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

@@ -2,7 +2,7 @@ export { createFormGroupBlock } from './factory';
 export { EXTERNAL_METHODS, INTERNAL_SUBMIT_BEHAVIORS, PROCESSING_MODES } from './constants';
 export const formGroupDefaults = {
     name: 'brilo/form-group',
-    parent: ['brilo/base-section'],
+    parent: ['brilo/base-section', 'brilo/column-item', 'brilo/responsive-grid-item'],
     allowedBlocks: ['brilo/form-field'],
     template: [['brilo/form-field', { type: 'text' }]],
 };

package/build/blocks/gallery/gallery-group/constants.d.ts

@@ -1,21 +1,3 @@
 export declare const DEFAULT_COLUMNS: readonly [2, 3, 4, 6];
-export declare const DEFAULT_RATIOS: readonly [{
-    readonly value: '4:3';
-    readonly label: '4:3';
-}, {
-    readonly value: '16:9';
-    readonly label: '16:9';
-}, {
-    readonly value: '3:2';
-    readonly label: '3:2';
-}, {
-    readonly value: '1:1';
-    readonly label: '1:1';
-}, {
-    readonly value: '2:1';
-    readonly label: '2:1';
-}, {
-    readonly value: '3:4';
-    readonly label: '3:4';
-}];
+export { GALLERY_RATIOS as DEFAULT_RATIOS } from '../../../constants';
 //# sourceMappingURL=constants.d.ts.map

package/build/blocks/gallery/gallery-group/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-group/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,YAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAA;AAEpD,eAAO,MAAM,cAAc;aACxB,KAAK,EAAE,KAAK;aAAE,KAAK,EAAE,KAAK;;aAC1B,KAAK,EAAE,MAAM;aAAE,KAAK,EAAE,MAAM;;aAC5B,KAAK,EAAE,KAAK;aAAE,KAAK,EAAE,KAAK;;aAC1B,KAAK,EAAE,KAAK;aAAE,KAAK,EAAE,KAAK;;aAC1B,KAAK,EAAE,KAAK;aAAE,KAAK,EAAE,KAAK;;aAC1B,KAAK,EAAE,KAAK;aAAE,KAAK,EAAE,KAAK;EACnB,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-group/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,YAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAA;AAEpD,OAAO,EAAC,cAAc,IAAI,cAAc,EAAC,MAAM,aAAa,CAAA"}

package/build/blocks/gallery/gallery-group/constants.js

@@ -1,9 +1,2 @@
 export const DEFAULT_COLUMNS = [2, 3, 4, 6];
-export const DEFAULT_RATIOS = [
-    { value: '4:3', label: '4:3' },
-    { value: '16:9', label: '16:9' },
-    { value: '3:2', label: '3:2' },
-    { value: '1:1', label: '1:1' },
-    { value: '2:1', label: '2:1' },
-    { value: '3:4', label: '3:4' },
-];
+export { GALLERY_RATIOS as DEFAULT_RATIOS } from '../../../constants';

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

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-group/edit.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAC,sBAAsB,EAAE,mBAAmB,EAAe,MAAM,SAAS,CAAA;AAOtF,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,mBAAmB,8CAQ9D;IACD,UAAU,EAAE,sBAAsB,CAAA;IAClC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,KAAK,IAAI,CAAA;IAC3D,QAAQ,EAAE,MAAM,CAAA;CACjB,iCAsFF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-group/edit.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,sBAAsB,EAAE,mBAAmB,EAAe,MAAM,SAAS,CAAA;AAEtF,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,mBAAmB,8CAQ9D;IACD,UAAU,EAAE,sBAAsB,CAAA;IAClC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,KAAK,IAAI,CAAA;IAC3D,QAAQ,EAAE,MAAM,CAAA;CACjB,iCAwDF"}

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

@@ -1,10 +1,9 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { InspectorControls, MediaUpload } from '@wordpress/block-editor';
+import { InspectorControls } from '@wordpress/block-editor';
 import { PanelBody, TextControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
-import { useDispatch } from '@wordpress/data';
-import { createBlock } from '@wordpress/blocks';
 import clsx from 'clsx';
+import { GalleryImagesAppender } from '../../../components/GalleryImagesAppender';
 import { ItemSpacingPanel, itemSpacingStyle } from '../../../components/ItemSpacingControl';
 import { useGroupBlock } from '../../../hooks/useGroupBlock';
 import { DEFAULT_COLUMNS, DEFAULT_RATIOS } from './constants';
@@ -15,21 +14,6 @@ export function createGalleryGroupEdit(options) {
     return function Edit({ attributes, setAttributes, clientId, }) {
         var _a, _b;
         const { columns, ratio, galleryId, spacing } = attributes;
-        const { insertBlock } = useDispatch('core/block-editor');
-        const addNewBlock = (imageId) => {
-            const newBlock = createBlock(options.allowedBlocks[0], {
-                img: {
-                    id: imageId,
-                },
-            });
-            insertBlock(newBlock, undefined, clientId);
-        };
-        const onSelectImages = (media) => {
-            media.forEach((item) => addNewBlock(item.id));
-        };
-        const CustomAppender = () => {
-            return (_jsx(MediaUpload, { onSelect: onSelectImages, multiple: "add", allowedTypes: ['image'], render: ({ open }) => (_jsx("div", { onClick: open, className: "g-gallery__appender", children: __('Přidat obrázky', 'brilo-blocks') })) }));
-        };
         const { blockProps, innerBlocksProps } = useGroupBlock({
             blockClassName: clsx((_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'g-gallery wp-block-section'),
             containerClassName: [(_b = options.containerClassName) !== null && _b !== void 0 ? _b : 'u-grid-responsive', `--cols-${columns}`],
@@ -39,7 +23,7 @@ export function createGalleryGroupEdit(options) {
                 ...itemSpacingStyle(spacing),
             },
             allowedBlocks: options.allowedBlocks,
-            renderAppender: CustomAppender,
+            renderAppender: () => _jsx(GalleryImagesAppender, { clientId: clientId, itemBlock: options.allowedBlocks[0] }),
             template: options.template,
             layout: { type: 'default' },
         });

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

@@ -1,6 +1,6 @@
 export { createGalleryItemBlock } from './factory';
 export const galleryItemDefaults = {
     name: 'brilo/gallery-item',
-    parent: ['brilo/gallery-group'],
+    parent: ['brilo/gallery-group', 'brilo/gallery-strip-group'],
     template: [],
 };

package/build/blocks/gallery/gallery-strip-group/constants.d.ts

@@ -0,0 +1,34 @@
+export declare const HEIGHTS: readonly [{
+    readonly value: 'sm';
+    readonly label: import("@wordpress/i18n").TransformedText<"Malá">;
+}, {
+    readonly value: 'md';
+    readonly label: import("@wordpress/i18n").TransformedText<"Střední">;
+}, {
+    readonly value: 'lg';
+    readonly label: import("@wordpress/i18n").TransformedText<"Velká">;
+}];
+export declare const SPEEDS: readonly [{
+    readonly value: 'slow';
+    readonly label: import("@wordpress/i18n").TransformedText<"Pomalu">;
+}, {
+    readonly value: 'medium';
+    readonly label: import("@wordpress/i18n").TransformedText<"Středně">;
+}, {
+    readonly value: 'fast';
+    readonly label: import("@wordpress/i18n").TransformedText<"Rychle">;
+}];
+export declare const DIRECTIONS: readonly [{
+    readonly value: 'left';
+    readonly label: import("@wordpress/i18n").TransformedText<"Doleva">;
+}, {
+    readonly value: 'right';
+    readonly label: import("@wordpress/i18n").TransformedText<"Doprava">;
+}];
+export { GALLERY_RATIOS as DEFAULT_RATIOS } from '../../../constants';
+export declare const HEIGHT_PIXELS: {
+    readonly sm: 160;
+    readonly md: 240;
+    readonly lg: 320;
+};
+//# sourceMappingURL=constants.d.ts.map

package/build/blocks/gallery/gallery-strip-group/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-strip-group/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;aACjB,KAAK,EAAE,IAAI;aAAE,KAAK;;aAClB,KAAK,EAAE,IAAI;aAAE,KAAK;;aAClB,KAAK,EAAE,IAAI;aAAE,KAAK;EACX,CAAA;AAEV,eAAO,MAAM,MAAM;aAChB,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,QAAQ;aAAE,KAAK;;aACtB,KAAK,EAAE,MAAM;aAAE,KAAK;EACb,CAAA;AAEV,eAAO,MAAM,UAAU;aACpB,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,OAAO;aAAE,KAAK;EACd,CAAA;AAEV,OAAO,EAAC,cAAc,IAAI,cAAc,EAAC,MAAM,aAAa,CAAA;AAE5D,eAAO,MAAM,aAAa;aAAI,EAAE,EAAE,GAAG;aAAE,EAAE,EAAE,GAAG;aAAE,EAAE,EAAE,GAAG;CAAU,CAAA"}

package/build/blocks/gallery/gallery-strip-group/constants.js

@@ -0,0 +1,17 @@
+import { __ } from '@wordpress/i18n';
+export const HEIGHTS = [
+    { value: 'sm', label: __('Malá', 'brilo-blocks') },
+    { value: 'md', label: __('Střední', 'brilo-blocks') },
+    { value: 'lg', label: __('Velká', 'brilo-blocks') },
+];
+export const SPEEDS = [
+    { value: 'slow', label: __('Pomalu', 'brilo-blocks') },
+    { value: 'medium', label: __('Středně', 'brilo-blocks') },
+    { value: 'fast', label: __('Rychle', 'brilo-blocks') },
+];
+export const DIRECTIONS = [
+    { value: 'left', label: __('Doleva', 'brilo-blocks') },
+    { value: 'right', label: __('Doprava', 'brilo-blocks') },
+];
+export { GALLERY_RATIOS as DEFAULT_RATIOS } from '../../../constants';
+export const HEIGHT_PIXELS = { sm: 160, md: 240, lg: 320 };

package/build/blocks/gallery/gallery-strip-group/edit.d.ts

@@ -0,0 +1,7 @@
+import type { GalleryStripGroupAttributes, GalleryStripGroupOptions } from './types';
+export declare function createGalleryStripGroupEdit(options: GalleryStripGroupOptions): ({ attributes, setAttributes, clientId, }: {
+    attributes: GalleryStripGroupAttributes;
+    setAttributes: (a: Partial<GalleryStripGroupAttributes>) => void;
+    clientId: string;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=edit.d.ts.map

package/build/blocks/gallery/gallery-strip-group/edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-strip-group/edit.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAEV,2BAA2B,EAC3B,wBAAwB,EAIzB,MAAM,SAAS,CAAA;AAEhB,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,wBAAwB,8CAOxE;IACD,UAAU,EAAE,2BAA2B,CAAA;IACvC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,KAAK,IAAI,CAAA;IAChE,QAAQ,EAAE,MAAM,CAAA;CACjB,iCA+EF"}

package/build/blocks/gallery/gallery-strip-group/edit.js

@@ -0,0 +1,34 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InspectorControls } from '@wordpress/block-editor';
+import { PanelBody, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import clsx from 'clsx';
+import { GalleryImagesAppender } from '../../../components/GalleryImagesAppender';
+import { ItemSpacingPanel, itemSpacingStyle } from '../../../components/ItemSpacingControl';
+import { useGroupBlock } from '../../../hooks/useGroupBlock';
+import { DEFAULT_RATIOS, DIRECTIONS, HEIGHTS, HEIGHT_PIXELS, SPEEDS } from './constants';
+export function createGalleryStripGroupEdit(options) {
+    var _a;
+    const RATIOS = (_a = options.ratios) !== null && _a !== void 0 ? _a : DEFAULT_RATIOS;
+    return function Edit({ attributes, setAttributes, clientId, }) {
+        var _a, _b, _c;
+        const { height, ratio, speed, direction, spacing } = attributes;
+        const heightPx = (_a = HEIGHT_PIXELS[height]) !== null && _a !== void 0 ? _a : HEIGHT_PIXELS.md;
+        const [ratioWidth, ratioHeight] = ratio.split(':').map(Number);
+        const { blockProps, innerBlocksProps } = useGroupBlock({
+            blockClassName: clsx((_b = options.blockClassName) !== null && _b !== void 0 ? _b : 'g-gallery g-gallery-strip wp-block-section', `--speed-${speed}`, `--direction-${direction}`),
+            containerClassName: (_c = options.containerClassName) !== null && _c !== void 0 ? _c : 'g-gallery-strip__track',
+            containerStyle: {
+                '--gallery-strip-height': `${heightPx}px`,
+                '--gallery-strip-item-width': `${Math.round((heightPx * ratioWidth) / ratioHeight)}px`,
+                ...itemSpacingStyle(spacing),
+            },
+            allowedBlocks: options.allowedBlocks,
+            orientation: 'horizontal',
+            renderAppender: () => _jsx(GalleryImagesAppender, { clientId: clientId, itemBlock: options.allowedBlocks[0] }),
+            template: options.template,
+            layout: { type: 'default' },
+        });
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Rozložení', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { isBlock: true, label: __('Výška', 'brilo-blocks'), value: height, onChange: (v) => setAttributes({ height: v }), children: HEIGHTS.map((h) => (_jsx(ToggleGroupControlOption, { value: h.value, label: h.label }, h.value))) }), _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.value, label: r.label }, r.value))) })] }), _jsxs(PanelBody, { title: __('Animace', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { isBlock: true, label: __('Rychlost', 'brilo-blocks'), value: speed, onChange: (v) => setAttributes({ speed: v }), children: SPEEDS.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Směr', 'brilo-blocks'), value: direction, onChange: (v) => setAttributes({ direction: v }), children: DIRECTIONS.map((d) => (_jsx(ToggleGroupControlOption, { value: d.value, label: d.label }, d.value))) })] }), _jsx(ItemSpacingPanel, { spacing: spacing, onChange: (v) => setAttributes({ spacing: v }) })] }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
+    };
+}

package/build/blocks/gallery/gallery-strip-group/factory.d.ts

@@ -0,0 +1,5 @@
+import type { BlockConfiguration } from '@wordpress/blocks';
+import type { GalleryStripGroupAttributes, GalleryStripGroupOptions } from './types';
+export type { GalleryStripGroupAttributes, GalleryStripGroupOptions };
+export declare function createGalleryStripGroupBlock(options: GalleryStripGroupOptions): BlockConfiguration<GalleryStripGroupAttributes>;
+//# sourceMappingURL=factory.d.ts.map

package/build/blocks/gallery/gallery-strip-group/factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-strip-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAKzD,OAAO,KAAK,EAAC,2BAA2B,EAAE,wBAAwB,EAAC,MAAM,SAAS,CAAA;AAElF,YAAY,EAAC,2BAA2B,EAAE,wBAAwB,EAAC,CAAA;AAEnE,wBAAgB,4BAA4B,CAAC,OAAO,EAAE,wBAAwB,GAAG,kBAAkB,CAAC,2BAA2B,CAAC,CAqB/H"}