@brilo/base-blocks 0.1.57 → 0.1.58

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

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

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

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { InnerBlocks } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
 import { createColumnItemEdit } from './edit';
+import { icon as defaultIcon } from './icon';
 import { ALIGN } from './constants';
 export function createColumnItemBlock(options) {
     var _a, _b, _c;
@@ -11,7 +12,7 @@ export function createColumnItemBlock(options) {
         description: options.description,
         category: (_b = options.category) !== null && _b !== void 0 ? _b : 'layout',
         ...(options.parent && { parent: options.parent }),
-        icon: (_c = options.icon) !== null && _c !== void 0 ? _c : 'column',
+        icon: (_c = options.icon) !== null && _c !== void 0 ? _c : { src: defaultIcon },
         supports: { html: false, customClassName: false },
         attributes: {
             size: {

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

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

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

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

package/build/blocks/column/column-item/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", children: [_jsx("title", { children: "Column Item" }), _jsx("rect", { x: "1.5", y: "2.5", width: "7", height: "15", rx: "1", stroke: "black", fill: "none" }), _jsx("rect", { x: "11.5", y: "2.5", width: "7", height: "15", rx: "1", stroke: "black", fill: "none", strokeDasharray: "2 1.5" }), _jsx("rect", { x: "3", y: "5", width: "4", height: "1", fill: "#357AB5" }), _jsx("rect", { x: "3", y: "8", width: "4", height: "1", fill: "#357AB5" }), _jsx("rect", { x: "3", y: "11", width: "3", height: "1", fill: "#357AB5" })] }));

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

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

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

@@ -14,5 +14,7 @@ export const columnItemDefaults = {
         'core/gallery',
         'brilo/link-item',
         'brilo/button-group',
+        'brilo/gallery-group',
+        'brilo/food-menu-group',
     ],
 };

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { FoodMenuGroupAttributes } from './types';
+export declare function FoodMenuPreview({ attributes }: {
+    attributes: FoodMenuGroupAttributes;
+}): React.JSX.Element;
+//# sourceMappingURL=FoodMenuPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FoodMenuPreview.d.ts","sourceRoot":"","sources":["../../../../src/blocks/food-menu/food-menu-group/FoodMenuPreview.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAwD,MAAM,OAAO,CAAA;AAG5E,OAAO,KAAK,EAAC,uBAAuB,EAAiD,MAAM,SAAS,CAAA;AA2UpG,wBAAgB,eAAe,CAAC,EAAC,UAAU,EAAC,EAAE;IAAC,UAAU,EAAE,uBAAuB,CAAA;CAAC,qBAyClF"}

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

@@ -0,0 +1,167 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import apiFetch from '@wordpress/api-fetch';
+import { Button, Spinner } from '@wordpress/components';
+import { __, sprintf } from '@wordpress/i18n';
+import clsx from 'clsx';
+import { useEffect, useRef, useState } from 'react';
+import { plural } from '../../../utils/plural';
+import { icon as menuIcon } from './icon';
+const BASE = 'brilo-food-menu-preview';
+/**
+ * The menu is assembled on the server — the week in the site's time zone,
+ * which days have a menu, whether ordering is open — so the preview asks the
+ * block's own endpoint instead of rebuilding that from post records. It shows
+ * structure and state, not the front-end markup: the theme renders blocks
+ * through its own renderer, which `ServerSideRender` cannot reach.
+ */
+function useMenuPreview(mode, menuIds, showPrices, showAllergens) {
+    const [data, setData] = useState(null);
+    const [isLoading, setIsLoading] = useState(true);
+    const [hasError, setHasError] = useState(false);
+    const [attempt, setAttempt] = useState(0);
+    const params = new URLSearchParams({
+        mode,
+        show_prices: showPrices ? '1' : '0',
+        show_allergens: showAllergens ? '1' : '0',
+    });
+    if ('manual' === mode && 0 < menuIds.length) {
+        params.set('ids', menuIds.join(','));
+    }
+    const key = params.toString();
+    // `attempt` is what "Zkusit znovu" bumps: same request, run again.
+    // biome-ignore lint/correctness/useExhaustiveDependencies: attempt re-runs the effect on retry
+    useEffect(() => {
+        let cancelled = false;
+        setIsLoading(true);
+        setHasError(false);
+        apiFetch({ path: `/brilo/v1/food-menu/preview?${key}` })
+            .then((result) => {
+            if (!cancelled) {
+                setData(result);
+            }
+        })
+            .catch(() => {
+            if (!cancelled) {
+                setData(null);
+                setHasError(true);
+            }
+        })
+            .finally(() => {
+            if (!cancelled) {
+                setIsLoading(false);
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [key, attempt]);
+    return { data, isLoading, hasError, retry: () => setAttempt((value) => value + 1) };
+}
+const WarnIcon = () => (_jsxs("svg", { className: `${BASE}__empty-icon`, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.5", "aria-hidden": "true", children: [_jsx("path", { d: "M10 3 2 17h16L10 3Z" }), _jsx("path", { d: "M10 8v4M10 14.5v.5" })] }));
+function PreviewEmpty({ title, text, children }) {
+    return (_jsxs("div", { className: `${BASE}__empty`, children: [_jsx(WarnIcon, {}), _jsxs("div", { children: [_jsx("b", { children: title }), text, children] })] }));
+}
+/**
+ * Says what the page does instead, in the editor's own setting, so a missing
+ * day is not a surprise on the live site. Derived from attributes only, so
+ * changing the setting updates it without a new request.
+ */
+function emptySentence(behaviour, emptyText, mode, data) {
+    const hint = __('Změnit lze v panelu „Když není co zobrazit“.', 'brilo-blocks');
+    if ('hide' === behaviour) {
+        return `${__('Blok se na webu nevykreslí.', 'brilo-blocks')} ${hint}`;
+    }
+    if ('permanent' === behaviour) {
+        const sentence = __('Na webu se místo něj nabídne stálá nabídka s poznámkou nad ní.', 'brilo-blocks');
+        const fallback = data.hasPermanent ? '' : ` ${__('Žádná stálá nabídka ale není, ukáže se věta.', 'brilo-blocks')}`;
+        return `${sentence}${fallback} ${hint}`;
+    }
+    const text = emptyText.trim() || data.emptyMessage[mode];
+    return `${sprintf(__('Na webu se místo něj ukáže věta „%s“', 'brilo-blocks'), text)} ${hint}`;
+}
+function NoMenuNotice({ attributes, data }) {
+    return (_jsx(PreviewEmpty, { title: __('Na tento den není lístek', 'brilo-blocks'), text: emptySentence(attributes.emptyBehaviour, attributes.emptyText, attributes.mode, data) }));
+}
+function sourceLabel(mode, day, data) {
+    var _a;
+    if ('today' === mode) {
+        return __('Dnešní lístek', 'brilo-blocks');
+    }
+    if ('week' === mode) {
+        return sprintf(__('Týden %d', 'brilo-blocks'), (_a = data.week) !== null && _a !== void 0 ? _a : 0);
+    }
+    if (!day.menu) {
+        return '';
+    }
+    return 'daily' === day.menu.kind && day.date ? sprintf(__('Denní · %s', 'brilo-blocks'), day.date) : __('Trvalý', 'brilo-blocks');
+}
+function PreviewRows({ menu, showPrices, showAllergens }) {
+    return (_jsx(_Fragment, { children: menu.courses.map((course, courseIndex) => (_jsxs("div", { className: `${BASE}__section`, children: [course.title && _jsx("div", { className: `${BASE}__section-title`, children: course.title }), course.items.map((item) => (_jsxs("div", { className: clsx(`${BASE}__row`, !showPrices && `${BASE}__row--no-price`), children: [_jsx("span", { className: `${BASE}__unit`, children: item.unit }), item.missing ? (_jsx("span", { className: clsx(`${BASE}__name`, `${BASE}__name--missing`), children: sprintf(__('Jídlo #%d (smazáno)', 'brilo-blocks'), item.food_id) })) : (_jsxs("span", { className: `${BASE}__name`, children: [item.title, showAllergens && 0 < item.allergens.length && _jsx("span", { className: `${BASE}__chip`, children: item.allergens.join(', ') }), item.note && _jsx("small", { className: `${BASE}__note`, children: item.note })] })), showPrices && _jsx("span", { className: `${BASE}__price`, children: item.price })] }, item.id || `food-${item.food_id}`)))] }, `${menu.id}-${courseIndex}`))) }));
+}
+function PreviewDayTabs({ days, selected, onSelect }) {
+    const tabs = useRef([]);
+    const onKeyDown = (event) => {
+        var _a;
+        const step = { ArrowRight: 1, ArrowLeft: -1 }[event.key];
+        if (!step) {
+            return;
+        }
+        event.preventDefault();
+        const next = (selected + step + days.length) % days.length;
+        onSelect(next);
+        (_a = tabs.current[next]) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    return (_jsx("div", { className: `${BASE}__days`, role: "tablist", "aria-label": __('Dny týdne', 'brilo-blocks'), onKeyDown: onKeyDown, children: days.map((day, index) => {
+            var _a;
+            const [weekday, ...date] = day.label.split(' ');
+            return (_jsxs("button", { ref: (element) => {
+                    tabs.current[index] = element;
+                }, type: "button", role: "tab", "aria-selected": index === selected, tabIndex: index === selected ? 0 : -1, className: `${BASE}__day`, onClick: () => onSelect(index), children: [_jsx("i", { className: clsx(`${BASE}__dot`, !day.menu && `${BASE}__dot--off`), "aria-hidden": "true" }), `${weekday.slice(0, 2)} ${date.join(' ')}`, !day.menu && _jsx("span", { className: "screen-reader-text", children: __('(bez lístku)', 'brilo-blocks') })] }, (_a = day.date) !== null && _a !== void 0 ? _a : index));
+        }) }));
+}
+function PreviewCard({ attributes, data, day, tabs }) {
+    var _a;
+    const { mode, showPrices, showAllergens, showReservation } = attributes;
+    const { menu } = day;
+    const source = sourceLabel(mode, day, data);
+    const reservation = showReservation ? menu === null || menu === void 0 ? void 0 : menu.reservation : null;
+    return (_jsxs("div", { className: `${BASE}__card`, children: [_jsxs("div", { className: `${BASE}__head`, children: [_jsxs("div", { className: `${BASE}__title`, children: [menuIcon, _jsx("span", { children: day.label }), day.date === data.today && _jsx("span", { className: `${BASE}__pill`, children: __('dnes', 'brilo-blocks') })] }), _jsxs("div", { className: `${BASE}__meta`, children: [source && _jsx("span", { className: clsx(`${BASE}__pill`, `${BASE}__pill--muted`), children: source }), 'open' === (reservation === null || reservation === void 0 ? void 0 : reservation.state) && (_jsx("span", { className: clsx(`${BASE}__pill`, `${BASE}__pill--ok`), children: __('Objednávky otevřené', 'brilo-blocks') })), 'closed' === (reservation === null || reservation === void 0 ? void 0 : reservation.state) && (_jsx("span", { className: clsx(`${BASE}__pill`, `${BASE}__pill--muted`), children: __('Objednávky uzavřené', 'brilo-blocks') }))] })] }), _jsxs("div", { className: `${BASE}__body`, children: [tabs, _jsx("div", { role: tabs ? 'tabpanel' : undefined, children: menu ? (_jsx(PreviewRows, { menu: menu, showPrices: showPrices, showAllergens: showAllergens })) : (_jsx(NoMenuNotice, { attributes: attributes, data: data })) }), menu && (_jsxs("div", { className: `${BASE}__foot`, children: [_jsx("span", { children: [
+                                    `${menu.dishCount} ${plural(menu.dishCount, __('jídlo', 'brilo-blocks'), __('jídla', 'brilo-blocks'), __('jídel', 'brilo-blocks'))}`,
+                                    showAllergens ? __('alergeny v závorce', 'brilo-blocks') : __('alergeny skryté', 'brilo-blocks'),
+                                    showPrices ? __('ceny zobrazeny', 'brilo-blocks') : __('ceny skryté', 'brilo-blocks'),
+                                ].join(' · ') }), showReservation && _jsx("span", { children: sprintf(__('Uzávěrka objednávek: %s', 'brilo-blocks'), ((_a = menu.reservation) === null || _a === void 0 ? void 0 : _a.deadline) || '—') })] }))] })] }));
+}
+function WeekPreview({ attributes, data }) {
+    const [selectedDate, setSelectedDate] = useState(null);
+    if (0 === data.days.length) {
+        return null;
+    }
+    // Today when it falls in the week, Monday otherwise; the choice is UI state
+    // only and is not saved with the block.
+    const pick = [selectedDate, data.today].map((date) => data.days.findIndex((day) => day.date === date)).find((index) => 0 <= index);
+    const selected = pick !== null && pick !== void 0 ? pick : 0;
+    return (_jsx(PreviewCard, { attributes: attributes, data: data, day: data.days[selected], tabs: _jsx(PreviewDayTabs, { days: data.days, selected: selected, onSelect: (index) => setSelectedDate(data.days[index].date) }) }));
+}
+export function FoodMenuPreview({ attributes }) {
+    const { mode, menuIds, showPrices, showAllergens } = attributes;
+    const { data, isLoading, hasError, retry } = useMenuPreview(mode, menuIds, showPrices, showAllergens);
+    if (hasError) {
+        return (_jsx("div", { className: BASE, children: _jsx(PreviewEmpty, { title: __('Náhled se nepodařilo načíst.', 'brilo-blocks'), children: _jsx(Button, { variant: "secondary", size: "small", className: `${BASE}__retry`, onClick: retry, children: __('Zkusit znovu', 'brilo-blocks') }) }) }));
+    }
+    // The first load only: a reload keeps the previous card, so toggling a
+    // setting does not collapse the block and make it jump.
+    if (!data) {
+        return (_jsx("div", { className: BASE, children: _jsx("div", { className: clsx(`${BASE}__card`, `${BASE}__card--loading`), children: _jsx("div", { className: `${BASE}__head`, children: _jsx(Spinner, {}) }) }) }));
+    }
+    let content;
+    if ('week' === mode) {
+        content = _jsx(WeekPreview, { attributes: attributes, data: data });
+    }
+    else if (0 === data.days.length) {
+        content = _jsx(NoMenuNotice, { attributes: attributes, data: data });
+    }
+    else {
+        content = data.days.map((day) => { var _a; var _b; return _jsx(PreviewCard, { attributes: attributes, data: data, day: day }, (_b = (_a = day.menu) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : day.label); });
+    }
+    return _jsx("div", { className: clsx(BASE, isLoading && `${BASE}--loading`), children: content });
+}

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

@@ -0,0 +1,7 @@
+/**
+ * Manual brilo_food_menu picker (table view, search, sort, checkbox selection,
+ * reorderable selection list) with title/kind columns. See `EntitySelectModal`
+ * for the shared DataViews wiring.
+ */
+export declare const FoodMenuSelectModal: ({ selectedItems, onChange }: import("../../../types").SelectControlProps) => import("react").JSX.Element;
+//# sourceMappingURL=FoodMenuSelectModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FoodMenuSelectModal.d.ts","sourceRoot":"","sources":["../../../../src/blocks/food-menu/food-menu-group/FoodMenuSelectModal.tsx"],"names":[],"mappings":"AAqCA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,2GA0B9B,CAAA"}

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

@@ -0,0 +1,56 @@
+import { __, sprintf } from '@wordpress/i18n';
+import { createEntitySelectModal } from '../../../components/EntitySelectModal/EntitySelectModal';
+const DEFAULT_VIEW = {
+    type: 'table',
+    search: '',
+    filters: [],
+    page: 1,
+    perPage: 20,
+    sort: { field: 'title', direction: 'asc' },
+    fields: ['kind'],
+    titleField: 'title',
+};
+/**
+ * A permanent menu has no date, so the kind column carries the day: the
+ * titles of a week of daily menus look alike and the date is what the editor
+ * actually picks by.
+ */
+function describe(menu) {
+    var _a, _b;
+    const date = (_a = menu.meta) === null || _a === void 0 ? void 0 : _a.brilo_food_menu_date;
+    return 'daily' === ((_b = menu.meta) === null || _b === void 0 ? void 0 : _b.brilo_food_menu_kind) && date
+        ? sprintf(__('Denní · %s', 'brilo-blocks'), date)
+        : __('Trvalý', 'brilo-blocks');
+}
+/**
+ * Manual brilo_food_menu picker (table view, search, sort, checkbox selection,
+ * reorderable selection list) with title/kind columns. See `EntitySelectModal`
+ * for the shared DataViews wiring.
+ */
+export const FoodMenuSelectModal = createEntitySelectModal({
+    endpoint: '/wp/v2/brilo_food_menu?per_page=100&orderby=title&order=asc&_fields=id,title,meta',
+    defaultView: DEFAULT_VIEW,
+    buttonLabel: __('Vybrat lístky', 'brilo-blocks'),
+    modalTitle: __('Výběr lístků', 'brilo-blocks'),
+    emptyLabel: __('Zatím nevybrán žádný lístek.', 'brilo-blocks'),
+    // The block previews the picked menus in order right under the button.
+    listInModal: true,
+    getItemLabel: (item) => item.title.rendered,
+    matchesSearch: (item, needle) => item.title.rendered.toLowerCase().includes(needle),
+    sortValue: (item, field) => ('kind' === field ? describe(item) : item.title.rendered),
+    fields: [
+        {
+            id: 'title',
+            label: __('Název', 'brilo-blocks'),
+            enableHiding: false,
+            enableSorting: true,
+            render: ({ item }) => item.title.rendered || __('(bez názvu)', 'brilo-blocks'),
+        },
+        {
+            id: 'kind',
+            label: __('Typ', 'brilo-blocks'),
+            enableSorting: true,
+            render: ({ item }) => describe(item),
+        },
+    ],
+});

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

@@ -0,0 +1,8 @@
+export declare const FOOD_MENU_GROUP_MODES: readonly ['manual', 'today', 'week'];
+export declare const FOOD_MENU_GROUP_LAYOUTS: readonly ['slider', 'list'];
+/** What the block does on a day with no menu to show. */
+export declare const FOOD_MENU_GROUP_EMPTY_BEHAVIOURS: readonly ['message', 'permanent', 'hide'];
+export declare const FOOD_MENU_GROUP_MODE: "manual";
+export declare const FOOD_MENU_GROUP_LAYOUT: "slider";
+export declare const FOOD_MENU_GROUP_EMPTY_BEHAVIOUR: "message";
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/food-menu/food-menu-group/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,YAAI,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAU,CAAA;AACzE,eAAO,MAAM,uBAAuB,YAAI,QAAQ,EAAE,MAAM,CAAU,CAAA;AAElE,yDAAyD;AACzD,eAAO,MAAM,gCAAgC,YAAI,SAAS,EAAE,WAAW,EAAE,MAAM,CAAU,CAAA;AAEzF,eAAO,MAAM,oBAAoB,UAA2B,CAAA;AAC5D,eAAO,MAAM,sBAAsB,UAA6B,CAAA;AAChE,eAAO,MAAM,+BAA+B,WAAsC,CAAA"}

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

@@ -0,0 +1,7 @@
+export const FOOD_MENU_GROUP_MODES = ['manual', 'today', 'week'];
+export const FOOD_MENU_GROUP_LAYOUTS = ['slider', 'list'];
+/** What the block does on a day with no menu to show. */
+export const FOOD_MENU_GROUP_EMPTY_BEHAVIOURS = ['message', 'permanent', 'hide'];
+export const FOOD_MENU_GROUP_MODE = FOOD_MENU_GROUP_MODES[0];
+export const FOOD_MENU_GROUP_LAYOUT = FOOD_MENU_GROUP_LAYOUTS[0];
+export const FOOD_MENU_GROUP_EMPTY_BEHAVIOUR = FOOD_MENU_GROUP_EMPTY_BEHAVIOURS[0];

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/food-menu/food-menu-group/edit.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAC,uBAAuB,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAA;AA6B1E,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,oBAAoB,oCAIhE;IACD,UAAU,EAAE,uBAAuB,CAAA;IACnC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAA;CAC7D,uBAqGF"}

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

@@ -0,0 +1,36 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
+import { PanelBody, __experimentalText as Text, TextareaControl, ToggleControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
+import { __, sprintf } from '@wordpress/i18n';
+import clsx from 'clsx';
+import { plural } from '../../../utils/plural';
+import { FoodMenuPreview } from './FoodMenuPreview';
+const MODE_HINTS = {
+    manual: __('Zobrazí se ručně vybrané lístky.', 'brilo-blocks'),
+    today: __('Zobrazí se denní lístek s dnešním datem.', 'brilo-blocks'),
+    week: __('Zobrazí se denní lístky aktuálního pracovního týdne (pondělí až pátek).', 'brilo-blocks'),
+};
+const EMPTY_HINTS = {
+    message: __('Návštěvník uvidí krátkou větu, že lístek zatím není vypsaný.', 'brilo-blocks'),
+    permanent: __('Místo chybějícího denního lístku se nabídne stálá nabídka. Když žádná není, ukáže se věta.', 'brilo-blocks'),
+    hide: __('Blok ze stránky zmizí. Stránka pak může zůstat prázdná.', 'brilo-blocks'),
+};
+function pickedNote(count) {
+    if (0 === count) {
+        return __('Zatím nevybrán žádný lístek.', 'brilo-blocks');
+    }
+    const picked = plural(count, __('Vybrán %d lístek', 'brilo-blocks'), __('Vybrány %d lístky', 'brilo-blocks'), __('Vybráno %d lístků', 'brilo-blocks'));
+    return `${sprintf(picked, count)} · ${__('pořadí změníte ve výběru lístků', 'brilo-blocks')}`;
+}
+export function createFoodMenuGroupEdit(options) {
+    return function Edit({ attributes, setAttributes, }) {
+        var _a;
+        var _b;
+        const { mode, layout, menuIds, showPrices, showAllergens, showReservation, emptyBehaviour, emptyText } = attributes;
+        const blockProps = useBlockProps({ className: clsx((_b = options.blockClassName) !== null && _b !== void 0 ? _b : 'g-food-menu', `--${layout}`) });
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Nastavení lístku', 'brilo-blocks'), initialOpen: true, children: [_jsxs(ToggleGroupControl, { label: __('Zdroj lístků', 'brilo-blocks'), help: MODE_HINTS[mode], value: mode, onChange: (value) => setAttributes({ mode: value }), isBlock: true, children: [_jsx(ToggleGroupControlOption, { value: "manual", label: __('Ruční výběr', 'brilo-blocks') }), _jsx(ToggleGroupControlOption, { value: "today", label: __('Dnešní', 'brilo-blocks') }), _jsx(ToggleGroupControlOption, { value: "week", label: __('Týden', 'brilo-blocks') })] }), _jsxs(ToggleGroupControl, { label: __('Rozvržení', 'brilo-blocks'), help: __('Slider se použije jen tehdy, když je lístků víc než jeden.', 'brilo-blocks'), value: layout, onChange: (value) => setAttributes({ layout: value }), isBlock: true, children: [_jsx(ToggleGroupControlOption, { value: "slider", label: __('Slider', 'brilo-blocks') }), _jsx(ToggleGroupControlOption, { value: "list", label: __('Seznam', 'brilo-blocks') })] }), _jsx(ToggleControl, { __nextHasNoMarginBottom: true, label: __('Zobrazit ceny', 'brilo-blocks'), checked: showPrices, onChange: (value) => setAttributes({ showPrices: value }) }), _jsx(ToggleControl, { __nextHasNoMarginBottom: true, label: __('Zobrazit alergeny a legendu', 'brilo-blocks'), checked: showAllergens, onChange: (value) => setAttributes({ showAllergens: value }) }), _jsx(ToggleControl, { __nextHasNoMarginBottom: true, label: __('Umožnit objednání obědu', 'brilo-blocks'), help: __('Objednávkové tlačítko se ukáže jen u denních lístků a jen když jsou rezervace zapnuté v nastavení modulu.', 'brilo-blocks'), checked: showReservation, onChange: (value) => setAttributes({ showReservation: value }) })] }), _jsxs(PanelBody, { title: __('Když není co zobrazit', 'brilo-blocks'), initialOpen: false, children: [_jsxs(ToggleGroupControl, { label: __('Chování', 'brilo-blocks'), help: EMPTY_HINTS[emptyBehaviour], value: emptyBehaviour, onChange: (value) => setAttributes({ emptyBehaviour: value }), isBlock: true, children: [_jsx(ToggleGroupControlOption, { value: "message", label: __('Zpráva', 'brilo-blocks') }), _jsx(ToggleGroupControlOption, { value: "permanent", label: __('Stálá nabídka', 'brilo-blocks') }), _jsx(ToggleGroupControlOption, { value: "hide", label: __('Skrýt', 'brilo-blocks') })] }), 'hide' !== emptyBehaviour && (_jsx(TextareaControl, { __nextHasNoMarginBottom: true, label: __('Vlastní text zprávy', 'brilo-blocks'), help: __('Když zůstane prázdné, použije se věta podle zvoleného zdroje lístků.', 'brilo-blocks'), rows: 2, value: emptyText, onChange: (value) => setAttributes({ emptyText: value }) }))] })] }), _jsxs("div", { ...blockProps, children: ['manual' === mode && (_jsxs("div", { className: "brilo-food-menu-preview__pick", children: [(_a = options.renderMenusControl) === null || _a === void 0 ? void 0 : _a.call(options, {
+                                    selectedItems: menuIds,
+                                    onChange: (ids) => setAttributes({ menuIds: ids }),
+                                }), _jsx(Text, { variant: "muted", children: pickedNote(menuIds.length) })] })), _jsx(FoodMenuPreview, { attributes: attributes })] })] }));
+    };
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/food-menu/food-menu-group/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAYzD,OAAO,KAAK,EAAC,uBAAuB,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAA;AAE1E,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,oBAAoB,GAAG,kBAAkB,CAAC,uBAAuB,CAAC,CAmDnH"}

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

@@ -0,0 +1,57 @@
+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 { createFoodMenuGroupEdit } from './edit';
+import { icon as defaultIcon } from './icon';
+export function createFoodMenuGroupBlock(options) {
+    var _a, _b, _c, _d;
+    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',
+        ...(options.parent && { parent: options.parent }),
+        icon: (_d = options.icon) !== null && _d !== void 0 ? _d : { 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,
+            },
+            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),
+        save: () => null,
+    };
+}

