@uxf/cms 13.0.3 → 14.1.0

package/pages/content-builder/content-field.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentField = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const dnd_1 = require("@uxf/dnd");
 const button_1 = require("@uxf/ui/button");
 const dialog_panel_1 = require("@uxf/ui/dialog/dialog-panel");
@@ -13,47 +14,227 @@ const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const form_content_1 = require("./components/form-content");
 const details_visibility_context_1 = require("./context/details-visibility-context");
-const ContentField = (props) => {
+const ContentField = props => {
     var _a;
-    const { fields, remove, insert, move } = (0, react_hook_form_1.useFieldArray)({
-        name: `${props.name}.data`,
-        control: props.control,
-    });
-    const createSection = (component, index) => {
-        insert(index + 1, { type: component.getConfig().type, content: null });
-        (0, modal_service_1.closeModal)();
-    };
-    const { activeItem, itemsIds, sensors, dropAnimationConfig, onDragStart, onDragEnd, onDragCancel } = (0, dnd_1.useSortableSingle)(fields, (fromIndex, toIndex) => move(fromIndex, toIndex));
-    const activeItemIndex = fields.findIndex((f) => f.id === (activeItem === null || activeItem === void 0 ? void 0 : activeItem.id));
+    const $ = (0, compiler_runtime_1.c)(62);
+    const t0 = `${props.name}.data`;
+    let t1;
+    if ($[0] !== props.control || $[1] !== t0) {
+        t1 = {
+            name: t0,
+            control: props.control
+        };
+        $[0] = props.control;
+        $[1] = t0;
+        $[2] = t1;
+    }
+    else {
+        t1 = $[2];
+    }
+    const { fields, remove, insert, move } = (0, react_hook_form_1.useFieldArray)(t1);
+    let t2;
+    if ($[3] !== insert) {
+        t2 = (component, index) => {
+            insert(index + 1, {
+                type: component.getConfig().type,
+                content: null
+            });
+            (0, modal_service_1.closeModal)();
+        };
+        $[3] = insert;
+        $[4] = t2;
+    }
+    else {
+        t2 = $[4];
+    }
+    const createSection = t2;
+    let t3;
+    if ($[5] !== move) {
+        t3 = (fromIndex, toIndex) => move(fromIndex, toIndex);
+        $[5] = move;
+        $[6] = t3;
+    }
+    else {
+        t3 = $[6];
+    }
+    const { activeItem, itemsIds, sensors, dropAnimationConfig, onDragStart, onDragEnd, onDragCancel } = (0, dnd_1.useSortableSingle)(fields, t3);
+    let t4;
+    if ($[7] !== (activeItem === null || activeItem === void 0 ? void 0 : activeItem.id) || $[8] !== fields) {
+        let t5;
+        if ($[10] !== (activeItem === null || activeItem === void 0 ? void 0 : activeItem.id)) {
+            t5 = f => f.id === (activeItem === null || activeItem === void 0 ? void 0 : activeItem.id);
+            $[10] = activeItem === null || activeItem === void 0 ? void 0 : activeItem.id;
+            $[11] = t5;
+        }
+        else {
+            t5 = $[11];
+        }
+        t4 = fields.findIndex(t5);
+        $[7] = activeItem === null || activeItem === void 0 ? void 0 : activeItem.id;
+        $[8] = fields;
+        $[9] = t4;
+    }
+    else {
+        t4 = $[9];
+    }
+    const activeItemIndex = t4;
     const setVisibilityForAll = (0, details_visibility_context_1.useDetailsVisibilityControls)();
-    return (react_1.default.createElement("div", { className: "uxf-cb__content" },
-        react_1.default.createElement("div", { className: "uxf-cb__content-header mb-4 mt-6 flex flex-wrap items-center justify-between gap-4" },
-            react_1.default.createElement("h2", { className: "uxf-typo-h5" }, "Obsah"),
-            fields.length > 1 && (react_1.default.createElement("div", { className: "flex justify-end space-x-4" },
-                react_1.default.createElement(button_1.Button, { onClick: () => setVisibilityForAll(true), size: "sm", variant: "secondary" },
-                    react_1.default.createElement(icon_1.Icon, { className: "mr-1", name: "arrow-down-from-line" }),
-                    "otev\u0159\u00EDt v\u0161e"),
-                react_1.default.createElement(button_1.Button, { onClick: () => setVisibilityForAll(false), size: "sm", variant: "secondary" },
-                    react_1.default.createElement(icon_1.Icon, { className: "mr-1", name: "arrow-up-to-line" }),
-                    "zav\u0159\u00EDt v\u0161e")))),
-        react_1.default.createElement(dnd_1.DndContext, { onDragCancel: onDragCancel, onDragEnd: onDragEnd, onDragStart: onDragStart, sensors: sensors },
-            react_1.default.createElement(dnd_1.SortableContext, { items: itemsIds, strategy: dnd_1.verticalListSortingStrategy },
-                react_1.default.createElement("div", { className: "space-y-4 pl-8" }, fields.map((field, index) => {
-                    var _a;
-                    return (react_1.default.createElement("div", { key: field.id },
-                        react_1.default.createElement(form_content_1.FormContent, { contentComponents: props.contentComponents, control: props.control, createSection: createSection, id: field.id, index: index, name: `${props.name}.data[${index}]`, onRemove: () => remove(index), title: (_a = props.contentComponents
-                                .find((c) => c.getConfig().type === field.type)) === null || _a === void 0 ? void 0 : _a.getConfig().label })));
-                }))),
-            react_1.default.createElement(dnd_1.DragOverlay, { dropAnimation: dropAnimationConfig }, activeItem ? (react_1.default.createElement(form_content_1.FormContent, { ...activeItem, contentComponents: props.contentComponents, control: props.control, createSection: createSection, index: activeItemIndex, name: `${props.name}.data[${activeItemIndex}]`, onRemove: () => remove(activeItemIndex), showAddButton: false, title: (_a = props.contentComponents
-                    .find((c) => c.getConfig().type === activeItem.type)) === null || _a === void 0 ? void 0 : _a.getConfig().label })) : null)),
-        fields.length < 1 && (react_1.default.createElement("div", null,
+    let t5;
+    if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = react_1.default.createElement("h2", { className: "uxf-typo-h5" }, "Obsah");
+        $[12] = t5;
+    }
+    else {
+        t5 = $[12];
+    }
+    let t6;
+    if ($[13] !== fields.length || $[14] !== setVisibilityForAll) {
+        t6 = fields.length > 1 && react_1.default.createElement("div", { className: "flex justify-end space-x-4" },
+            react_1.default.createElement(button_1.Button, { onClick: () => setVisibilityForAll(true), size: "sm", variant: "secondary" },
+                react_1.default.createElement(icon_1.Icon, { className: "mr-1", name: "arrow-down-from-line" }),
+                "otev\u0159\u00EDt v\u0161e"),
+            react_1.default.createElement(button_1.Button, { onClick: () => setVisibilityForAll(false), size: "sm", variant: "secondary" },
+                react_1.default.createElement(icon_1.Icon, { className: "mr-1", name: "arrow-up-to-line" }),
+                "zav\u0159\u00EDt v\u0161e"));
+        $[13] = fields.length;
+        $[14] = setVisibilityForAll;
+        $[15] = t6;
+    }
+    else {
+        t6 = $[15];
+    }
+    let t7;
+    if ($[16] !== t6) {
+        t7 = react_1.default.createElement("div", { className: "uxf-cb__content-header mb-4 mt-6 flex flex-wrap items-center justify-between gap-4" },
+            t5,
+            t6);
+        $[16] = t6;
+        $[17] = t7;
+    }
+    else {
+        t7 = $[17];
+    }
+    let t8;
+    if ($[18] !== createSection || $[19] !== fields || $[20] !== props.contentComponents || $[21] !== props.control || $[22] !== props.name || $[23] !== remove) {
+        let t9;
+        if ($[25] !== createSection || $[26] !== props.contentComponents || $[27] !== props.control || $[28] !== props.name || $[29] !== remove) {
+            t9 = (field, index_0) => { var _a; return react_1.default.createElement("div", { key: field.id },
+                react_1.default.createElement(form_content_1.FormContent, { contentComponents: props.contentComponents, control: props.control, createSection: createSection, id: field.id, index: index_0, name: `${props.name}.data[${index_0}]`, onRemove: () => remove(index_0), title: (_a = props.contentComponents.find(c => c.getConfig().type === field.type)) === null || _a === void 0 ? void 0 : _a.getConfig().label })); };
+            $[25] = createSection;
+            $[26] = props.contentComponents;
+            $[27] = props.control;
+            $[28] = props.name;
+            $[29] = remove;
+            $[30] = t9;
+        }
+        else {
+            t9 = $[30];
+        }
+        t8 = fields.map(t9);
+        $[18] = createSection;
+        $[19] = fields;
+        $[20] = props.contentComponents;
+        $[21] = props.control;
+        $[22] = props.name;
+        $[23] = remove;
+        $[24] = t8;
+    }
+    else {
+        t8 = $[24];
+    }
+    let t9;
+    if ($[31] !== t8) {
+        t9 = react_1.default.createElement("div", { className: "space-y-4 pl-8" }, t8);
+        $[31] = t8;
+        $[32] = t9;
+    }
+    else {
+        t9 = $[32];
+    }
+    let t10;
+    if ($[33] !== itemsIds || $[34] !== t9) {
+        t10 = react_1.default.createElement(dnd_1.SortableContext, { items: itemsIds, strategy: dnd_1.verticalListSortingStrategy }, t9);
+        $[33] = itemsIds;
+        $[34] = t9;
+        $[35] = t10;
+    }
+    else {
+        t10 = $[35];
+    }
+    let t11;
+    if ($[36] !== activeItem || $[37] !== activeItemIndex || $[38] !== createSection || $[39] !== props.contentComponents || $[40] !== props.control || $[41] !== props.name || $[42] !== remove) {
+        t11 = activeItem ? react_1.default.createElement(form_content_1.FormContent, { ...activeItem, contentComponents: props.contentComponents, control: props.control, createSection: createSection, index: activeItemIndex, name: `${props.name}.data[${activeItemIndex}]`, onRemove: () => remove(activeItemIndex), showAddButton: false, title: (_a = props.contentComponents.find(c_0 => c_0.getConfig().type === activeItem.type)) === null || _a === void 0 ? void 0 : _a.getConfig().label }) : null;
+        $[36] = activeItem;
+        $[37] = activeItemIndex;
+        $[38] = createSection;
+        $[39] = props.contentComponents;
+        $[40] = props.control;
+        $[41] = props.name;
+        $[42] = remove;
+        $[43] = t11;
+    }
+    else {
+        t11 = $[43];
+    }
+    let t12;
+    if ($[44] !== dropAnimationConfig || $[45] !== t11) {
+        t12 = react_1.default.createElement(dnd_1.DragOverlay, { dropAnimation: dropAnimationConfig }, t11);
+        $[44] = dropAnimationConfig;
+        $[45] = t11;
+        $[46] = t12;
+    }
+    else {
+        t12 = $[46];
+    }
+    let t13;
+    if ($[47] !== onDragCancel || $[48] !== onDragEnd || $[49] !== onDragStart || $[50] !== sensors || $[51] !== t10 || $[52] !== t12) {
+        t13 = react_1.default.createElement(dnd_1.DndContext, { onDragCancel: onDragCancel, onDragEnd: onDragEnd, onDragStart: onDragStart, sensors: sensors },
+            t10,
+            t12);
+        $[47] = onDragCancel;
+        $[48] = onDragEnd;
+        $[49] = onDragStart;
+        $[50] = sensors;
+        $[51] = t10;
+        $[52] = t12;
+        $[53] = t13;
+    }
+    else {
+        t13 = $[53];
+    }
+    let t14;
+    if ($[54] !== createSection || $[55] !== fields.length || $[56] !== props.contentComponents) {
+        t14 = fields.length < 1 && react_1.default.createElement("div", null,
             react_1.default.createElement(button_1.Button, { className: "h-20 border-2 border-dashed border-gray-600", isFullWidth: true, onClick: () => (0, modal_service_1.openModal)({
-                    children: (react_1.default.createElement(dialog_panel_1.DialogPanel, { width: "sm" },
+                    children: react_1.default.createElement(dialog_panel_1.DialogPanel, { width: "sm" },
                         react_1.default.createElement("div", { className: "px-4 py-6" },
                             react_1.default.createElement("h2", { className: "uxf-typo-h5 mb-4" }, "P\u0159idat sekci"),
-                            react_1.default.createElement("div", { className: "space-y-4" }, props.contentComponents.map((component) => (react_1.default.createElement(button_1.Button, { isFullWidth: true, key: component.getConfig().type, onClick: () => createSection(component, 0), variant: "secondary" }, component.getConfig().label))))))),
+                            react_1.default.createElement("div", { className: "space-y-4" }, props.contentComponents.map(component_0 => react_1.default.createElement(button_1.Button, { isFullWidth: true, key: component_0.getConfig().type, onClick: () => createSection(component_0, 0), variant: "secondary" }, component_0.getConfig().label)))))
                 }), size: "lg", variant: "text" },
                 react_1.default.createElement(icon_1.Icon, { className: "mr-3", name: "plus", size: 16 }),
-                "P\u0159idat sekci")))));
+                "P\u0159idat sekci"));
+        $[54] = createSection;
+        $[55] = fields.length;
+        $[56] = props.contentComponents;
+        $[57] = t14;
+    }
+    else {
+        t14 = $[57];
+    }
+    let t15;
+    if ($[58] !== t13 || $[59] !== t14 || $[60] !== t7) {
+        t15 = react_1.default.createElement("div", { className: "uxf-cb__content" },
+            t7,
+            t13,
+            t14);
+        $[58] = t13;
+        $[59] = t14;
+        $[60] = t7;
+        $[61] = t15;
+    }
+    else {
+        t15 = $[61];
+    }
+    return t15;
 };
 exports.ContentField = ContentField;

