@zohodesk/dot 1.0.0-temp-51 → 1.0.0-temp-52

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 (19) hide show
  1. package/es/Appearance/dark/mode/dotDarkMode.module.css +1 -0
  2. package/es/Appearance/default/mode/dotDefaultMode.module.css +1 -0
  3. package/es/lookup/header/ModuleHeader/ModuleHeader.js +8 -3
  4. package/es/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js +13 -3
  5. package/es/lookup/header/TicketHeader/TicketHeader.js +7 -4
  6. package/es/lookup/header/lookupHeaderCommon.module.css +6 -0
  7. package/lib/Appearance/dark/mode/dotDarkMode.module.css +1 -0
  8. package/lib/Appearance/default/mode/dotDefaultMode.module.css +1 -0
  9. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +8 -3
  10. package/lib/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js +13 -3
  11. package/lib/lookup/header/TicketHeader/TicketHeader.js +7 -4
  12. package/lib/lookup/header/lookupHeaderCommon.module.css +6 -0
  13. package/package.json +1 -1
  14. package/src/Appearance/dark/mode/dotDarkMode.module.css +1 -0
  15. package/src/Appearance/default/mode/dotDefaultMode.module.css +1 -0
  16. package/src/lookup/header/ModuleHeader/ModuleHeader.js +9 -3
  17. package/src/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js +21 -8
  18. package/src/lookup/header/TicketHeader/TicketHeader.js +7 -4
  19. package/src/lookup/header/lookupHeaderCommon.module.css +6 -0
package/es/Appearance/dark/mode/dotDarkMode.module.css CHANGED
@@ -296,6 +296,7 @@
296
296
 
297
297
  /* lookup header common */
298
298
  --zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
299
+ --zdt_lookupheader_white_bg: #262f3d;
299
300
  --zdt_lookupheader_default_border: var(--zdt_cta_grey_35_border);
300
301
  --zdt_lookupheader_para_text: #a8b0bd;
301
302
  --zdt_lookupheader_input_border: var(--zd_border_smoke33);
package/es/Appearance/default/mode/dotDefaultMode.module.css CHANGED
@@ -296,6 +296,7 @@
296
296
 
297
297
  /* lookup header common */
298
298
  --zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
299
+ --zdt_lookupheader_white_bg: var(--dot_bg_white);
299
300
  --zdt_lookupheader_default_border: var(--zdt_cta_grey_35_border);
300
301
  --zdt_lookupheader_para_text: var(--dot_text_shuttleGrey);
301
302
  --zdt_lookupheader_input_border: var(--zd_border_smoke33);
package/es/lookup/header/ModuleHeader/ModuleHeader.js CHANGED
@@ -28,12 +28,13 @@ export default class ModuleHeader extends PureComponent {
28
28
  miniDescription,
29
29
  dataId,
30
30
  closeTitle,
31
- onSearchKeyDown
31
+ onSearchKeyDown,
32
+ palette
32
33
  } = this.props;
33
34
  return /*#__PURE__*/React.createElement(Container, {
34
35
  align: "vertical",
35
36
  alignBox: "row",
36
- className: `${commonStyle.container}`,
37
+ className: `${commonStyle.container} ${commonStyle[`${palette}`]}`,
37
38
  isCover: false,
38
39
  wrap: "wrap",
39
40
  dataId: dataId
@@ -79,7 +80,11 @@ ModuleHeader.propTypes = {
79
80
  title: PropTypes.string,
80
81
  dataId: PropTypes.string,
81
82
  closeTitle: PropTypes.string,
82
- onSearchKeyDown: PropTypes.func
83
+ onSearchKeyDown: PropTypes.func,
84
+ palette: PropTypes.oneOf(['default', 'white'])
85
+ };
86
+ ModuleHeader.defaultProps = {
87
+ palette: 'default'
83
88
  };
84
89
 
85
90
  if (false) {
package/es/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js CHANGED
@@ -22,14 +22,24 @@ export default class ModuleHeader__default extends Component {
22
22
  let {
23
23
  searchStr
24
24
  } = this.state;
25
- return /*#__PURE__*/React.createElement(ModuleHeader, {
25
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ModuleHeader, {
26
26
  title: "Find Duplicate",
27
27
  needSearch: true,
28
28
  searchStr: searchStr,
29
29
  onSearchChange: this.handleSearch,
30
30
  searchPlaceHolder: "Search",
31
- miniDescription: "Select a field to search for duplicate records"
32
- });
31
+ miniDescription: "Select a field to search for duplicate records",
32
+ onLookupClose: () => {}
33
+ }), /*#__PURE__*/React.createElement(ModuleHeader, {
34
+ title: "Find Duplicate",
35
+ needSearch: true,
36
+ searchStr: searchStr,
37
+ onSearchChange: this.handleSearch,
38
+ searchPlaceHolder: "Search",
39
+ miniDescription: "Select a field to search for duplicate records",
40
+ onLookupClose: () => {},
41
+ palette: "white"
42
+ }));
33
43
  }
34
44
 
35
45
  }