package/build/blocks/food-menu/food-menu-group/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-menu-group/icon.d.ts.map

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

package/build/blocks/food-menu/food-menu-group/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": "J\u00EDdeln\u00ED l\u00EDstek", children: [_jsx("rect", { x: "3", y: "2", width: "14", height: "16", stroke: "currentColor", fill: "none" }), _jsx("line", { x1: "6", y1: "6", x2: "14", y2: "6", stroke: "currentColor" }), _jsx("line", { x1: "6", y1: "10", x2: "14", y2: "10", stroke: "currentColor" }), _jsx("line", { x1: "6", y1: "14", x2: "11", y2: "14", stroke: "currentColor" })] }));

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

@@ -0,0 +1,6 @@
+export type { FoodMenuGroupAttributes, FoodMenuGroupEmptyBehaviour, FoodMenuGroupLayout, FoodMenuGroupMode, FoodMenuGroupOptions, } from './types';
+export { createFoodMenuGroupBlock } from './factory';
+export { FoodMenuSelectModal } from './FoodMenuSelectModal';
+import type { FoodMenuGroupOptions } from './types';
+export declare const foodMenuGroupDefaults: FoodMenuGroupOptions;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+export { createFoodMenuGroupBlock } from './factory';
+export { FoodMenuSelectModal } from './FoodMenuSelectModal';
+export const foodMenuGroupDefaults = {
+    name: 'brilo/food-menu-group',
+    // Also allowed inside a content column, so a menu can sit next to a gallery.
+    parent: ['brilo/base-section', 'brilo/column-item'],
+};

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

