1 | 'use strict';
|
2 |
|
3 | var _isObject2 = require('lodash/isObject');
|
4 |
|
5 | var _isObject3 = _interopRequireDefault(_isObject2);
|
6 |
|
7 | var _isArray2 = require('lodash/isArray');
|
8 |
|
9 | var _isArray3 = _interopRequireDefault(_isArray2);
|
10 |
|
11 | Object.defineProperty(exports, "__esModule", {
|
12 | value: true
|
13 | });
|
14 |
|
15 | var _react = require('react');
|
16 |
|
17 | var _react2 = _interopRequireDefault(_react);
|
18 |
|
19 | var _makeConfiguration = require('./makeConfiguration');
|
20 |
|
21 | var _makeConfiguration2 = _interopRequireDefault(_makeConfiguration);
|
22 |
|
23 | var _isIterable = require('./isIterable');
|
24 |
|
25 | var _isIterable2 = _interopRequireDefault(_isIterable);
|
26 |
|
27 | var _parseStyleName = require('./parseStyleName');
|
28 |
|
29 | var _parseStyleName2 = _interopRequireDefault(_parseStyleName);
|
30 |
|
31 | var _generateAppendClassName = require('./generateAppendClassName');
|
32 |
|
33 | var _generateAppendClassName2 = _interopRequireDefault(_generateAppendClassName);
|
34 |
|
35 | var _objectUnfreeze = require('object-unfreeze');
|
36 |
|
37 | var _objectUnfreeze2 = _interopRequireDefault(_objectUnfreeze);
|
38 |
|
39 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
40 |
|
41 | var _linkElement = undefined;
|
42 |
|
43 | _linkElement = function linkElement(element, styles, configuration) {
|
44 | var appendClassName = undefined,
|
45 | elementIsFrozen = undefined,
|
46 | elementShallowCopy = undefined,
|
47 | styleNames = undefined;
|
48 |
|
49 | elementShallowCopy = element;
|
50 |
|
51 | if (Object.isFrozen && Object.isFrozen(elementShallowCopy)) {
|
52 | elementIsFrozen = true;
|
53 |
|
54 |
|
55 | elementShallowCopy = (0, _objectUnfreeze2.default)(elementShallowCopy);
|
56 | elementShallowCopy.props = (0, _objectUnfreeze2.default)(elementShallowCopy.props);
|
57 | }
|
58 |
|
59 | styleNames = (0, _parseStyleName2.default)(elementShallowCopy.props.styleName || '', configuration.allowMultiple);
|
60 |
|
61 | if (_react2.default.isValidElement(elementShallowCopy.props.children)) {
|
62 | elementShallowCopy.props.children = _linkElement(_react2.default.Children.only(elementShallowCopy.props.children), styles, configuration);
|
63 | } else if ((0, _isArray3.default)(elementShallowCopy.props.children) || (0, _isIterable2.default)(elementShallowCopy.props.children)) {
|
64 | elementShallowCopy.props.children = _react2.default.Children.map(elementShallowCopy.props.children, function (node) {
|
65 | if (_react2.default.isValidElement(node)) {
|
66 | return _linkElement(node, styles, configuration);
|
67 | } else {
|
68 | return node;
|
69 | }
|
70 | });
|
71 | }
|
72 |
|
73 | if (styleNames.length) {
|
74 | appendClassName = (0, _generateAppendClassName2.default)(styles, styleNames, configuration.errorWhenNotFound);
|
75 |
|
76 | if (elementShallowCopy.props.className) {
|
77 | appendClassName = elementShallowCopy.props.className + ' ' + appendClassName;
|
78 | }
|
79 |
|
80 | elementShallowCopy.props.className = appendClassName;
|
81 | elementShallowCopy.props.styleName = null;
|
82 | }
|
83 |
|
84 | if (elementIsFrozen) {
|
85 | Object.freeze(elementShallowCopy.props);
|
86 | Object.freeze(elementShallowCopy);
|
87 | }
|
88 |
|
89 | return elementShallowCopy;
|
90 | };
|
91 |
|
92 |
|
93 |
|
94 |
|
95 |
|
96 |
|
97 |
|
98 |
|
99 | exports.default = function (element) {
|
100 | var styles = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
|
101 | var userConfiguration = arguments[2];
|
102 |
|
103 | var configuration = undefined;
|
104 |
|
105 |
|
106 | if (!(0, _isObject3.default)(element)) {
|
107 | return element;
|
108 | }
|
109 |
|
110 | configuration = (0, _makeConfiguration2.default)(userConfiguration);
|
111 |
|
112 | return _linkElement(element, styles, configuration);
|
113 | };
|
114 |
|
115 | module.exports = exports['default'];
|
116 |
|