@zohodesk/dot 1.0.0-beta.183 → 1.0.0-beta.184

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 (8) hide show
  1. package/README.md +4 -0
  2. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +10 -5
  3. package/es/list/Icons/Icons.module.css +2 -1
  4. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +10 -5
  5. package/lib/list/Icons/Icons.module.css +2 -1
  6. package/package.json +1 -1
  7. package/src/form/fields/TagsMultiSelect/TagsMultiSelect.js +6 -2
  8. package/src/list/Icons/Icons.module.css +3 -2
package/README.md CHANGED
@@ -2,6 +2,10 @@
2
2
 
3
3
  In this Library we Provide Some Basic Components to Build Your Application
4
4
 
5
+ # 1.0.0-beta.184
6
+
7
+ - TagsMultiSelect => dataId Changes
8
+ - list/Icons => width added tto avoid jurk
5
9
  # 1.0.0-beta.183
6
10
 
7
11
  - Lookup,AlertLookup,AlertLookup2 => eventListeners Removed on UnMount
package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js CHANGED
@@ -190,7 +190,8 @@ export default class TagsMultiSelect extends React.Component {
190
190
  isPadding: false,
191
191
  customClass: {
192
192
  customDropBoxWrap: style.dropdown
193
- }
193
+ },
194
+ dataId: `${dataId}_dropbox`
194
195
  }, isTagListLoading ? /*#__PURE__*/React.createElement(Container, {
195
196
  align: "both",
196
197
  className: style.viewpopNew
@@ -216,7 +217,8 @@ export default class TagsMultiSelect extends React.Component {
216
217
  needTick: true,
217
218
  highlight: selectSearchIndex === index,
218
219
  getRef: this.getSelectedItemRef,
219
- isDisabled: listDisabled
220
+ isDisabled: listDisabled,
221
+ dataId: dataId
220
222
  }, isNew ? /*#__PURE__*/React.createElement(Container, {
221
223
  alignBox: "row",
222
224
  align: "vertical"
@@ -225,10 +227,12 @@ export default class TagsMultiSelect extends React.Component {
225
227
  }, i18nKeys.newTagText, ":"), /*#__PURE__*/React.createElement(Box, {
226
228
  shrink: true,
227
229
  "data-title": name,
228
- className: `${style.dotted} ${style.newTagText} `
230
+ className: `${style.dotted} ${style.newTagText} `,
231
+ dataId: `${dataId}_new_tag_text`
229
232
  }, name)) : null));
230
233
  })) : /*#__PURE__*/React.createElement(Box, {
231
- flexible: true
234
+ flexible: true,
235
+ dataId: `${dataId}_empty`
232
236
  }, /*#__PURE__*/React.createElement(Container, {
233
237
  className: style.searchEmpty
234
238
  }, /*#__PURE__*/React.createElement(CommonEmptyState, {
@@ -282,7 +286,8 @@ TagsMultiSelect.defaultProps = {
282
286
  i18nKeys: {},
283
287
  chipNeedToShow: '5',
284
288
  borderColor: 'default',
285
- needBorder: true
289
+ needBorder: true,
290
+ dataId: ''
286
291
  };
287
292
 
288
293
  if (false) {
package/es/list/Icons/Icons.module.css CHANGED
@@ -4,7 +4,8 @@
4
4
  }
5
5
  .iconStyle {
6
6
  color: var(--zdt_icons_default);
7
- padding: 0 var(--zd_size9);
7
+ width: var(--zd_size33);
8
+ padding: 0 var(--zd_size8);
8
9
  cursor: pointer;
9
10
  }
10
11
  .blueHover:hover {
package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js CHANGED
@@ -244,7 +244,8 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
244
244
  isPadding: false,
245
245
  customClass: {
246
246
  customDropBoxWrap: _TagsMultiSelectModule["default"].dropdown
247
- }
247
+ },
248
+ dataId: "".concat(dataId, "_dropbox")
248
249
  }, isTagListLoading ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
249
250
  align: "both",
250
251
  className: _TagsMultiSelectModule["default"].viewpopNew
@@ -268,7 +269,8 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
268
269
  needTick: true,
269
270
  highlight: selectSearchIndex === index,
270
271
  getRef: _this3.getSelectedItemRef,
271
- isDisabled: listDisabled
272
+ isDisabled: listDisabled,
273
+ dataId: dataId
272
274
  }, isNew ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
273
275
  alignBox: "row",
274
276
  align: "vertical"
@@ -277,10 +279,12 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
277
279
  }, i18nKeys.newTagText, ":"), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