@@ -0,0 +1,19 @@
+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];
+export interface FoodMenuGroupAttributes extends Record<string, unknown> {
+    mode: FoodMenuGroupMode;
+    layout: FoodMenuGroupLayout;
+    menuIds: number[];
+    showPrices: boolean;
+    showAllergens: boolean;
+    showReservation: boolean;
+    emptyBehaviour: FoodMenuGroupEmptyBehaviour;
+    emptyText: string;
+}
+export interface FoodMenuGroupOptions extends BriloBlockType {
+    renderMenusControl?: (props: SelectControlProps) => JSX.Element;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

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

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

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

@@ -1,7 +1,7 @@
 export { createGalleryGroupBlock } from './factory';
 export const galleryGroupDefaults = {
     name: 'brilo/gallery-group',
-    parent: ['brilo/base-section'],
+    parent: ['brilo/base-section', 'brilo/column-item'],
     allowedBlocks: ['brilo/gallery-item'],
     template: [],
 };

package/build/components/EntitySelectModal/EntitySelectModal.d.ts

@@ -15,6 +15,12 @@ export type EntitySelectModalConfig<T extends EntityRecord> = {
     modalTitle: string;
     emptyLabel: string;
     className?: string;
+    /**
+     * Keep the reorderable selection inside the modal instead of under the
+     * button — for blocks whose canvas already previews the picked items in
+     * order, where a second list would only repeat them.
+     */
+    listInModal?: boolean;
 };
 /**
  * Generic table-view entity picker built on @wordpress/dataviews (search, sort,

package/build/components/EntitySelectModal/EntitySelectModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntitySelectModal.d.ts","sourceRoot":"","sources":["../../../src/components/EntitySelectModal/EntitySelectModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,KAAK,EAAE,IAAI,EAAC,MAAM,yBAAyB,CAAA;AAKxD,OAAO,KAAqC,MAAM,OAAO,CAAA;AACzD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,KAAK,YAAY,GAAG;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,CAAA;AA0BhC,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,YAAY,IAAI;IAC5D,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IAClB,WAAW,EAAE,IAAI,CAAA;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAA;IACjC,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAA;IACnD,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;IACtD,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AA2FD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,YAAY,EAAE,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAC,iCACnC,kBAAkB,uBAwGhF"}
+{"version":3,"file":"EntitySelectModal.d.ts","sourceRoot":"","sources":["../../../src/components/EntitySelectModal/EntitySelectModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,KAAK,EAAE,IAAI,EAAC,MAAM,yBAAyB,CAAA;AAKxD,OAAO,KAAqC,MAAM,OAAO,CAAA;AACzD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,KAAK,YAAY,GAAG;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,CAAA;AA0BhC,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,YAAY,IAAI;IAC5D,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IAClB,WAAW,EAAE,IAAI,CAAA;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAA;IACjC,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAA;IACnD,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;IACtD,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AA2FD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,YAAY,EAAE,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAC,iCACnC,kBAAkB,uBA8GhF"}

package/build/components/EntitySelectModal/EntitySelectModal.js

@@ -84,7 +84,8 @@ export function createEntitySelectModal(config) {
         const toggleSelected = (id) => {
             onChange(selectedItems.includes(id) ? selectedItems.filter((itemId) => itemId !== id) : [...selectedItems, id]);
         };
-        return (_jsxs(VStack, { spacing: 3, className: (_a = config.className) !== null && _a !== void 0 ? _a : 'i-event-select-modal', children: [_jsx(Button, { variant: "secondary", icon: plusCircle, onClick: () => setIsOpen(true), children: config.buttonLabel }), _jsx(SelectedOrderList, { items: selectedEntities, getItemLabel: config.getItemLabel, emptyLabel: config.emptyLabel, onChange: onChange, onRemove: (id) => onChange(selectedItems.filter((itemId) => itemId !== id)) }), isOpen && (_jsx(Modal, { title: config.modalTitle, onRequestClose: () => setIsOpen(false), size: "fill", children: _jsxs(VStack, { spacing: 4, style: { height: '100%' }, children: [_jsx("div", { style: { flexGrow: 1, minHeight: 0 }, children: _jsx(TypedDataViews, { data: data, fields: config.fields, view: view, onChangeView: setView, paginationInfo: paginationInfo, isLoading: isLoading, defaultLayouts: { table: {} }, getItemId: (item) => String(item.id), selection: selectedItems.map(String), onChangeSelection: (ids) => onChange(ids.map(Number)), actions: [
+        const selectedList = (_jsx(SelectedOrderList, { items: selectedEntities, getItemLabel: config.getItemLabel, emptyLabel: config.emptyLabel, onChange: onChange, onRemove: (id) => onChange(selectedItems.filter((itemId) => itemId !== id)) }));
+        return (_jsxs(VStack, { spacing: 3, className: (_a = config.className) !== null && _a !== void 0 ? _a : 'i-event-select-modal', children: [_jsx(Button, { variant: "secondary", icon: plusCircle, onClick: () => setIsOpen(true), children: config.buttonLabel }), !config.listInModal && selectedList, isOpen && (_jsx(Modal, { title: config.modalTitle, onRequestClose: () => setIsOpen(false), size: "fill", children: _jsxs(VStack, { spacing: 4, style: { height: '100%' }, children: [_jsx("div", { style: { flexGrow: 1, minHeight: 0 }, children: _jsx(TypedDataViews, { data: data, fields: config.fields, view: view, onChangeView: setView, paginationInfo: paginationInfo, isLoading: isLoading, defaultLayouts: { table: {} }, getItemId: (item) => String(item.id), selection: selectedItems.map(String), onChangeSelection: (ids) => onChange(ids.map(Number)), actions: [
                                         {
                                             id: 'toggle',
                                             label: (items) => items.length && selectedItems.includes(items[0].id) ? __('Odebrat', 'brilo-blocks') : __('Přidat', 'brilo-blocks'),
@@ -95,6 +96,6 @@ export function createEntitySelectModal(config) {
                                                 });
                                             },
                                         },
-                                    ] }) }), _jsx(HStack, { justify: "flex-end", children: _jsx(Button, { variant: "primary", onClick: () => setIsOpen(false), children: __('Hotovo', 'brilo-blocks') }) })] }) }))] }));
+                                    ] }) }), config.listInModal && selectedList, _jsx(HStack, { justify: "flex-end", children: _jsx(Button, { variant: "primary", onClick: () => setIsOpen(false), children: __('Hotovo', 'brilo-blocks') }) })] }) }))] }));
     };
 }

package/build/index.d.ts

@@ -115,6 +115,8 @@ export { PostSelectModal } from './components/Post/PostSelectModal';
 export { PostTermSelectModal } from './components/Post/PostTermSelectModal';
 export type { DocumentsGridAttributes, DocumentsGridOptions, DocumentsGridListingStyle, DocumentsGridMode, DocumentsGridSortBy, } from './blocks/document/documents-grid';
 export { createDocumentsGridBlock, documentsGridDefaults, DocumentsSelectModal, DocumentTermSelectModal, } from './blocks/document/documents-grid';
+export type { FoodMenuGroupAttributes, FoodMenuGroupLayout, FoodMenuGroupMode, FoodMenuGroupOptions, } from './blocks/food-menu/food-menu-group';
+export { createFoodMenuGroupBlock, foodMenuGroupDefaults, FoodMenuSelectModal } from './blocks/food-menu/food-menu-group';
 export type { LinkItemAttributes, LinkItemIcon, LinkItemOptions } from './blocks/link/link-item';
 export { createLinkItemBlock, linkItemDefaults } from './blocks/link/link-item';
 export type { ContentWithAsideAttributes, ContentWithAsideOptions } from './blocks/layout/layout-content-w-aside';