package/pages/content-builder/content-header-behaviour.spec.d.ts

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

package/pages/content-builder/content-header-behaviour.spec.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("@testing-library/react");
+const translations_1 = require("@uxf/core-react/translations");
+const create_default_t_1 = require("@uxf/core-react/translations/create-default-t");
+const react_2 = __importDefault(require("react"));
+const translations_2 = __importDefault(require("../translations"));
+const content_header_1 = require("./content-header");
+// The real icons need @uxf/ui's provider config. IconButton names the button through the icon's aria-label,
+// so the stand-in keeps it.
+jest.mock("@uxf/ui/icon", () => ({
+    Icon: (props) => react_2.default.createElement("svg", { "aria-label": props["aria-label"], role: "img" }),
+}));
+const cs = (0, create_default_t_1.createDefaultT)(JSON.parse(JSON.stringify(translations_2.default, (_key, value) => ((value === null || value === void 0 ? void 0 : value.cs) !== undefined ? value.cs : value))));
+test("names the delete button", () => {
+    (0, react_1.render)(react_2.default.createElement(translations_1.TranslationsProvider, { value: cs },
+        react_2.default.createElement(content_header_1.ContentHeader, { ...{ id: "1", onRemove: jest.fn(), title: "Section" } })));
+    expect(react_1.screen.getByRole("button", { name: "Smazat sekci" })).toBeTruthy();
+});

