UNPKG

@dnb/eufemia

Version:

DNB Eufemia Design System UI Library

65 lines (64 loc) 2 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.classWithSnakeCaseProps = classWithSnakeCaseProps; exports.convertSnakeCaseProps = convertSnakeCaseProps; exports.withSnakeCaseProps = withSnakeCaseProps; var _react = _interopRequireDefault(require("react")); var _componentHelper = require("../component-helper.js"); function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; } function withSnakeCaseProps(Base) { const Component = Base; const Derived = props => { return _react.default.createElement(Component, convertSnakeCaseProps(props)); }; Object.defineProperty(Derived, 'name', { value: Base.name }); for (const name in Base) { Object.defineProperty(Derived, name, { value: Base[name] }); } return Derived; } function classWithSnakeCaseProps(Base) { const Component = Base; class Derived extends Base { componentDidMount() {} render() { if (this.props !== this._prevProps) { this._prevProps = this.props; this._elem = _react.default.createElement(Component, convertSnakeCaseProps(this.props)); } return this._elem; } } Object.defineProperty(Derived, 'name', { value: Base.name }); Object.defineProperty(Derived, 'displayName', { value: Base.displayName || Base.name }); return Derived; } function convertSnakeCaseProps(props, { overrideExistingValue = true } = {}) { const isFrozen = Object.isFrozen(props); const newProps = isFrozen ? { ...props } : props; for (const key in props) { if (key.includes('_') && /^[a-z]+/.test(key) && !/[A-Z]/.test(key)) { const newKey = (0, _componentHelper.toCamelCase)(key); if (overrideExistingValue || newProps[newKey] === undefined) { newProps[(0, _componentHelper.toCamelCase)(key)] = props[key]; } delete newProps[key]; } } return isFrozen ? Object.freeze(newProps) : newProps; } //# sourceMappingURL=withSnakeCaseProps.js.map