@zohodesk/components 1.2.24 → 1.2.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +4 -0
  3. package/es/RippleEffect/RippleEffect.js +3 -2
  4. package/es/RippleEffect/props/defaultProps.js +1 -0
  5. package/es/RippleEffect/props/propTypes.js +1 -0
  6. package/es/v1/RippleEffect/RippleEffect.js +3 -2
  7. package/es/v1/RippleEffect/props/defaultProps.js +1 -0
  8. package/es/v1/RippleEffect/props/propTypes.js +1 -0
  9. package/lib/RippleEffect/RippleEffect.js +5 -4
  10. package/lib/RippleEffect/props/defaultProps.js +1 -0
  11. package/lib/RippleEffect/props/propTypes.js +1 -0
  12. package/lib/v1/RippleEffect/RippleEffect.js +5 -4
  13. package/lib/v1/RippleEffect/props/defaultProps.js +1 -0
  14. package/lib/v1/RippleEffect/props/propTypes.js +1 -0
  15. package/package.json +1 -1
  16. package/result.json +1 -1
package/README.md CHANGED
@@ -32,6 +32,10 @@ In this Package, we Provide Some Basic Components to Build Web App
32
32
  - TextBoxIcon
33
33
  - Tooltip
34
34
 
35
+ # 1.2.25
36
+
37
+ - **RippleEffect** - cssClassPropOfChild prop added
38
+
35
39
  # 1.2.24
36
40
 
37
41
  - **Animation** - style object moved to utils.
package/es/RippleEffect/RippleEffect.js CHANGED
@@ -12,12 +12,13 @@ export default function RippleEffect(props) {
12
12
  hoverType,
13
13
  isNeedEffect,
14
14
  needBorder,
15
- isCopyTextEnabled
15
+ isCopyTextEnabled,
16
+ cssClassPropOfChild
16
17
  } = props;
17
18
  let className = isNeedEffect ? `${style.effect} ${style[palette]} ${needBorder ? style.border : ''} ${style[`${hoverType}Hover`] ? style[`${hoverType}Hover`] : ''} ${isActive && !isDisabled ? style.active : ''} ${isDisabled ? '' : style.hoverEffect} ${isCopyTextEnabled ? style.notAllowed : isDisabled ? CssProvider('isDisabled') : ''}` : '';
18
19
  let child = React.Children.only(children);
19
20
  return /*#__PURE__*/React.cloneElement(child, {
20
- className: `${child.props.className || ''} ${className}`
21
+ [cssClassPropOfChild]: `${child.props[cssClassPropOfChild] || ''} ${className}`
21
22
  });
22
23
  }
23
24
  RippleEffect.defaultProps = defaultProps;
package/es/RippleEffect/props/defaultProps.js CHANGED
@@ -5,5 +5,6 @@ export const defaultProps = {
5
5
  needBorder: true,
6
6
  hoverType: 'default',
7
7
  palette: 'default',
8
+ cssClassPropOfChild: 'className',
8
9
  isCopyTextEnabled: false
9
10
  };
package/es/RippleEffect/props/propTypes.js CHANGED
@@ -7,5 +7,6 @@ export const propTypes = {
7
7
  isNeedEffect: PropTypes.bool,
8
8
  needBorder: PropTypes.bool,
9
9
  palette: PropTypes.oneOf(['default', 'primary', 'primaryLight', 'primaryFilled', 'primaryDark', 'green', 'danger']),
10
+ cssClassPropOfChild: PropTypes.string,
10
11
  isCopyTextEnabled: PropTypes.bool
11
12
  };
package/es/v1/RippleEffect/RippleEffect.js CHANGED
@@ -12,12 +12,13 @@ export default function RippleEffect(props) {
12
12
  hoverType,
13
13
  isNeedEffect,
14
14
  needBorder,
15
- isCopyTextEnabled
15
+ isCopyTextEnabled,
16
+ cssClassPropOfChild
16
17
  } = props;
