Sha256: 205c84b8331df08a2e316429418ff72651144cc733998fdad190d97b64b346dd
Contents?: true
Size: 1.94 KB
Versions: 400
Compression:
Stored size: 1.94 KB
Contents
import React, { ReactElement } from "react";
import DropdownTrigger from "../subcomponents/DropdownTrigger";
import DropdownContainer from "../subcomponents/DropdownContainer";
type PrepareComponentsProps = {
children: React.ReactChild[] | React.ReactChild;
container: React.ReactChild;
dark?: boolean;
hasContainerSubcomponent: boolean;
hasTriggerSubcomponent: boolean;
otherChildren: React.ReactChild[];
trigger: React.ReactChild;
};
export const separateChildComponents = (children: React.ReactChild[] | React.ReactChild | ReactElement[]) => {
let trigger: React.ReactChild = null;
let container: React.ReactChild = null;
const otherChildren: React.ReactChild[] = [];
React.Children.forEach(children, (child) => {
if (child && (child as ReactElement).type === DropdownTrigger) {
trigger = child;
} else if (child && (child as ReactElement).type === DropdownContainer) {
container = child;
} else {
otherChildren.push(child);
}
});
return { trigger, container, otherChildren };
};
export const prepareSubcomponents = ({
children,
hasTriggerSubcomponent,
hasContainerSubcomponent,
trigger,
container,
otherChildren,
dark
}: PrepareComponentsProps) => {
const componentsToRender = [];
if (!hasTriggerSubcomponent && !hasContainerSubcomponent) {
componentsToRender.push(<DropdownTrigger dark={dark}/>);
componentsToRender.push(<DropdownContainer dark={dark}>{children}</DropdownContainer>);
} else if (!hasTriggerSubcomponent && hasContainerSubcomponent) {
componentsToRender.push(<DropdownTrigger dark={dark}/>);
componentsToRender.push(children);
} else if (hasTriggerSubcomponent && !hasContainerSubcomponent) {
componentsToRender.push(trigger);
componentsToRender.push(
<DropdownContainer dark={dark}>{otherChildren}</DropdownContainer>
);
} else {
componentsToRender.push(trigger);
componentsToRender.push(container);
}
return componentsToRender;
};
Version data entries
400 entries across 400 versions & 1 rubygems