@dnb/eufemia/cjs/components/grid/Container.js

DNB Eufemia Design System UI Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _push = _interopRequireDefault(require("core-js-pure/stable/instance/push.js"));
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _Space = _interopRequireDefault(require("../space/Space.js"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function GridContainer(props) {
  const {
    columns,
    rowGap,
    columnGap,
    style,
    className,
    children,
    element = 'div',
    ...rest
  } = props;
  const styleObj = {
    ...compute(columns),
    ...style
  };
  const n = 'dnb-grid-container';
  const unsetClasses = [];
  for (const prop in styleObj) {
    if (styleObj[prop] === 'unset') {
      const disableClass = `${n}__disabled--${prop.replace(/--([a-z]+)-.*/, '$1')}`;
      (0, _push.default)(unsetClasses).call(unsetClasses, disableClass);
    }
  }
  const cn = (0, _classnames.default)(n, className, unsetClasses, columnGap && `${n}--column-gap-${columnGap === true ? 'small' : columnGap}`, rowGap && `${n}--row-gap-${rowGap === true ? 'small' : rowGap}`);
  return _react.default.createElement(_Space.default, _extends({
    element: element,
    className: cn,
    style: styleObj
  }, rest), children);
}
GridContainer._supportsSpacingProps = true;
var _default = exports.default = GridContainer;
function compute(columns) {
  if (!columns) {
    return null;
  }
  const result = {};
  if (typeof columns === 'number') {
    columns = {
      small: columns,
      medium: columns,
      large: columns
    };
  }
  for (const media in columns) {
    var _columns;
    const value = (_columns = columns) === null || _columns === void 0 ? void 0 : _columns[media];
    result[`--${media}-columns`] = value || 'unset';
  }
  return result;
}
//# sourceMappingURL=Container.js.map