17
18
  let className = isNeedEffect ? `${style.effect} ${style[palette]} ${needBorder ? style.border : ''} ${style[`${hoverType}Hover`] ? style[`${hoverType}Hover`] : ''} ${isActive && !isDisabled ? style.active : ''} ${isDisabled ? '' : style.hoverEffect} ${isCopyTextEnabled ? style.notAllowed : isDisabled ? CssProvider('isDisabled') : ''}` : '';
18
19
  let child = React.Children.only(children);
19
20
  return /*#__PURE__*/React.cloneElement(child, {
20
- className: `${child.props.className || ''} ${className}`
21
+ [cssClassPropOfChild]: `${child.props[cssClassPropOfChild] || ''} ${className}`
21
22
  });
22
23
  }
23
24
  RippleEffect.defaultProps = defaultProps;
package/es/v1/RippleEffect/props/defaultProps.js CHANGED
@@ -5,5 +5,6 @@ export const defaultProps = {
5
5
  needBorder: true,
6
6
  hoverType: 'default',
7
7
  palette: 'default',
8
+ cssClassPropOfChild: 'className',
8
9
  isCopyTextEnabled: false
9
10
  };
package/es/v1/RippleEffect/props/propTypes.js CHANGED
@@ -7,5 +7,6 @@ export const propTypes = {
7
7
  isNeedEffect: PropTypes.bool,
8
8
  needBorder: PropTypes.bool,
9
9
  palette: PropTypes.oneOf(['default', 'primary', 'primaryLight', 'primaryFilled', 'primaryDark', 'green', 'danger']),
10
+ cssClassPropOfChild: PropTypes.string,
10
11
  isCopyTextEnabled: PropTypes.bool
11
12
  };