package/pages/content-builder/content-header.js

@@ -1,65 +1,112 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentHeader = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const use_clickable_props_1 = require("@uxf/core-react/clickable/use-clickable-props");
 const translations_1 = require("@uxf/core-react/translations");
 const icon_1 = require("@uxf/ui/icon");
 const icon_button_1 = require("@uxf/ui/icon-button");
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const details_visibility_context_1 = require("./context/details-visibility-context");
-const ContentHeader = (props) => {
+const ContentHeader = props => {
+    const $ = (0, compiler_runtime_1.c)(21);
     const [visibility, toggleVisibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);
     const t = (0, translations_1.useUxfTranslation)();
-    const removeHandler = (0, react_1.useCallback)((event) => {
-        event.stopPropagation();
-        // eslint-disable-next-line no-alert
-        if (confirm(t("uxf-cms-pages-content-builder:confirm-delete-section"))) {
-            props.onRemove();
-        }
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [props.onRemove, t]);
-    const clickableProps = (0, use_clickable_props_1.useClickableProps)({
-        className: "flex w-full cursor-pointer flex-row items-center justify-between p-4",
-        onClick: toggleVisibility,
-    });
-    return (react_1.default.createElement("div", { ...clickableProps },
-        react_1.default.createElement("h3", { className: "uxf-typo-h6" }, props.title),
-        react_1.default.createElement("div", { className: "flex items-center space-x-4" },
-            react_1.default.createElement(icon_button_1.IconButton, { iconName: "delete", label: "d", onClick: removeHandler, size: "sm", variant: "secondary" }),
-            react_1.default.createElement(icon_1.Icon, { name: `${visibility ? "chevronUp" : "chevronDown"}`, size: 16 }))));
+    let t0;
+    if ($[0] !== props || $[1] !== t) {
+        t0 = event => {
+            event.stopPropagation();
+            if (confirm(t("uxf-cms-pages-content-builder:confirm-delete-section"))) {
+                props.onRemove();
+            }
+        };
+        $[0] = props;
+        $[1] = t;
+        $[2] = t0;
+    }
+    else {
+        t0 = $[2];
+    }
+    const removeHandler = t0;
+    let t1;
+    if ($[3] !== toggleVisibility) {
+        t1 = {
+            className: "flex w-full cursor-pointer flex-row items-center justify-between p-4",
+            onClick: toggleVisibility
+        };
+        $[3] = toggleVisibility;
+        $[4] = t1;
+    }
+    else {
+        t1 = $[4];
+    }
+    const clickableProps = (0, use_clickable_props_1.useClickableProps)(t1);
+    let t2;
+    if ($[5] !== props.title) {
+        t2 = react_1.default.createElement("h3", { className: "uxf-typo-h6" }, props.title);
+        $[5] = props.title;
+        $[6] = t2;
+    }
+    else {
+        t2 = $[6];
+    }
+    let t3;
+    if ($[7] !== t) {
+        t3 = t("uxf-cms-pages-content-builder:components.content-header.delete-section");
+        $[7] = t;
+        $[8] = t3;
+    }
+    else {
+        t3 = $[8];
+    }
+    let t4;
+    if ($[9] !== removeHandler || $[10] !== t3) {
+        t4 = react_1.default.createElement(icon_button_1.IconButton, { iconName: "delete", label: t3, onClick: removeHandler, size: "sm", variant: "secondary" });
+        $[9] = removeHandler;
+        $[10] = t3;
+        $[11] = t4;
+    }
+    else {
+        t4 = $[11];
+    }
+    const t5 = `${visibility ? "chevronUp" : "chevronDown"}`;
+    let t6;
+    if ($[12] !== t5) {
+        t6 = react_1.default.createElement(icon_1.Icon, { name: t5, size: 16 });
+        $[12] = t5;
+        $[13] = t6;
+    }
+    else {
+        t6 = $[13];
+    }
+    let t7;
+    if ($[14] !== t4 || $[15] !== t6) {
+        t7 = react_1.default.createElement("div", { className: "flex items-center space-x-4" },
+            t4,
+            t6);
+        $[14] = t4;
+        $[15] = t6;
+        $[16] = t7;
+    }
+    else {
+        t7 = $[16];
+    }
+    let t8;
+    if ($[17] !== clickableProps || $[18] !== t2 || $[19] !== t7) {
+        t8 = react_1.default.createElement("div", { ...clickableProps },
+            t2,
+            t7);
+        $[17] = clickableProps;
+        $[18] = t2;
+        $[19] = t7;
+        $[20] = t8;
+    }
+    else {
+        t8 = $[20];
+    }
+    return t8;
 };
 exports.ContentHeader = ContentHeader;

package/pages/content-builder/context/details-visibility-context.js

@@ -34,36 +34,114 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DetailsVisibilityProvider = exports.useDetailsVisibilityControls = exports.useDetailsVisibilityForSection = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const noop_1 = require("@uxf/core/utils/noop");
 const global_context_1 = require("@uxf/core-react/global-context");
 const react_1 = __importStar(require("react"));
-const detailsVisibilityContext = (0, global_context_1.createGlobalContext)("cms/content-builder/details-visibility", [[], noop_1.noop, true, noop_1.noop]);
-const useDetailsVisibility = () => (0, react_1.useContext)(detailsVisibilityContext);
-const useDetailsVisibilityForSection = (sectionId) => {
+const DetailsVisibilityContext = (0, global_context_1.createGlobalContext)("cms/content-builder/details-visibility", [[], noop_1.noop, true, noop_1.noop]);
+const useDetailsVisibility = () => {
+    return (0, react_1.useContext)(DetailsVisibilityContext);
+};
+const useDetailsVisibilityForSection = sectionId => {
     var _a;
+    const $ = (0, compiler_runtime_1.c)(10);
     const [detailsVisibility, setDetailsVisibility, defaultVisibility] = useDetailsVisibility();
-    const nullableVisibility = (_a = detailsVisibility.find((item) => item.id === sectionId)) === null || _a === void 0 ? void 0 : _a.visible;
+    let t0;
+    if ($[0] !== detailsVisibility || $[1] !== sectionId) {
+        t0 = (_a = detailsVisibility.find(item => item.id === sectionId)) === null || _a === void 0 ? void 0 : _a.visible;
+        $[0] = detailsVisibility;
+        $[1] = sectionId;
+        $[2] = t0;
+    }
+    else {
+        t0 = $[2];
+    }
+    const nullableVisibility = t0;
     const visibility = typeof nullableVisibility === "boolean" ? nullableVisibility : defaultVisibility;
-    const toggleVisibility = (0, react_1.useCallback)(() => {
-        setDetailsVisibility((prev) => [
-            ...prev.filter((i) => i.id !== sectionId),
-            { id: sectionId, visible: !visibility },
-        ]);
-    }, [visibility, sectionId, setDetailsVisibility]);
-    return [visibility, toggleVisibility];
+    let t1;
+    if ($[3] !== sectionId || $[4] !== setDetailsVisibility || $[5] !== visibility) {
+        t1 = () => {
+            setDetailsVisibility(prev => [...prev.filter(i => i.id !== sectionId), {
+                    id: sectionId,
+                    visible: !visibility
+                }]);
+        };
+        $[3] = sectionId;
+        $[4] = setDetailsVisibility;
+        $[5] = visibility;
+        $[6] = t1;
+    }
+    else {
+        t1 = $[6];
+    }
+    const toggleVisibility = t1;
+    let t2;
+    if ($[7] !== toggleVisibility || $[8] !== visibility) {
+        t2 = [visibility, toggleVisibility];
+        $[7] = toggleVisibility;
+        $[8] = visibility;
+        $[9] = t2;
+    }
+    else {
+        t2 = $[9];
+    }
+    return t2;
 };
 exports.useDetailsVisibilityForSection = useDetailsVisibilityForSection;
 const useDetailsVisibilityControls = () => {
+    const $ = (0, compiler_runtime_1.c)(3);
     const [, setDetailsVisibility, , setDefaultVisibility] = useDetailsVisibility();
-    return (0, react_1.useCallback)((visible) => {
-        setDefaultVisibility(visible);
-        setDetailsVisibility((prev) => prev.map((i) => ({ ...i, visible })));
-    }, [setDefaultVisibility, setDetailsVisibility]);
+    let t0;
+    if ($[0] !== setDefaultVisibility || $[1] !== setDetailsVisibility) {
+        t0 = visible => {
+            setDefaultVisibility(visible);
+            setDetailsVisibility(prev => prev.map(i => ({
+                ...i,
+                visible
+            })));
+        };
+        $[0] = setDefaultVisibility;
+        $[1] = setDetailsVisibility;
+        $[2] = t0;
+    }
+    else {
+        t0 = $[2];
+    }
+    return t0;
 };
 exports.useDetailsVisibilityControls = useDetailsVisibilityControls;
-const DetailsVisibilityProvider = (props) => {
+const DetailsVisibilityProvider = props => {
+    const $ = (0, compiler_runtime_1.c)(7);
     const [defaultVisibility, setDefaultVisibility] = (0, react_1.useState)(true);
-    const [detailsVisibility, setDetailsVisibility] = (0, react_1.useState)([]);
-    return (react_1.default.createElement(detailsVisibilityContext.Provider, { value: [detailsVisibility, setDetailsVisibility, defaultVisibility, setDefaultVisibility] }, props.children));
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = [];
+        $[0] = t0;
+    }
+    else {
+        t0 = $[0];
+    }
+    const [detailsVisibility, setDetailsVisibility] = (0, react_1.useState)(t0);
+    let t1;
+    if ($[1] !== defaultVisibility || $[2] !== detailsVisibility) {
+        t1 = [detailsVisibility, setDetailsVisibility, defaultVisibility, setDefaultVisibility];
+        $[1] = defaultVisibility;
+        $[2] = detailsVisibility;
+        $[3] = t1;
+    }
+    else {
+        t1 = $[3];
+    }
+    let t2;
+    if ($[4] !== props.children || $[5] !== t1) {
+        t2 = react_1.default.createElement(DetailsVisibilityContext, { value: t1 }, props.children);
+        $[4] = props.children;
+        $[5] = t1;
+        $[6] = t2;
+    }
+    else {
+        t2 = $[6];
+    }
+    return t2;
 };
 exports.DetailsVisibilityProvider = DetailsVisibilityProvider;