@dnb/eufemia/components/space/Space.js

DNB Eufemia Design System UI Library

"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