@zohodesk/dot 1.0.0-temp-227 → 1.0.0-temp-228.1

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 (143) hide show
  1. package/README.md +5 -6
  2. package/es/ActionButton/ActionButton.js +19 -9
  3. package/es/ActionButton/props/defaultProps.js +2 -1
  4. package/es/ActionButton/props/propTypes.js +4 -1
  5. package/es/Attachment/Attachment.module.css +3 -3
  6. package/es/DotProvider/hooks/useDotProvider.js +3 -3
  7. package/es/DotProvider/libraryChunks/appearance/variables/Dark_Variables.js +1 -0
  8. package/es/DotProvider/libraryChunks/appearance/variables/Light_Variables.js +1 -0
  9. package/es/DotProvider/libraryChunks/appearance/variables/PureDark_Variables.js +1 -0
  10. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -2
  11. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -2
  12. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -2
  13. package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -2
  14. package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -2
  15. package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -2
  16. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -2
  17. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -2
  18. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -2
  19. package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -2
  20. package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -2
  21. package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -2
  22. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -2
  23. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -2
  24. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -2
  25. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +2 -0
  26. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +2 -0
  27. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +2 -0
  28. package/es/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +2 -0
  29. package/es/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +2 -0
  30. package/es/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +2 -0
  31. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +2 -0
  32. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +2 -0
  33. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +2 -0
  34. package/es/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +2 -0
  35. package/es/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +2 -0
  36. package/es/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +2 -0
  37. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +2 -0
  38. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +2 -0
  39. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +2 -0
  40. package/es/DotProvider/utils/constants.js +2 -1
  41. package/es/DotProvider/utils/themeAppearanceAssetsConfig.js +15 -1
  42. package/es/DotProvider/utils/themeColorAssetsConfig.js +73 -1
  43. package/es/Image/Image.module.css +2 -2
  44. package/es/Onboarding/css/Onboarding.module.css +1 -1
  45. package/es/Separator/Separator.module.css +5 -5
  46. package/es/TagWithIcon/TagWithIcon.module.css +3 -3
  47. package/es/Upload/Upload.module.css +31 -2
  48. package/es/form/fields/Fields.module.css +73 -17
  49. package/es/form/fields/TextEditor/TextEditor.module.css +1 -1
  50. package/es/list/GridStencils/GridStencils.module.css +12 -2
  51. package/es/list/TagNew/TagNew.module.css +1 -1
  52. package/es/list/status/StatusListItem/StatusListItem.module.css +2 -2
  53. package/es/lookup/Lookup/Lookup.js +4 -6
  54. package/es/lookup/Lookup/__tests__/Lookup.spec.js +4 -101
  55. package/es/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +2 -223
  56. package/es/lookup/Lookup/props/propTypes.js +1 -6
  57. package/es/lookup/header/ModuleHeader/ModuleHeader.js +5 -12
  58. package/es/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js +3 -87
  59. package/es/lookup/header/ModuleHeader/props/defaultProps.js +0 -2
  60. package/es/lookup/header/ModuleHeader/props/propTypes.js +0 -6
  61. package/es/version2/AlertClose/AlertClose.module.css +1 -1
  62. package/es/version2/GlobalNotification/GlobalNotification.module.css +1 -1
  63. package/es/version2/lookup/AlertHeader/AlertHeader.js +9 -19
  64. package/es/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +3 -122
  65. package/es/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +3 -1728
  66. package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +1 -6
  67. package/es/version2/lookup/AlertHeader/props/defaultProps.js +0 -2
  68. package/es/version2/lookup/AlertHeader/props/propTypes.js +0 -10
  69. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +8 -2
  70. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +2 -2
  71. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +3 -2
  72. package/lib/ActionButton/ActionButton.js +18 -9
  73. package/lib/ActionButton/props/defaultProps.js +2 -1
  74. package/lib/ActionButton/props/propTypes.js +4 -1
  75. package/lib/Attachment/Attachment.module.css +3 -3
  76. package/lib/DotProvider/hooks/useDotProvider.js +3 -3
  77. package/lib/DotProvider/libraryChunks/appearance/variables/Dark_Variables.js +3 -0
  78. package/lib/DotProvider/libraryChunks/appearance/variables/Light_Variables.js +3 -0
  79. package/lib/DotProvider/libraryChunks/appearance/variables/PureDark_Variables.js +3 -0
  80. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -4
  81. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -4
  82. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -4
  83. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -4
  84. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -4
  85. package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -4
  86. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -4
  87. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -4
  88. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -4
  89. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -4
  90. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -4
  91. package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -4
  92. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -4
  93. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -4
  94. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -4
  95. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +5 -0
  96. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +5 -0
  97. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +5 -0
  98. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +5 -0
  99. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +5 -0
  100. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +5 -0
  101. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +5 -0
  102. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +5 -0
  103. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +5 -0
  104. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +5 -0
  105. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +5 -0
  106. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +5 -0
  107. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +5 -0
  108. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +5 -0
  109. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +5 -0
  110. package/lib/DotProvider/utils/constants.js +4 -2
  111. package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js +17 -2
  112. package/lib/DotProvider/utils/themeColorAssetsConfig.js +77 -2
  113. package/lib/Image/Image.module.css +2 -2
  114. package/lib/Onboarding/css/Onboarding.module.css +1 -1
  115. package/lib/Separator/Separator.module.css +5 -5
  116. package/lib/TagWithIcon/TagWithIcon.module.css +3 -3
  117. package/lib/Upload/Upload.module.css +31 -2
  118. package/lib/form/fields/Fields.module.css +73 -17
  119. package/lib/form/fields/TextEditor/TextEditor.module.css +1 -1
  120. package/lib/list/GridStencils/GridStencils.module.css +12 -2
  121. package/lib/list/TagNew/TagNew.module.css +1 -1
  122. package/lib/list/status/StatusListItem/StatusListItem.module.css +2 -2
  123. package/lib/lookup/Lookup/Lookup.js +4 -6
  124. package/lib/lookup/Lookup/__tests__/Lookup.spec.js +4 -101
  125. package/lib/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +2 -223
  126. package/lib/lookup/Lookup/props/propTypes.js +1 -8
  127. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +5 -13
  128. package/lib/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js +2 -86
  129. package/lib/lookup/header/ModuleHeader/props/defaultProps.js +0 -2
  130. package/lib/lookup/header/ModuleHeader/props/propTypes.js +0 -6
  131. package/lib/version2/AlertClose/AlertClose.module.css +1 -1
  132. package/lib/version2/GlobalNotification/GlobalNotification.module.css +1 -1
  133. package/lib/version2/lookup/AlertHeader/AlertHeader.js +8 -19
  134. package/lib/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +2 -121
  135. package/lib/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +3 -1728
  136. package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +2 -4
  137. package/lib/version2/lookup/AlertHeader/props/defaultProps.js +0 -2
  138. package/lib/version2/lookup/AlertHeader/props/propTypes.js +0 -10
  139. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +8 -2
  140. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +2 -2
  141. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +3 -2
  142. package/package.json +17 -14
  143. package/_react-cli.config.js +0 -27
