feat: add layoutOpen flag for view layouts (#134)

gravity-ui · Nov 8, 2023 · 51aa5f0 · 51aa5f0
1 parent 84248e5
commit 51aa5f0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/lib/kit/components/ViewLayouts/ViewAccordeon/ViewAccordeon.tsx b/src/lib/kit/components/ViewLayouts/ViewAccordeon/ViewAccordeon.tsx
@@ -12,7 +12,9 @@ export const ViewAccordeon = <T extends ArrayViewLayoutProps | ObjectViewLayoutP
     spec,
     children,
 }: T): JSX.Element | null => {
-    const [open, setOpen] = React.useState(true);
+    const [open, setOpen] = React.useState(
+        _.isBoolean(spec.viewSpec.layoutOpen) ? spec.viewSpec.layoutOpen : true,
+    );
 
     if (!isNotEmptyValue(value, spec)) {
         return null;

diff --git a/src/lib/kit/components/ViewLayouts/ViewCardAccordeon.tsx b/src/lib/kit/components/ViewLayouts/ViewCardAccordeon.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import _ from 'lodash';
+
 import {Card} from '../';
 import {ArrayViewLayoutProps, ObjectViewLayoutProps} from '../../../core';
 import {isNotEmptyValue} from '../../utils';
@@ -10,7 +12,9 @@ export const ViewCardAccordeon = <T extends ArrayViewLayoutProps | ObjectViewLay
     spec,
     children,
 }: T): JSX.Element | null => {
-    const [open, setOpen] = React.useState(true);
+    const [open, setOpen] = React.useState(
+        _.isBoolean(spec.viewSpec.layoutOpen) ? spec.viewSpec.layoutOpen : true,
+    );
 
     const onToggle = React.useCallback(() => setOpen((f) => !f), [setOpen]);