package/es/lookup/header/TicketHeader/TicketHeader.js CHANGED
@@ -31,7 +31,8 @@ export default class TicketHeader extends Component {
31
31
  needOnTypeSearch,
32
32
  getSearchBoxRef,
33
33
  needViewsList,
34
- i18nKeys
34
+ i18nKeys,
35
+ palette
35
36
  } = this.props;
36
37
  let {
37
38
  menuEmptyMessage = 'No matches found'
@@ -39,7 +40,7 @@ export default class TicketHeader extends Component {
39
40
  return /*#__PURE__*/React.createElement(Container, {
40
41
  align: "vertical",
41
42
  alignBox: "row",
42
- className: `${commonStyle.container} ${commonResponsive.container} ${style.container}`,
43
+ className: `${commonStyle.container} ${commonStyle[`${palette}`]} ${commonResponsive.container} ${style.container}`,
43
44
  isCover: false,
44
45
  wrap: "wrap"
45
46
  }, /*#__PURE__*/React.createElement("div", {
@@ -101,10 +102,12 @@ TicketHeader.propTypes = {
101
102
  title: PropTypes.string,
102
103
  i18nKeys: PropTypes.shape({
103
104
  menuEmptyMessage: PropTypes.string
104
- })
105
+ }),
106
+ palette: PropTypes.oneOf(['default', 'white'])
105
107
  };
106
108
  TicketHeader.defaultProps = {
107
- i18nKeys: {}
109
+ i18nKeys: {},
110
+ palette: 'default'
108
111
  };
109
112
 
110
113
  if (false) {
package/es/lookup/header/lookupHeaderCommon.module.css CHANGED
@@ -8,6 +8,12 @@
8
8
  }[dir=rtl] .container {
9
9
  padding: 0 var(--zd_size10) 0 var(--zd_size52);
10
10
  }
11
+ .default {
12
+ background-color: var(--zdt_lookupheader_default_bg);
13
+ }
14
+ .white {
15
+ background-color: var(--zdt_lookupheader_white_bg);
16
+ }
11
17
  .searchContainer, .title {
12
18
  margin: 0 var(--zd_size20);
13
19
  }
package/lib/Appearance/dark/mode/dotDarkMode.module.css CHANGED
@@ -296,6 +296,7 @@
296
296
 
297
297
  /* lookup header common */
298
298
  --zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
299
+ --zdt_lookupheader_white_bg: #262f3d;
299
300
  --zdt_lookupheader_default_border: var(--zdt_cta_grey_35_border);
300
301
  --zdt_lookupheader_para_text: #a8b0bd;
301
302
  --zdt_lookupheader_input_border: var(--zd_border_smoke33);
package/lib/Appearance/default/mode/dotDefaultMode.module.css CHANGED
@@ -296,6 +296,7 @@
296
296
 
297
297
  /* lookup header common */
298
298
  --zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
299
+ --zdt_lookupheader_white_bg: var(--dot_bg_white);
299
300
  --zdt_lookupheader_default_border: var(--zdt_cta_grey_35_border);
300
301
  --zdt_lookupheader_para_text: var(--dot_text_shuttleGrey);
301
302
  --zdt_lookupheader_input_border: var(--zd_border_smoke33);
package/lib/lookup/header/ModuleHeader/ModuleHeader.js CHANGED
@@ -80,11 +80,12 @@ var ModuleHeader = /*#__PURE__*/function (_PureComponent) {
80
80
  miniDescription = _this$props.miniDescription,
81
81
  dataId = _this$props.dataId,
82
82
  closeTitle = _this$props.closeTitle,
83
- onSearchKeyDown = _this$props.onSearchKeyDown;
83
+ onSearchKeyDown = _this$props.onSearchKeyDown,
84
+ palette = _this$props.palette;
84
85
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
85
86
  align: "vertical",
86
87
  alignBox: "row",
87
- className: "".concat(_lookupHeaderCommonModule["default"].container),
88
+ className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)]),
88
89
  isCover: false,
89
90
  wrap: "wrap",
90
91
  dataId: dataId
@@ -134,7 +135,11 @@ ModuleHeader.propTypes = {
134
135
  title: _propTypes["default"].string,
135
136
  dataId: _propTypes["default"].string,
136
137
  closeTitle: _propTypes["default"].string,
137
- onSearchKeyDown: _propTypes["default"].func
138
+ onSearchKeyDown: _propTypes["default"].func,
139
+ palette: _propTypes["default"].oneOf(['default', 'white'])
140
+ };
141
+ ModuleHeader.defaultProps = {
142
+ palette: 'default'
138
143
  };
139
144
 
140
145
  if (false) {
package/lib/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js CHANGED
@@ -66,14 +66,24 @@ var ModuleHeader__default = /*#__PURE__*/function (_Component) {
66
66
  key: "render",
67
67
  value: function render() {
68
68
  var searchStr = this.state.searchStr;
69
- return /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
69
+ return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
70
70
  title: "Find Duplicate",
71
71
  needSearch: true,
72
72
  searchStr: searchStr,
73
73
  onSearchChange: this.handleSearch,
74
74
  searchPlaceHolder: "Search",
75
- miniDescription: "Select a field to search for duplicate records"
76
- });
75
+ miniDescription: "Select a field to search for duplicate records",
76
+ onLookupClose: function onLookupClose() {}
77
+ }), /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
78
+ title: "Find Duplicate",
79
+ needSearch: true,
80
+ searchStr: searchStr,
81
+ onSearchChange: this.handleSearch,
82
+ searchPlaceHolder: "Search",
83
+ miniDescription: "Select a field to search for duplicate records",
84
+ onLookupClose: function onLookupClose() {},
85
+ palette: "white"
86
+ }));
77
87
  }
