@zohodesk/components 1.0.0-alpha-263 → 1.0.0-alpha-265

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 (76) hide show
  1. package/README.md +11 -0
  2. package/css_error.log +1 -0
  3. package/es/DateTime/DateTime.js +26 -65
  4. package/es/DateTime/dateFormatUtils/dateFormats.js +43 -0
  5. package/es/DateTime/dateFormatUtils/index.js +27 -0
  6. package/es/DateTime/props/propTypes.js +2 -1
  7. package/es/DropBox/DropBox.js +68 -244
  8. package/es/DropBox/DropBoxElement/DropBoxElement.js +118 -0
  9. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +432 -0
  10. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +89 -0
  11. package/es/DropBox/DropBoxElement/props/defaultProps.js +18 -0
  12. package/es/DropBox/DropBoxElement/props/propTypes.js +45 -0
  13. package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +51 -0
  14. package/es/DropBox/css/DropBox.module.css +59 -0
  15. package/es/DropBox/css/cssJSLogic.js +14 -0
  16. package/es/DropBox/props/defaultProps.js +9 -17
  17. package/es/DropBox/props/propTypes.js +9 -43
  18. package/es/MultiSelect/AdvancedMultiSelect.js +0 -2
  19. package/es/MultiSelect/MultiSelect.js +0 -3
  20. package/es/Popup/Popup.js +2 -3
  21. package/es/Tab/Tab.js +1 -1
  22. package/es/Tab/Tabs.js +10 -5
  23. package/es/Tab/__tests__/Tab.spec.js +5 -11
  24. package/es/Tab/props/propTypes.js +1 -1
  25. package/es/css.js +2 -1
  26. package/es/utils/Common.js +4 -0
  27. package/es/utils/css/mergeStyle.js +25 -11
  28. package/lib/DateTime/DateTime.js +25 -61
  29. package/lib/DateTime/dateFormatUtils/dateFormats.js +51 -0
  30. package/lib/DateTime/dateFormatUtils/index.js +31 -3
  31. package/lib/DateTime/props/propTypes.js +8 -1
  32. package/lib/DropBox/DropBox.js +65 -276
  33. package/lib/DropBox/DropBoxElement/DropBoxElement.js +117 -0
  34. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +432 -0
  35. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +72 -0
  36. package/lib/DropBox/DropBoxElement/props/defaultProps.js +25 -0
  37. package/lib/DropBox/DropBoxElement/props/propTypes.js +53 -0
  38. package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +55 -0
  39. package/lib/DropBox/css/DropBox.module.css +59 -0
  40. package/lib/DropBox/css/cssJSLogic.js +18 -0
  41. package/lib/DropBox/props/defaultProps.js +15 -19
  42. package/lib/DropBox/props/propTypes.js +15 -45
  43. package/lib/MultiSelect/AdvancedMultiSelect.js +0 -1
  44. package/lib/MultiSelect/MultiSelect.js +0 -2
  45. package/lib/Popup/Popup.js +1 -2
  46. package/lib/Tab/Tabs.js +7 -2
  47. package/lib/Tab/__tests__/Tab.spec.js +17 -22
  48. package/lib/Tab/props/propTypes.js +1 -1
  49. package/lib/css.js +2 -1
  50. package/lib/utils/Common.js +7 -1
  51. package/lib/utils/css/mergeStyle.js +25 -11
  52. package/package.json +1 -1
  53. package/docs/external/active-line.js +0 -72
  54. package/docs/external/autorefresh.js +0 -47
  55. package/docs/external/codemirror.js +0 -9681
  56. package/docs/external/css/hopscotch.css +0 -576
  57. package/docs/external/css/styleGuide.css +0 -1100
  58. package/docs/external/css.js +0 -466
  59. package/docs/external/designTokens.js +0 -1
  60. package/docs/external/foldcode.js +0 -152
  61. package/docs/external/format.js +0 -129
  62. package/docs/external/htmlmixed.js +0 -84
  63. package/docs/external/images/bottom.png +0 -0
  64. package/docs/external/images/bottombg.jpg +0 -0
  65. package/docs/external/images/desk.png +0 -0
  66. package/docs/external/images/desklogo.png +0 -0
  67. package/docs/external/images/menu.png +0 -0
  68. package/docs/external/index.html +0 -127
  69. package/docs/external/javascript.js +0 -422
  70. package/docs/external/jsx.js +0 -148
  71. package/docs/external/matchbrackets.js +0 -145
  72. package/docs/external/xml.js +0 -322
  73. package/docs/package.json +0 -41
  74. package/docs/src/index.js +0 -1311
  75. package/es/DropBox/DropBox.module.css +0 -405
  76. package/lib/DropBox/DropBox.module.css +0 -405
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = cssJSLogic;
7
+ var _ZindexProvider = require("../../Provider/ZindexProvider");
8
+ function cssJSLogic(props) {
9
+ var isActive = props.isActive,
10
+ needAutoZindex = props.needAutoZindex;
11
+ var zIndex = (0, _ZindexProvider.useZIndex)();
12
+ var zIndexStyle = isActive && needAutoZindex ? {
13
+ zIndex: zIndex()
14
+ } : {};
15
+ return {
16
+ zIndexStyle: zIndexStyle
17
+ };
18
+ }
@@ -3,27 +3,23 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.defaultProps = void 0;
6
+ exports.defaultProps = exports.DropBoxDefaultProps = void 0;
7
+ var _defaultProps = require("../DropBoxElement/props/defaultProps");
8
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
9
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
10
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
11
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
12
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
13
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
7
14
  var defaultProps = {
8
- animationStyle: 'default',
9
- boxPosition: 'bottomLeft',
10
- dataId: 'dropBox',
11
- dataSelectorId: 'dropBox',
12
- isActive: false,
13
- isAnimate: false,
14
- isArrow: true,
15
- isRadius: true,
16
- size: 'default',
17
15
  needResponsive: true,
18
- isAbsolutePositioningNeeded: true,
19
- isBoxPaddingNeed: false,
20
- isPadding: true,
21
- customClass: {},
22
- a11y: {},
23
- palette: 'default',
24
- needAutoZindex: true,
25
16
  portalId: 'portal1',
17
+ isActive: false,
18
+ isAbsolutePositioningNeeded: true,
26
19
  isRestrictScroll: false,
27
- needFocusScope: false
20
+ needFocusScope: false,
21
+ needAutoZindex: true
28
22
  };
