Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
});
};
useEffect(() => {
let selectedIndex = findSectionIndexById(children, selectedSectionId);
if (selectedIndex === -1) {
selectedIndex = 0;
}
if (selectedSectionIndex !== selectedIndex) {
setSelectedSectionIndex(selectedIndex);
}
}, [selectedSectionId]);
let content = children;
if (mode === ObjectPageMode.IconTabBar) {
content = Children.toArray(children)[selectedSectionIndex];
}
const adjustDummyDivHeight = () => {
return new Promise((resolve) => {
requestAnimationFrame(() => {
if (!objectPage.current) {
// in case componentWillUnmount didn´t fire
observer.current.disconnect();
return;
}
const sections = objectPage.current.querySelectorAll('[id^="ObjectPageSection"]');
if (!sections || sections.length < 1) {
return;
}
const renderSubSectionListItem = (item) => {
if (mode === ObjectPageMode.IconTabBar) {
return (
{item.props.title}
);
}
return (
{item.props.title}
);
return (
<div style="{{">
Primary Action
,
<button>
Action
</button>
]}
image={SampleImage}
renderHeaderContent={renderHeaderContent}
mode={select('mode', ObjectPageMode, ObjectPageMode.IconTabBar)}
imageShapeCircle={boolean('imageShapeCircle', false)}
showHideHeaderButton={boolean('showHideHeaderButton', true)}
selectedSectionId={text('selectedSectionId', '1')}
onSelectedSectionChanged={action('onSelectedSectionChanged')}
noHeader={boolean('noHeader', false)}
style={{ height: '700px' }}
>
<div>My Content 1</div>
</div>
);
};
renderShortContent.story = {
(e) => {
if (mode === ObjectPageMode.IconTabBar) {
const sectionIndex = e.getParameter('sectionIndex');
const subSection = e.getParameter('subSection');
setSelectedSectionIndex(sectionIndex);
setSelectedSubSectionId(subSection.props.id);
}
},
[mode]