@@ -82,7 +82,7 @@
82
82
  composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
83
83
  width: 100% ;
84
84
  box-shadow: var(--zd_bs_globalnotification_container);
85
- border-radius: 0 0 var(--zd_size10) var(--zd_size10);
85
+ border-radius: 0 0 10px 10px;
86
86
  background-color: var(--globalnotification_bg_color);
87
87
  border-style: solid;
88
88
  border-color: var(--commonalert_border_color);
@@ -47,20 +47,9 @@ function AlertHeader(props) {
47
47
  dataId = props.dataId,
48
48
  type = props.type,
49
49
  htmlId = props.htmlId,
50
- isDraggable = props.isDraggable,
51
- customClass = props.customClass,
52
- renderCustomIcon = props.renderCustomIcon,
53
- renderSecondaryContent = props.renderSecondaryContent,
54
- renderRightActions = props.renderRightActions,
55
50
  customStyle = props.customStyle,
56
51
  dragBoundaryLimit = props.dragBoundaryLimit;
57
52
  var finalStyle = (0, _utils.mergeStyle)(_AlertHeaderNewModule["default"], customStyle);
58
- var _customClass$title = customClass.title,
59
- titleClass = _customClass$title === void 0 ? '' : _customClass$title,
60
- _customClass$iconCont = customClass.iconContainer,
61
- iconContainerClass = _customClass$iconCont === void 0 ? '' : _customClass$iconCont,
62
- _customClass$close = customClass.close,
63
- closeClass = _customClass$close === void 0 ? '' : _customClass$close;
64
53
 
65
54
  var _cssJSLogic = (0, _cssJSLogic2["default"])({
66
55
  props: props,
@@ -71,7 +60,7 @@ function AlertHeader(props) {
71
60
  var dragRef = (0, _react.useRef)(null); //dragRef
72
61
 
73
62
  (0, _useDragger["default"])({
74
- isActive: isDraggable,
63
+ isActive: true,
75
64
  ChildRef: dragRef,
76
65
  boundaryLimit: dragBoundaryLimit
77
66
  }); //custom Hook
@@ -82,26 +71,26 @@ function AlertHeader(props) {
82
71
  className: "".concat(alertHeaderContainerClass),
83
72
  isCover: false,
84
73
  wrap: "wrap",
85
- "data-drag-hook": isDraggable ? 'true' : 'false',
74
+ "data-drag-hook": "true",
86
75
  eleRef: dragRef
87
- }, needIcon && !(0, _utils.isRenderable)(renderCustomIcon) ? /*#__PURE__*/_react["default"].createElement("div", {
88
- className: "".concat(finalStyle.iconContainer, " ").concat(iconContainerClass)
76
+ }, needIcon && /*#__PURE__*/_react["default"].createElement("div", {
77
+ className: finalStyle.iconContainer
89
78
  }, /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {
90
79
  type: type
91
- })) : (0, _utils.renderNode)(renderCustomIcon), (title || children) && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
80
+ })), (title || children) && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
92
81
  flexible: true
93
82
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
94
83
  alignBox: "row",
95
84
  wrap: breakChildren ? 'wrap' : null
96
85
  }, title && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