29
- exports.defaultProps = defaultProps;
23
+ exports.defaultProps = defaultProps;
24
+ var DropBoxDefaultProps = _objectSpread(_objectSpread({}, _defaultProps.DropBoxElementDefaultProps), defaultProps);
25
+ exports.DropBoxDefaultProps = DropBoxDefaultProps;
@@ -3,55 +3,25 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.propTypes = void 0;
6
+ exports.propTypes = exports.DropBoxPropTypes = void 0;
7
7
  var _propTypes = _interopRequireDefault(require("prop-types"));
8
+ var _propTypes2 = require("../DropBoxElement/props/propTypes");
8
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
11
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
12
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
14
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
15
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
9
16
  var propTypes = {
10
- animationStyle: _propTypes["default"].oneOf(['default', 'bounce']),
11
- arrowBottom: _propTypes["default"].number,
12
- arrowLeft: _propTypes["default"].number,
13
- arrowPosition: _propTypes["default"].oneOf(['start', 'mid', 'end']),
14
- arrowRight: _propTypes["default"].number,
15
- arrowTop: _propTypes["default"].number,
16
- bottom: _propTypes["default"].number,
17
- boxPosition: _propTypes["default"].oneOf(['bottomRight', 'bottomLeft', 'bottomCenter', 'topRight', 'topLeft', 'topCenter', 'rightTop', 'rightBottom', 'rightCenter', 'leftTop', 'leftBottom', 'leftCenter']),
18
- children: _propTypes["default"].element,
19
- dataId: _propTypes["default"].string,
20
- dataSelectorId: _propTypes["default"].string,
21
- forwardRef: _propTypes["default"].object,
22
- getRef: _propTypes["default"].func,
23
- isAbsolutePositioningNeeded: _propTypes["default"].bool,
24
- isActive: _propTypes["default"].bool,
25
- isAnimate: _propTypes["default"].bool,
26
- isArrow: _propTypes["default"].bool,
27
- isBoxPaddingNeed: _propTypes["default"].bool,
28
- isPadding: _propTypes["default"].bool,
29
- isRadius: _propTypes["default"].bool,
30
- left: _propTypes["default"].number,
31
17
  needResponsive: _propTypes["default"].bool,
32
- onClick: _propTypes["default"].func,
33
- needFocusScope: _propTypes["default"].bool,
34
- right: _propTypes["default"].number,
35
- size: _propTypes["default"].oneOf(['mini', 'xmini', 'xsmall', 'small', 'medium', 'large', 'mlarge', 'xlarge', 'xxlarge', 'default']),
36
- top: _propTypes["default"].number,
37
- tourId: _propTypes["default"].string,
38
- htmlId: _propTypes["default"].string,
39
- tabIndex: _propTypes["default"].number,
40
- customClass: _propTypes["default"].shape({
41
- customDropBox: _propTypes["default"].string,
42
- customMobileDropBox: _propTypes["default"].string,
43
- customDropBoxWrap: _propTypes["default"].string,
44
- customMobileDropBoxWrap: _propTypes["default"].string
45
- }),
46
- a11y: _propTypes["default"].shape({
47
- role: _propTypes["default"].string,
48
- ariaMultiselectable: _propTypes["default"].bool,
49
- ariaLabelledby: _propTypes["default"].string
50
- }),
51
- palette: _propTypes["default"].oneOf(['default', 'dark']),
52
- needAutoZindex: _propTypes["default"].bool,
53
18
  portalId: _propTypes["default"].string,
19
+ isActive: _propTypes["default"].bool,
20
+ isAbsolutePositioningNeeded: _propTypes["default"].bool,
54
21
  isRestrictScroll: _propTypes["default"].bool,
55
- customStyle: _propTypes["default"].object
22
+ needFocusScope: _propTypes["default"].bool,
23
+ needAutoZindex: _propTypes["default"].bool
56
24
  };
