@dnb/eufemia/shared/helpers/withCamelCaseProps.js

DNB Eufemia Design System UI Library

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
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 { toSnakeCase } from '../component-helper';
export function withCamelCaseProps(Base) {
  const Component = Base;
  const Derived = props => {
    return React.createElement(Component, convertCamelCaseProps(props));
  };
  Object.defineProperty(Derived, 'name', {
    value: Base.name
  });
  for (const name in Base) {
    Object.defineProperty(Derived, name, {
      value: Base[name]
    });
  }
  return Derived;
}
export function classWithCamelCaseProps(Base) {
  const Component = Base;
  class Derived extends Base {
    componentDidMount() {}
    render() {
      if (this.props !== this._prevProps) {
        this._prevProps = this.props;
        this._elem = React.createElement(Component, convertCamelCaseProps(this.props));
      }
      return this._elem;
    }
  }
  Object.defineProperty(Derived, 'name', {
    value: Base.name
  });
  Object.defineProperty(Derived, 'displayName', {
    value: Base.displayName || Base.name
  });
  return Derived;
}
export function convertCamelCaseProps(props) {
  const isFrozen = Object.isFrozen(props);
  const newProps = isFrozen ? _objectSpread({}, props) : props;
  for (const key in props) {
    switch (key) {
      case 'className':
        {
          continue;
        }
    }
    if (/^[a-z]+[A-Z]/.test(key)) {
      newProps[toSnakeCase(key)] = props[key];
      delete newProps[key];
    }
  }
  return isFrozen ? Object.freeze(newProps) : newProps;
}
//# sourceMappingURL=withCamelCaseProps.js.map