UNPKG

1.18 kBJavaScriptView Raw
1import { __rest } from "tslib";
2import * as React from 'react';
3import { css } from '@patternfly/react-styles';
4import styles from '@patternfly/react-styles/css/components/DragDrop/drag-drop';
5import { DroppableContext } from './DroppableContext';
6export const Droppable = (_a) => {
7 var { className, children, zone = 'defaultZone', droppableId = 'defaultId', hasNoWrapper = false } = _a, props = __rest(_a, ["className", "children", "zone", "droppableId", "hasNoWrapper"]);
8 const childProps = Object.assign({ 'data-pf-droppable': zone, 'data-pf-droppableid': droppableId,
9 // if has no wrapper is set, don't overwrite children className with the className prop
10 className: hasNoWrapper && React.Children.count(children) === 1
11 ? css(styles.droppable, className, children.props.className)
12 : css(styles.droppable, className) }, props);
13 return (React.createElement(DroppableContext.Provider, { value: { zone, droppableId } }, hasNoWrapper ? (React.cloneElement(children, childProps)) : (React.createElement("div", Object.assign({}, childProps), children))));
14};
15Droppable.displayName = 'Droppable';
16//# sourceMappingURL=Droppable.js.map
\No newline at end of file