package/lib/RippleEffect/RippleEffect.js CHANGED
@@ -17,6 +17,8 @@ var _RippleEffectModule = _interopRequireDefault(require("./RippleEffect.module.
17
17
 
18
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
19
 
20
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
21
+
20
22
  function RippleEffect(props) {
21
23
  var children = props.children,
22
24
  isActive = props.isActive,
@@ -25,14 +27,13 @@ function RippleEffect(props) {
25
27
  hoverType = props.hoverType,
26
28
  isNeedEffect = props.isNeedEffect,
27
29
  needBorder = props.needBorder,
28
- isCopyTextEnabled = props.isCopyTextEnabled;
30
+ isCopyTextEnabled = props.isCopyTextEnabled,
31
+ cssClassPropOfChild = props.cssClassPropOfChild;
29
32
  var className = isNeedEffect ? "".concat(_RippleEffectModule["default"].effect, " ").concat(_RippleEffectModule["default"][palette], " ").concat(needBorder ? _RippleEffectModule["default"].border : '', " ").concat(_RippleEffectModule["default"]["".concat(hoverType, "Hover")] ? _RippleEffectModule["default"]["".concat(hoverType, "Hover")] : '', " ").concat(isActive && !isDisabled ? _RippleEffectModule["default"].active : '', " ").concat(isDisabled ? '' : _RippleEffectModule["default"].hoverEffect, " ").concat(isCopyTextEnabled ? _RippleEffectModule["default"].notAllowed : isDisabled ? (0, _CssProvider["default"])('isDisabled') : '') : '';
30
33
 
31
34
  var child = _react["default"].Children.only(children);
32
35
 
33
- return /*#__PURE__*/_react["default"].cloneElement(child, {
34
- className: "".concat(child.props.className || '', " ").concat(className)
35
- });
36
+ return /*#__PURE__*/_react["default"].cloneElement(child, _defineProperty({}, cssClassPropOfChild, "".concat(child.props[cssClassPropOfChild] || '', " ").concat(className)));
36
37
  }
37
38
 
38
39
  RippleEffect.defaultProps = _defaultProps.defaultProps;
package/lib/RippleEffect/props/defaultProps.js CHANGED
@@ -11,6 +11,7 @@ var defaultProps = {
11
11
  needBorder: true,
12
12
  hoverType: 'default',
13
13
  palette: 'default',
14
+ cssClassPropOfChild: 'className',
14
15
  isCopyTextEnabled: false
15
16
  };
16
17
  exports.defaultProps = defaultProps;
package/lib/RippleEffect/props/propTypes.js CHANGED
@@ -17,6 +17,7 @@ var propTypes = {
17
17
  isNeedEffect: _propTypes["default"].bool,
18
18
  needBorder: _propTypes["default"].bool,
19
19
  palette: _propTypes["default"].oneOf(['default', 'primary', 'primaryLight', 'primaryFilled', 'primaryDark', 'green', 'danger']),
20
+ cssClassPropOfChild: _propTypes["default"].string,
20
21
  isCopyTextEnabled: _propTypes["default"].bool
21
22
  };
22
23
  exports.propTypes = propTypes;
package/lib/v1/RippleEffect/RippleEffect.js CHANGED
@@ -17,6 +17,8 @@ var _RippleEffectModule = _interopRequireDefault(require("../../RippleEffect/Rip
17
17
 
18
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
19
 
20
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
21
+
20
22
  function RippleEffect(props) {
21
23
  var children = props.children,
22
24
  isActive = props.isActive,
@@ -25,14 +27,13 @@ function RippleEffect(props) {
25
27
  hoverType = props.hoverType,
26
28
  isNeedEffect = props.isNeedEffect,
27
29
  needBorder = props.needBorder,
28
- isCopyTextEnabled = props.isCopyTextEnabled;
30
+ isCopyTextEnabled = props.isCopyTextEnabled,
31
+ cssClassPropOfChild = props.cssClassPropOfChild;
29
32
  var className = isNeedEffect ? "".concat(_RippleEffectModule["default"].effect, " ").concat(_RippleEffectModule["default"][palette], " ").concat(needBorder ? _RippleEffectModule["default"].border : '', " ").concat(_RippleEffectModule["default"]["".concat(hoverType, "Hover")] ? _RippleEffectModule["default"]["".concat(hoverType, "Hover")] : '', " ").concat(isActive && !isDisabled ? _RippleEffectModule["default"].active : '', " ").concat(isDisabled ? '' : _RippleEffectModule["default"].hoverEffect, " ").concat(isCopyTextEnabled ? _RippleEffectModule["default"].notAllowed : isDisabled ? (0, _CssProvider["default"])('isDisabled') : '') : '';
30
33
 
31
34
  var child = _react["default"].Children.only(children);
32
35
 
33
- return /*#__PURE__*/_react["default"].cloneElement(child, {
34
- className: "".concat(child.props.className || '', " ").concat(className)
35
- });
36
+ return /*#__PURE__*/_react["default"].cloneElement(child, _defineProperty({}, cssClassPropOfChild, "".concat(child.props[cssClassPropOfChild] || '', " ").concat(className)));
36
37
  }
37
38
 
38
39
  RippleEffect.defaultProps = _defaultProps.defaultProps;
package/lib/v1/RippleEffect/props/defaultProps.js CHANGED
@@ -11,6 +11,7 @@ var defaultProps = {
11
11
  needBorder: true,
12
12
  hoverType: 'default',
13
13
  palette: 'default',
14
+ cssClassPropOfChild: 'className',
14
15
  isCopyTextEnabled: false
15
16
  };
16
17
  exports.defaultProps = defaultProps;
package/lib/v1/RippleEffect/props/propTypes.js CHANGED
@@ -17,6 +17,7 @@ var propTypes = {
17
17
  isNeedEffect: _propTypes["default"].bool,
18
18
  needBorder: _propTypes["default"].bool,
19
19
  palette: _propTypes["default"].oneOf(['default', 'primary', 'primaryLight', 'primaryFilled', 'primaryDark', 'green', 'danger']),
20
+ cssClassPropOfChild: _propTypes["default"].string,
20
21
  isCopyTextEnabled: _propTypes["default"].bool
21
22
  };
22
23
  exports.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.2.24",
3
+ "version": "1.2.25",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,