78
88
  }]);
79
89
 
package/lib/lookup/header/TicketHeader/TicketHeader.js CHANGED
@@ -82,13 +82,14 @@ var TicketHeader = /*#__PURE__*/function (_Component) {
82
82
  needOnTypeSearch = _this$props.needOnTypeSearch,
83
83
  getSearchBoxRef = _this$props.getSearchBoxRef,
84
84
  needViewsList = _this$props.needViewsList,
85
- i18nKeys = _this$props.i18nKeys;
85
+ i18nKeys = _this$props.i18nKeys,
86
+ palette = _this$props.palette;
86
87
  var _i18nKeys$menuEmptyMe = i18nKeys.menuEmptyMessage,
87
88
  menuEmptyMessage = _i18nKeys$menuEmptyMe === void 0 ? 'No matches found' : _i18nKeys$menuEmptyMe;
88
89
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
89
90
  align: "vertical",
90
91
  alignBox: "row",
91
- className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonResponsiveModule["default"].container, " ").concat(_TicketHeaderModule["default"].container),
92
+ className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)], " ").concat(_lookupHeaderCommonResponsiveModule["default"].container, " ").concat(_TicketHeaderModule["default"].container),
92
93
  isCover: false,
93
94
  wrap: "wrap"
94
95
  }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -154,10 +155,12 @@ TicketHeader.propTypes = {
154
155
  title: _propTypes["default"].string,
155
156
  i18nKeys: _propTypes["default"].shape({
156
157
  menuEmptyMessage: _propTypes["default"].string
157
- })
158
+ }),
159
+ palette: _propTypes["default"].oneOf(['default', 'white'])
158
160
  };
159
161
  TicketHeader.defaultProps = {
160
- i18nKeys: {}
162
+ i18nKeys: {},
163
+ palette: 'default'
161
164
  };
162
165
 
163
166
  if (false) {
package/lib/lookup/header/lookupHeaderCommon.module.css CHANGED
@@ -8,6 +8,12 @@
8
8
  }[dir=rtl] .container {
9
9
  padding: 0 var(--zd_size10) 0 var(--zd_size52);
10
10
  }