278
280
  shrink: true,
279
281
  "data-title": name,
280
- className: "".concat(_TagsMultiSelectModule["default"].dotted, " ").concat(_TagsMultiSelectModule["default"].newTagText, " ")
282
+ className: "".concat(_TagsMultiSelectModule["default"].dotted, " ").concat(_TagsMultiSelectModule["default"].newTagText, " "),
283
+ dataId: "".concat(dataId, "_new_tag_text")
281
284
  }, name)) : null));
282
285
  })) : /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
283
- flexible: true
286
+ flexible: true,
287
+ dataId: "".concat(dataId, "_empty")
284
288
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
285
289
  className: _TagsMultiSelectModule["default"].searchEmpty
286
290
  }, /*#__PURE__*/_react["default"].createElement(_CommonEmptyState["default"], {
@@ -338,7 +342,8 @@ TagsMultiSelect.defaultProps = {
338
342
  i18nKeys: {},
339
343
  chipNeedToShow: '5',
340
344
  borderColor: 'default',
341
- needBorder: true
345
+ needBorder: true,
346
+ dataId: ''
342
347
  };
343
348
 
344
349
  if (false) {
package/lib/list/Icons/Icons.module.css CHANGED
@@ -4,7 +4,8 @@
4
4
  }
5
5
  .iconStyle {
6
6
  color: var(--zdt_icons_default);
7
- padding: 0 var(--zd_size9);
7
+ width: var(--zd_size33);
8
+ padding: 0 var(--zd_size8);
8
9
  cursor: pointer;
9
10
  }
10
11
  .blueHover:hover {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-beta.183",
3
+ "version": "1.0.0-beta.184",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "jsnext:main": "es/index.js",
package/src/form/fields/TagsMultiSelect/TagsMultiSelect.js CHANGED
@@ -203,6 +203,7 @@ export default class TagsMultiSelect extends React.Component {
203
203
  customClass={{
204
204
  customDropBoxWrap: style.dropdown
205
205
  }}
206
+ dataId={`${dataId}_dropbox`}
206
207
  >
207
208
  {isTagListLoading ? (
208
209
  <Container align='both' className={style.viewpopNew}>
@@ -236,6 +237,7 @@ export default class TagsMultiSelect extends React.Component {
236
237
  highlight={selectSearchIndex === index}
237
238
  getRef={this.getSelectedItemRef}
238
239
  isDisabled={listDisabled}
240
+ dataId={dataId}
239
241
  >
240
242
  {isNew ? (
241
243
  <Container alignBox='row' align='vertical'>
@@ -246,6 +248,7 @@ export default class TagsMultiSelect extends React.Component {
246
248
  shrink
247
249
  data-title={name}
248
250
  className={`${style.dotted} ${style.newTagText} `}
251
+ dataId={`${dataId}_new_tag_text`}
249
252
  >
250
253
  {name}
251
254
  </Box>
@@ -257,7 +260,7 @@ export default class TagsMultiSelect extends React.Component {
257
260
  })}
258
261
  </Box>
259
262
  ) : (
260
- <Box flexible>
263
+ <Box flexible dataId={`${dataId}_empty`}>
261
264
  <Container className={style.searchEmpty}>
262
265
  <CommonEmptyState
263
266
  title={i18nKeys.emptyTitleText}
@@ -320,7 +323,8 @@ TagsMultiSelect.defaultProps = {
320
323
  i18nKeys: {},
321
324
  chipNeedToShow: '5',
322
325
  borderColor: 'default',
323
- needBorder: true
326
+ needBorder: true,
327
+ dataId:''
324
328
  };
325
329
 
326
330
  if (__DOCS__) {
package/src/list/Icons/Icons.module.css CHANGED
@@ -3,9 +3,10 @@
3
3
  composes: inlineFlex from '../listCommon.module.css';
4
4
  }
5
5
  .iconStyle {
6
- padding: 0 var(--zd_size9);
7
- cursor: pointer;
8
6
  color: var(--zdt_icons_default);
7
+ padding: 0 var(--zd_size8);
8
+ width: var(--zd_size33);
9
+ cursor: pointer;
9
10
  }
10
11
  .blueHover:hover {
11
12
  color: var(--zdt_icons_hover_blue);