@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
87 lines (86 loc) • 3.75 kB
JavaScript
"use client";
import _extends from "@babel/runtime/helpers/esm/extends";
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
const _excluded = ["element", "inline", "no_collapse", "top", "right", "bottom", "left", "style", "space", "innerSpace", "stretch", "skeleton", "innerRef", "className", "children"],
_excluded2 = ["element", "no_collapse", "children", "innerRef"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
import React from 'react';
import classnames from 'classnames';
import { isTrue, extendPropsWithContext, validateDOMAttributes } from '../../shared/component-helper';
import Context from '../../shared/Context';
import { spacingPropTypes } from './SpacingHelper';
import { createSpacingClasses, createSpacingProperties, isInline } from './SpacingUtils';
import { skeletonDOMAttributes, createSkeletonClass } from '../skeleton/SkeletonHelper';
export { spacingPropTypes };
const defaultProps = {};
export default function Space(localProps) {
const context = React.useContext(Context);
const props = context.space ? extendPropsWithContext(localProps, defaultProps, {
space: context.space
}, {
skeleton: context === null || context === void 0 ? void 0 : context.skeleton
}) : localProps;
const {
element = 'div',
inline,
no_collapse,
top,
right,
bottom,
left,
style,
space,
innerSpace,
stretch,
skeleton,
innerRef,
className,
children
} = props,
attributes = _objectWithoutProperties(props, _excluded);
const params = _objectSpread({
className: classnames('dnb-space', createSkeletonClass(null, skeleton), createSpacingClasses({
top,
right,
bottom,
left,
space
}), className, isTrue(stretch) && 'dnb-space--stretch', isTrue(inline) && 'dnb-space--inline')
}, attributes);
const styleObj = _objectSpread(_objectSpread({}, style), createSpacingProperties(props));
skeletonDOMAttributes(params, skeleton);
return React.createElement(Element, _extends({
element: element,
no_collapse: no_collapse,
innerRef: innerRef,
style: styleObj
}, params), children);
}
Space._supportsSpacingProps = true;
function Element(_ref) {
let {
element,
no_collapse,
children,
innerRef
} = _ref,
props = _objectWithoutProperties(_ref, _excluded2);
const ElementDynamic = element;
if ((element === null || element === void 0 ? void 0 : element['_name']) === 'Section') {
props['innerRef'] = innerRef;
} else {
validateDOMAttributes({}, props);
props['ref'] = innerRef;
}
const component = React.createElement(ElementDynamic, props, children);
if (isTrue(no_collapse)) {
const R = ElementDynamic === 'span' || isInline(element) ? 'span' : 'div';
return React.createElement(R, {
className: 'dnb-space--no-collapse' + (isInline(element) ? " dnb-space--inline" : "")
}, component);
}
return component;
}
//# sourceMappingURL=Space.js.map