11
+ .default {
12
+ background-color: var(--zdt_lookupheader_default_bg);
13
+ }
14
+ .white {
15
+ background-color: var(--zdt_lookupheader_white_bg);
16
+ }
11
17
  .searchContainer, .title {
12
18
  margin: 0 var(--zd_size20);
13
19
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-temp-51",
3
+ "version": "1.0.0-temp-52",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "jsnext:main": "es/index.js",
package/src/Appearance/dark/mode/dotDarkMode.module.css CHANGED
@@ -296,6 +296,7 @@
296
296
 
297
297
  /* lookup header common */
298
298
  --zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
299
+ --zdt_lookupheader_white_bg: #262f3d;
299
300
  --zdt_lookupheader_default_border: var(--zdt_cta_grey_35_border);
300
301
  --zdt_lookupheader_para_text: #a8b0bd;
301
302
  --zdt_lookupheader_input_border: var(--zd_border_smoke33);
package/src/Appearance/default/mode/dotDefaultMode.module.css CHANGED
@@ -296,6 +296,7 @@
296
296
 
297
297
  /* lookup header common */
298
298
  --zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
299
+ --zdt_lookupheader_white_bg: var(--dot_bg_white);
299
300
  --zdt_lookupheader_default_border: var(--zdt_cta_grey_35_border);
300
301
  --zdt_lookupheader_para_text: var(--dot_text_shuttleGrey);
301
302
  --zdt_lookupheader_input_border: var(--zd_border_smoke33);
package/src/lookup/header/ModuleHeader/ModuleHeader.js CHANGED
@@ -29,13 +29,14 @@ export default class ModuleHeader extends PureComponent {
29
29
  miniDescription,
30
30
  dataId,
31
31
  closeTitle,
32
- onSearchKeyDown
32
+ onSearchKeyDown,
33
+ palette
33
34
  } = this.props;
34
35
  return (
35
36
  <Container
36
37
  align='vertical'
37
38
  alignBox='row'
38
- className={`${commonStyle.container}`}
39
+ className={`${commonStyle.container} ${commonStyle[`${palette}`]}`}
39
40
  isCover={false}
40
41
  wrap='wrap'
41
42
  dataId={dataId}
@@ -87,9 +88,14 @@ ModuleHeader.propTypes = {
87
88
  title: PropTypes.string,
88
89
  dataId: PropTypes.string,
89
90
  closeTitle: PropTypes.string,
90
- onSearchKeyDown: PropTypes.func
91
+ onSearchKeyDown: PropTypes.func,
92
+ palette: PropTypes.oneOf(['default', 'white'])
91
93
  };
92
94
 
95
+ ModuleHeader.defaultProps = {
96
+ palette: 'default'
97
+ }
98
+
93
99
  if (__DOCS__) {
94
100
  ModuleHeader.docs = {
95
101
  componentGroup: 'Lookup'
package/src/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js CHANGED
@@ -22,14 +22,27 @@ export default class ModuleHeader__default extends Component {
22
22
  render() {
23
23
  let { searchStr } = this.state;
24
24
  return (
25
- <ModuleHeader
26
- title='Find Duplicate'
27
- needSearch
28
- searchStr={searchStr}
29
- onSearchChange={this.handleSearch}
30
- searchPlaceHolder='Search'
31
- miniDescription="Select a field to search for duplicate records"
32
- />
25
+ <div>
26
+ <ModuleHeader
27
+ title='Find Duplicate'
28
+ needSearch
29
+ searchStr={searchStr}
30
+ onSearchChange={this.handleSearch}
31
+ searchPlaceHolder='Search'
32
+ miniDescription="Select a field to search for duplicate records"
33
+ onLookupClose={()=>{}}
34
+ />
35
+ <ModuleHeader
36
+ title='Find Duplicate'
37
+ needSearch
38
+ searchStr={searchStr}
39
+ onSearchChange={this.handleSearch}
40
+ searchPlaceHolder='Search'
41
+ miniDescription="Select a field to search for duplicate records"
42
+ onLookupClose={()=>{}}
43
+ palette='white'
44
+ />
45
+ </div>
33
46
  );
34
47
  }
35
48
  }
package/src/lookup/header/TicketHeader/TicketHeader.js CHANGED
@@ -32,14 +32,15 @@ export default class TicketHeader extends Component {
32
32
  needOnTypeSearch,
33
33
  getSearchBoxRef,
34
34
  needViewsList,
35
- i18nKeys
35
+ i18nKeys,
36
+ palette
36
37
  } = this.props;
37
38
  let { menuEmptyMessage = 'No matches found' } = i18nKeys;
38
39
  return (
39
40
  <Container
40
41
  align='vertical'
41
42
  alignBox='row'
42
- className={`${commonStyle.container} ${commonResponsive.container} ${style.container}`}
43
+ className={`${commonStyle.container} ${commonStyle[`${palette}`]} ${commonResponsive.container} ${style.container}`}
43
44
  isCover={false}
44
45
  wrap='wrap'
45
46
  >
@@ -109,11 +110,13 @@ TicketHeader.propTypes = {
109
110
  title: PropTypes.string,
110
111
  i18nKeys: PropTypes.shape({
111
112
  menuEmptyMessage: PropTypes.string
112
- })
113
+ }),
114
+ palette: PropTypes.oneOf(['default', 'white'])
113
115
  };
114
116
 
115
117
  TicketHeader.defaultProps = {
116
- i18nKeys: {}
118
+ i18nKeys: {},
119
+ palette: 'default'
117
120
  };
118
121
 
119
122
  if (__DOCS__) {
package/src/lookup/header/lookupHeaderCommon.module.css CHANGED
@@ -5,6 +5,12 @@
5
5
  background-color: var(--zdt_lookupheader_default_bg);
6
6
  border-bottom: solid 1px var(--zdt_lookupheader_default_border);
7
7
  }
8
+ .default {
9
+ background-color: var(--zdt_lookupheader_default_bg);
10
+ }
11
+ .white {
12
+ background-color: var(--zdt_lookupheader_white_bg);
13
+ }
8
14
  .searchContainer,
9
15
  .title {
10
16
  margin: 0 var(--zd_size20);