57
- exports.propTypes = propTypes;
25
+ exports.propTypes = propTypes;
26
+ var DropBoxPropTypes = _objectSpread(_objectSpread({}, _propTypes2.DropBoxElementPropTypes), propTypes);
27
+ exports.DropBoxPropTypes = DropBoxPropTypes;
@@ -147,7 +147,6 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
147
147
  } else {
148
148
  this.handleChange([].concat(_toConsumableArray(selectedOptions), [option]), e);
149
149
  }
150
- // e && e.stopPropagation && this.handlePopupClose(e);
151
150
  }
152
151
  }, {
153
152
  key: "handleFormatOptions",
@@ -492,8 +492,6 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
492
492
  } else {
493
493
  this.handleChange([].concat(_toConsumableArray(selectedOptions), [option]), e);
494
494
  }
495
-
496
- // e && e.stopPropagation && this.handlePopupClose(e);
497
495
  }
498
496
  }, {
499
497
  key: "handleRemoveOption",
@@ -415,8 +415,7 @@ var Popup = function Popup(Component) {
415
415
  key: "removeClose",
416
416
  value: function removeClose(e) {
417
417
  // e && e.preventDefault && e.preventDefault();
418
- e && e.stopPropagation && e.stopPropagation();
419
- e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
418
+ (0, _Common.cancelBubblingEffect)(e);
420
419
  }
421
420
  }, {
422
421
  key: "handlePopupPosition",
package/lib/Tab/Tabs.js CHANGED
@@ -79,9 +79,14 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
79
79
  var totalDimension = this.getTotalDimension();
80
80
  var tabDimensions = this.getTabDimensions();
81
81
  var tabKeys = [];
82
+ var restrictedKeys = ['state', 'props', 'refs', 'context'];
82
83
  _react["default"].Children.toArray(children).forEach(function (child) {
83
84
  if (child && child.props.id && child.type === childType) {
84
- tabKeys.push(child.props.id);
85
+ if (restrictedKeys.includes(child.props.id)) {
86
+ throw new Error('Restricted id name found in Tabs, Please avoid these names => ' + restrictedKeys.toString());
87
+ } else {
88
+ tabKeys.push(child.props.id);
89
+ }
85
90
  }
86
91
  });
87
92
  this.setState({
@@ -362,7 +367,7 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
362
367
  value: function moreTabSelect(tab, value, index, e) {
363
368
  var onSelect = this.props.onSelect;
364
369
  if (e && e.target && e.target.parentElement.tagName === 'A' && (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey)) {
365
- e && e.stopPropagation();
370
+ (0, _Common.cancelBubblingEffect)(e);
366
371
  return;
367
372
  }
368
373
  e.preventDefault();
@@ -44,16 +44,11 @@ describe('Tab Component', function () {
44
44
  renderedDOM = _setup4.renderedDOM;
45
45
  expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tabDelta')).toBe(true);
46
46
  });
47
- it('Is Contains zeta class', function () {
48
- var _setup5 = setup(_Tab["default"], {
49
- type: 'zeta',
50
- needAppearance: true,
51
- getActiveRef: function getActiveRef() {}
52
- }),
53
- props = _setup5.props,
54
- renderedDOM = _setup5.renderedDOM;
55
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tab')).toBe(true);
56
- });
47
+ // it('Is Contains zeta class', () => {
48
+ // const { props, renderedDOM } = setup(Tab, { type: 'zeta', needAppearance: true, getActiveRef: () => { } });
49
+ // expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tab')).toBe(true);
50
+
51
+ // });
57
52
  // it('Is Contains special class', () => {
58
53
  // const { props, renderedDOM } = setup(Tab, { type: 'special', getActiveRef: () => {} });
59
54
  // expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('special')).toBe(true);
@@ -61,7 +56,7 @@ describe('Tab Component', function () {
61
56
  // });
62
57
 
63
58
  it('Is Contains active class', function () {
64
- var _setup6 = setup(_Tab["default"], {
59
+ var _setup5 = setup(_Tab["default"], {
65
60
  type: 'alpha',
66
61
  needAppearance: true,
67
62
  id: '0',
@@ -69,31 +64,31 @@ describe('Tab Component', function () {
69
64
  isActive: true,
70
65
  getActiveRef: function getActiveRef() {}
71
66
  }),
72
- props = _setup6.props,
73
- renderedDOM = _setup6.renderedDOM;
67
+ props = _setup5.props,
68
+ renderedDOM = _setup5.renderedDOM;
74
69
  expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('alphaActive')).toBe(true);
75
70
  });
76
71
  it('Is Contains border class', function () {
77
- var _setup7 = setup(_Tab["default"], {
72
+ var _setup6 = setup(_Tab["default"], {
78
73
  isActive: true,
79
74
  type: 'alpha',
80
75
  needAppearance: true,
81
76
  needBorder: true,
82
77
  getActiveRef: function getActiveRef() {}
83
78
  }),
84
- props = _setup7.props,
85
- renderedDOM = _setup7.renderedDOM;
79
+ props = _setup6.props,
80
+ renderedDOM = _setup6.renderedDOM;
86
81
  expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('alphaActive_border')).toBe(true);
87
82
  });
88
83
  it('Is call onClick', function () {
89
- var _setup8 = setup(_Tab["default"], {
84
+ var _setup7 = setup(_Tab["default"], {
90
85
  id: '2',
91
86
  onClick: jest.fn(),
92
87
  onSelect: jest.fn(),
93
88
  getActiveRef: function getActiveRef() {}
94
89
  }),
95
- renderedDOM = _setup8.renderedDOM,
96
- props = _setup8.props;
90
+ renderedDOM = _setup7.renderedDOM,
91
+ props = _setup7.props;
97
92
  var tabElement = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab');
98
93
  TestUtils.Simulate.click(tabElement, {
99
94
  currentTarget: {
@@ -105,14 +100,14 @@ describe('Tab Component', function () {
105
100
  expect(props.onSelect).toHaveBeenLastCalledWith('2');
106
101
  });
107
102
  it('is render text span', function () {
108
- var _setup9 = setup(_Tab["default"], {
103
+ var _setup8 = setup(_Tab["default"], {
109
104
  type: 'alpha',
110
105
  dataId: 'taskSubtab1',
111
106
  text: 'Tab1',
112
107
  getActiveRef: function getActiveRef() {}
113
108
  }),
114
- renderedDOM = _setup9.renderedDOM,
115
- props = _setup9.props;
109
+ renderedDOM = _setup8.renderedDOM,
110
+ props = _setup8.props;
116
111
  var tabElement = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'taskSubtab1_Tab');
117
112
  expect(tabElement.getAttribute('data-id')).toBe('taskSubtab1_Tab');
118
113
  });
@@ -113,7 +113,7 @@ var TabWrapper_propTypes = {
113
113
  needPadding: _propTypes["default"].bool,
114
114
  needTabBorder: _propTypes["default"].bool,
115
115
  onSelect: _propTypes["default"].func,
116
- type: _propTypes["default"].oneOf(['alpha', 'beta', 'zeta']),
116
+ type: _propTypes["default"].oneOf(['alpha', 'beta', 'delta']),
117
117
  dataSelectorId: _propTypes["default"].string
118
118
  };
119
119
  exports.TabWrapper_propTypes = TabWrapper_propTypes;
package/lib/css.js CHANGED
@@ -33,7 +33,8 @@ require("./Tag/Tag.module.css");
33
33
  require("./Stencils/Stencils.module.css");
34
34
  require("./PopOver/PopOver.module.css");
35
35
  require("./DropDown/DropDown.module.css");
36
- require("./DropBox/DropBox.module.css");
36
+ require("./DropBox/css/DropBox.module.css");
37
+ require("./DropBox/DropBoxElement/css/DropBoxElement.module.css");
37
38
  require("./DateTime/DateTime.module.css");
38
39
  require("./DateTime/DateWidget.module.css");
39
40
  require("./Card/Card.module.css");
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.bind = bind;
7
7
  exports.bytesToSize = bytesToSize;
8
+ exports.cancelBubblingEffect = cancelBubblingEffect;
8
9
  exports.capitalize = capitalize;
9
10
  exports.checkIsImageFile = checkIsImageFile;
10
11
  exports.debounce = exports.cs = void 0;
@@ -56,6 +57,11 @@ var stopAllEventPropagation = function stopAllEventPropagation(e) {
56
57
  e.stopPropagation && e.stopPropagation();
57
58
  e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
58
59
  };
60
+ exports.stopAllEventPropagation = stopAllEventPropagation;
61
+ function cancelBubblingEffect(e) {
62
+ e && e.stopPropagation && e.stopPropagation();
63
+ e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
64
+ }
59
65
 
60
66
  // export function getCommentsDetails(
61
67
  // commentIds = [],
@@ -70,7 +76,7 @@ var stopAllEventPropagation = function stopAllEventPropagation(e) {
70
76
  // }) || []
71
77
  // );
72
78
  // }
73
- exports.stopAllEventPropagation = stopAllEventPropagation;
79
+
74
80
  function encodeForHtml(str) {
75
81
  if (/<|>|&|"|'|\\/g.test(str) == true) {
76
82
  str = str.replace(/&/g, '&amp;');
@@ -15,7 +15,8 @@ var REPLACER_SYMBOL = '$';
15
15
  // $ startWith is used for replace the existing style.
16
16
  // all other will be append
17
17
 
18
- function mergeStyle(defaultStyle, customStyle) {
18
+ function mergeStyle(defaultStyle) {
19
+ var customStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
19
20
  var additionalStyle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
20
21
  // if(!Object.keys(defaultStyle).includes('base')) {
21
22
  // throw new Error(`STYLE CUSTOMIZATION RULE - Your style sheet should have "base" class name for customization`);
@@ -29,20 +30,33 @@ function mergeStyle(defaultStyle, customStyle) {
29
30
  // return res;
30
31
  throw new Error("UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(styleName, "\" is not available in that component style"));
31
32
  }
32
- var val = defaultStyle[styleName];
33
- Object.keys(res).map(function (keyName) {
34
- var styleKey = res[keyName];
35
- if (styleKey.includes(val)) {
36
- res[keyName] = styleKey.replace(val, styleValue);
37
- }
38
- });
39
- } else if (defaultStyle[next] || additionalStyle.includes(next)) {
33
+ if (additionalStyle.includes(styleName)) {
34
+ res[styleName] = styleValue;
35
+ } else {
36
+ var val = defaultStyle[styleName];
37
+ Object.keys(res).map(function (keyName) {
38
+ var styleKey = res[keyName];
39
+ var styleClasses = styleKey.split(' ');
40
+ var ind = styleClasses.indexOf(val);
41
+ if (ind !== -1) {
42
+ styleClasses[ind] = styleValue;
43
+ res[keyName] = styleClasses.join(' ');
44
+ }
45
+ });
46
+ }
47
+ } else if (defaultStyle[next]) {
40
48
  var _val = defaultStyle[next];
41
49
  Object.keys(res).map(function (keyName) {
42
- if (res[keyName].includes(_val)) {
43
- res[keyName] = res[keyName] + ' ' + customStyle[next];
50
+ var styleKey = res[keyName];
51
+ var styleClasses = styleKey.split(' ');
52
+ var ind = styleClasses.indexOf(_val);
53
+ if (ind !== -1) {
54
+ styleClasses[ind] = styleClasses[ind] + ' ' + customStyle[next];
55
+ res[keyName] = styleClasses.join(' ');
44
56
  }
45
57
  });
58
+ } else if (additionalStyle.includes(next)) {
59
+ res[next] = customStyle[next];
46
60
  } else if (!defaultStyle[next] && !additionalStyle.includes(next)) {
47
61
  // res[next] = customStyle[next];
48
62
  "UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(next, "\" is not available in that component style");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.0.0-alpha-263",
3
+ "version": "1.0.0-alpha-265",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -1,72 +0,0 @@
1
- // CodeMirror, copyright (c) by Marijn Haverbeke and others
2
- // Distributed under an MIT license: http://codemirror.net/LICENSE
3
-
4
- (function(mod) {
5
- if (typeof exports == "object" && typeof module == "object") // CommonJS
6
- mod(require("../../lib/codemirror"));
7
- else if (typeof define == "function" && define.amd) // AMD
8
- define(["../../lib/codemirror"], mod);
9
- else // Plain browser env
10
- mod(CodeMirror);
11
- })(function(CodeMirror) {
12
- "use strict";
13
- var WRAP_CLASS = "CodeMirror-activeline";
14
- var BACK_CLASS = "CodeMirror-activeline-background";
15
- var GUTT_CLASS = "CodeMirror-activeline-gutter";
16
-
17
- CodeMirror.defineOption("styleActiveLine", false, function(cm, val, old) {
18
- var prev = old == CodeMirror.Init ? false : old;
19
- if (val == prev) return
20
- if (prev) {
21
- cm.off("beforeSelectionChange", selectionChange);
22
- clearActiveLines(cm);
23
- delete cm.state.activeLines;
24
- }
25
- if (val) {
26
- cm.state.activeLines = [];
27
- updateActiveLines(cm, cm.listSelections());
28
- cm.on("beforeSelectionChange", selectionChange);
29
- }
30
- });
31
-
32
- function clearActiveLines(cm) {
33
- for (var i = 0; i < cm.state.activeLines.length; i++) {
34
- cm.removeLineClass(cm.state.activeLines[i], "wrap", WRAP_CLASS);
35
- cm.removeLineClass(cm.state.activeLines[i], "background", BACK_CLASS);
36
- cm.removeLineClass(cm.state.activeLines[i], "gutter", GUTT_CLASS);
37
- }
38
- }
39
-
40
- function sameArray(a, b) {
41
- if (a.length != b.length) return false;
42
- for (var i = 0; i < a.length; i++)
43
- if (a[i] != b[i]) return false;
44
- return true;
45
- }
46
-
47
- function updateActiveLines(cm, ranges) {
48
- var active = [];
49
- for (var i = 0; i < ranges.length; i++) {
50
- var range = ranges[i];
51
- var option = cm.getOption("styleActiveLine");
52
- if (typeof option == "object" && option.nonEmpty ? range.anchor.line != range.head.line : !range.empty())
53
- continue
54
- var line = cm.getLineHandleVisualStart(range.head.line);
55
- if (active[active.length - 1] != line) active.push(line);
56
- }
57
- if (sameArray(cm.state.activeLines, active)) return;
58
- cm.operation(function() {
59
- clearActiveLines(cm);
60
- for (var i = 0; i < active.length; i++) {
61
- cm.addLineClass(active[i], "wrap", WRAP_CLASS);
62
- cm.addLineClass(active[i], "background", BACK_CLASS);
63
- cm.addLineClass(active[i], "gutter", GUTT_CLASS);
64
- }
65
- cm.state.activeLines = active;
66
- });
67
- }
68
-
69
- function selectionChange(cm, sel) {
70
- updateActiveLines(cm, sel.ranges);
71
- }
72
- });
@@ -1,47 +0,0 @@
1
- // CodeMirror, copyright (c) by Marijn Haverbeke and others
2
- // Distributed under an MIT license: https://codemirror.net/LICENSE
3
-
4
- (function(mod) {
5
- if (typeof exports == "object" && typeof module == "object") // CommonJS
6
- mod(require("../../lib/codemirror"))
7
- else if (typeof define == "function" && define.amd) // AMD
8
- define(["../../lib/codemirror"], mod)
9
- else // Plain browser env
10
- mod(CodeMirror)
11
- })(function(CodeMirror) {
12
- "use strict"
13
-
14
- CodeMirror.defineOption("autoRefresh", false, function(cm, val) {
15
- if (cm.state.autoRefresh) {
16
- stopListening(cm, cm.state.autoRefresh)
17
- cm.state.autoRefresh = null
18
- }
19
- if (val && cm.display.wrapper.offsetHeight == 0)
20
- startListening(cm, cm.state.autoRefresh = {delay: val.delay || 250})
21
- })
22
-
23
- function startListening(cm, state) {
24
- function check() {
25
- if (cm.display.wrapper.offsetHeight) {
26
- stopListening(cm, state)
27
- if (cm.display.lastWrapHeight != cm.display.wrapper.clientHeight)
28
- cm.refresh()
29
- } else {
30
- state.timeout = setTimeout(check, state.delay)
31
- }
32
- }
33
- state.timeout = setTimeout(check, state.delay)
34
- state.hurry = function() {
35
- clearTimeout(state.timeout)
36
- state.timeout = setTimeout(check, 50)
37
- }
38
- CodeMirror.on(window, "mouseup", state.hurry)
39
- CodeMirror.on(window, "keyup", state.hurry)
40
- }
41
-
42
- function stopListening(_cm, state) {
43
- clearTimeout(state.timeout)
44
- CodeMirror.off(window, "mouseup", state.hurry)
45
- CodeMirror.off(window, "keyup", state.hurry)
46
- }
47
- });