97
- className: "".concat(finalStyle.title, " ").concat(titleClass),
86
+ className: finalStyle.title,
98
87
  shrink: true,
99
88
  id: htmlId
100
89
  }, title), children && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
101
90
  adjust: true,
102
91
  flexible: true
103
- }, children)), (0, _utils.renderNode)(renderSecondaryContent)), (0, _utils.renderNode)(renderRightActions), onClose && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
104
- className: "".concat(_AlertHeaderNewModule["default"].close, " ").concat(closeClass)
92
+ }, children))), onClose && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
93
+ className: _AlertHeaderNewModule["default"].close
105
94
  }, /*#__PURE__*/_react["default"].createElement(_AlertClose["default"], {
106
95
  onClose: onClose,
107
96
  dataTitle: closeTitle,
@@ -8,130 +8,11 @@ var _AlertHeader = _interopRequireDefault(require("../AlertHeader"));
8
8
 
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
10
 
11
- var TYPE_VALUES = ['success', 'error', 'warning', 'info', 'notification'];
12
- afterEach(function () {
13
- (0, _react2.cleanup)();
14
- });
15
- describe('AlertHeader snapshot - ', function () {
16
- test('Render with default props', function () {
11
+ describe('AlertHeader', function () {
12
+ test('rendering the defult props', function () {
17
13
  var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], null)),
18
14
  asFragment = _render.asFragment;
19
15
 
20
16
  expect(asFragment()).toMatchSnapshot();
21
17
  });
22
- test.each(TYPE_VALUES)('Render with type=%s', function (type) {
23
- var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
24
- title: "Alert Title",
25
- type: type
26
- })),
27
- asFragment = _render2.asFragment;
28
-
29
- expect(asFragment()).toMatchSnapshot();
30
- });
31
- test('Render with needIcon=false', function () {
32
- var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
33
- title: "Alert Title",
34
- needIcon: false
35
- })),
36
- asFragment = _render3.asFragment;
37
-
38
- expect(asFragment()).toMatchSnapshot();
39
- });
40
- test('Render with breakChildren=true', function () {
41
- var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
42
- title: "Alert Title",
43
- breakChildren: true
44
- })),
45
- asFragment = _render4.asFragment;
46
-
47
- expect(asFragment()).toMatchSnapshot();
48
- });
49
- test('Render with onClose', function () {
50
- var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
51
- title: "Alert Title",
52
- onClose: function onClose() {}
53
- })),
54
- asFragment = _render5.asFragment;
55
-
56
- expect(asFragment()).toMatchSnapshot();
57
- });
58
- test('Render with title', function () {
59
- var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
60
- title: "Alert Title"
61
- })),
62
- asFragment = _render6.asFragment;
63
-
64
- expect(asFragment()).toMatchSnapshot();
65
- });
66
- test('Render with isDraggable=false', function () {
67
- var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
68
- title: "Alert Title",
69
- isDraggable: false
70
- })),
71
- asFragment = _render7.asFragment;
72
-
73
- expect(asFragment()).toMatchSnapshot();
74
- });
75
- test('Render with children', function () {
76
- var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
77
- title: "Alert Title"
78
- }, /*#__PURE__*/_react["default"].createElement("span", null, "Child content"))),
79
- asFragment = _render8.asFragment;
80
-
81
- expect(asFragment()).toMatchSnapshot();
82
- });
83
- test('Render with customClass', function () {
84
- var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
85
- title: "Alert Title",
86
- onClose: function onClose() {},
87
- customClass: {
88
- title: 'custom-title-class',
89
- iconContainer: 'custom-icon-class',
90
- close: 'custom-close-class'
91
- }
92
- })),
93
- asFragment = _render9.asFragment;
94
-
95
- expect(asFragment()).toMatchSnapshot();
96
- });
97
- test('Render with renderCustomIcon', function () {
98
- var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
99
- title: "Alert Title",
100
- renderCustomIcon: /*#__PURE__*/_react["default"].createElement("span", null, "Custom Icon")
101
- })),
102
- asFragment = _render10.asFragment;
103
-
104
- expect(asFragment()).toMatchSnapshot();
105
- });
106
- test('Render with renderSecondaryContent', function () {
107
- var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
108
- title: "Alert Title",
109
- renderSecondaryContent: /*#__PURE__*/_react["default"].createElement("span", null, "Secondary")
110
- })),
111
- asFragment = _render11.asFragment;
112
-
113
- expect(asFragment()).toMatchSnapshot();
114
- });
115
- test('Render with renderRightActions', function () {
116
- var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
117
- title: "Alert Title",
118
- renderRightActions: /*#__PURE__*/_react["default"].createElement("button", {
119
- type: "button"
120
- }, "Action")
121
- })),
122
- asFragment = _render12.asFragment;
123
-
124
- expect(asFragment()).toMatchSnapshot();
125
- });
126
- test('Render with dataId and htmlId', function () {
127
- var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
128
- title: "Alert Title",
129
- htmlId: "alert-header-title",
130
- dataId: "alert-header",
131
- onClose: function onClose() {}
132
- })),
133
- asFragment = _render13.asFragment;
134
-
135
- expect(asFragment()).toMatchSnapshot();
136
- });
137
18
  });