@zohodesk/dot 1.8.5 → 1.9.0

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 (50) hide show
  1. package/README.md +12 -0
  2. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +315 -315
  3. package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +15 -15
  4. package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +15 -15
  5. package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +15 -15
  6. package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +15 -15
  7. package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +15 -15
  8. package/assets/Appearance/light/mode/Dot_LightMode.module.css +307 -307
  9. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +15 -15
  10. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +15 -15
  11. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +15 -15
  12. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +15 -15
  13. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +15 -15
  14. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +317 -317
  15. package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +15 -15
  16. package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +15 -15
  17. package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +15 -15
  18. package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +15 -15
  19. package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +15 -15
  20. package/es/common/dot_boxShadow.module.css +1 -2
  21. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +6 -4
  22. package/es/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap +1 -1
  23. package/es/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +1 -1
  24. package/es/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap +1 -1
  25. package/es/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +1 -1
  26. package/es/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap +1 -1
  27. package/es/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap +1 -1
  28. package/es/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap +1 -1
  29. package/es/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap +1 -1
  30. package/es/form/fields/TextEditor/TextEditor.js +6 -2
  31. package/es/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap +1 -1
  32. package/es/form/fields/TextEditor/props/defaultProps.js +2 -1
  33. package/es/form/fields/TextEditor/props/propTypes.js +2 -1
  34. package/es/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +6 -6
  35. package/lib/common/dot_boxShadow.module.css +1 -2
  36. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +6 -4
  37. package/lib/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap +1 -1
  38. package/lib/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +1 -1
  39. package/lib/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap +1 -1
  40. package/lib/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +1 -1
  41. package/lib/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap +1 -1
  42. package/lib/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap +1 -1
  43. package/lib/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap +1 -1
  44. package/lib/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap +1 -1
  45. package/lib/form/fields/TextEditor/TextEditor.js +5 -2
  46. package/lib/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap +1 -1
  47. package/lib/form/fields/TextEditor/props/defaultProps.js +2 -1
  48. package/lib/form/fields/TextEditor/props/propTypes.js +2 -1
  49. package/lib/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +6 -6
  50. package/package.json +7 -7
package/lib/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap CHANGED
@@ -10,7 +10,7 @@ exports[`TextBoxField rendering the defult props 1`] = `
10
10
  class="fieldContainer "
11
11
  >
12
12
  <div
13
- class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
13
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
14
14
  data-selector-id="textBoxIcon"
15
15
  >
16
16
  <div
package/lib/form/fields/TextEditor/TextEditor.js CHANGED
@@ -427,13 +427,16 @@ var TextEditor = /*#__PURE__*/function (_Component) {
427
427
  isNightMode = _this$props9.isNightMode,
428
428
  isReadOnly = _this$props9.isReadOnly,
429
429
  dataSelectorId = _this$props9.dataSelectorId,
430
- isDisabled = _this$props9.isDisabled;
430
+ isDisabled = _this$props9.isDisabled,
431
+ customClass = _this$props9.customClass;
432
+ var _customClass$wrapper = customClass.wrapper,
433
+ wrapperClass = _customClass$wrapper === void 0 ? '' : _customClass$wrapper;
431
434
  var _this$state = this.state,
432
435
  isEditorLoad = _this$state.isEditorLoad,
433
436
  isEditorShow = _this$state.isEditorShow;
434
437
  var editorDoc = ImgLazyLoad && global.editor && global.editor[id] ? global.editor[id].doc : null;
435
438
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
436
- className: "".concat(_TextEditorModule["default"].textEditor, " ").concat(_TextEditorModule["default"][type], " ").concat(_TextEditorModule["default"][border], "\n ").concat(isNightMode ? _TextEditorModule["default"].night : _TextEditorModule["default"].light, " ").concat(isReadOnly ? _TextEditorModule["default"].readOnly : '', " ").concat(isDisabled ? _TextEditorModule["default"].disable : '', " ").concat(!isEditorShow ? _TextEditorModule["default"].editorHide : ''),
439
+ className: "".concat(_TextEditorModule["default"].textEditor, " ").concat(_TextEditorModule["default"][type], " ").concat(_TextEditorModule["default"][border], "\n ").concat(isNightMode ? _TextEditorModule["default"].night : _TextEditorModule["default"].light, " ").concat(isReadOnly ? _TextEditorModule["default"].readOnly : '', " ").concat(isDisabled ? _TextEditorModule["default"].disable : '', " ").concat(!isEditorShow ? _TextEditorModule["default"].editorHide : '', " ").concat(wrapperClass),
437
440
  dataId: dataId,
438
441
  "data-isEditor": true,
439
442
  dataSelectorId: dataSelectorId
package/lib/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap CHANGED
@@ -4,7 +4,7 @@ exports[`TextEditor rendering the defult props 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
6
  class="textEditor large borderTop
7
- light editorHide flex cover coldir"
7
+ light editorHide flex cover coldir"
8
8
  data-id="containerComponent"
9
9
  data-iseditor="true"
10
10
  data-selector-id="textEditor"
package/lib/form/fields/TextEditor/props/defaultProps.js CHANGED
@@ -18,6 +18,7 @@ var defaultProps = {
18
18
  dataSelectorId: 'textEditor',
19
19
  customCSS: '',
20
20
  isDisabled: false,
21
- inlineImageProps: {}
21
+ inlineImageProps: {},
22
+ customClass: {}
22
23
  };
23
24
  exports.defaultProps = defaultProps;
package/lib/form/fields/TextEditor/props/propTypes.js CHANGED
@@ -59,6 +59,7 @@ var propTypes = {
59
59
  allowedFileExtensions: _propTypes["default"].array,
60
60
  fileNameMaxCharacters: _propTypes["default"].number,
61
61
  fileSizeMaxBytes: _propTypes["default"].number
62
- })
62
+ }),
63
+ customClass: _propTypes["default"].object
63
64
  };
64
65
  exports.propTypes = propTypes;
package/lib/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap CHANGED
@@ -18,7 +18,7 @@ exports[`Search rendering the customized style search 1`] = `
18
18
  data-test-id="boxComponent"
19
19
  >
20
20
  <div
21
- class="varClass customContainer effect container flex rowdir"
21
+ class="varClass customContainer effect container flex rowdir"
22
22
  data-selector-id="textBoxIcon"
23
23
  >
24
24
  <div
@@ -75,7 +75,7 @@ exports[`Search rendering the defult props 1`] = `
75
75
  data-test-id="boxComponent"
76
76
  >
77
77
  <div
78
- class="varClass customContainer effect container flex rowdir"
78
+ class="varClass customContainer effect container flex rowdir"
79
79
  data-selector-id="textBoxIcon"
80
80
  >
81
81
  <div
@@ -132,7 +132,7 @@ exports[`Search rendering the prop hasSeparator is false 1`] = `
132
132
  data-test-id="boxComponent"
133
133
  >
134
134
  <div
135
- class="varClass customContainer effect container flex rowdir"
135
+ class="varClass customContainer effect container flex rowdir"
136
136
  data-selector-id="textBoxIcon"
137
137
  >
138
138
  <div
@@ -192,7 +192,7 @@ exports[`Search rendering the prop hasSeparator is true 1`] = `
192
192
  data-test-id="boxComponent"
193
193
  >
194
194
  <div
195
- class="varClass customContainer effect container flex rowdir"
195
+ class="varClass customContainer effect container flex rowdir"
196
196
  data-selector-id="textBoxIcon"
197
197
  >
198
198
  <div
@@ -262,7 +262,7 @@ exports[`Search rendering the renderChildren props via function 1`] = `
262
262
  data-test-id="boxComponent"
263
263
  >
264
264
  <div
265
- class="varClass customContainer effect container flex rowdir"
265
+ class="varClass customContainer effect container flex rowdir"
266
266
  data-selector-id="textBoxIcon"
267
267
  >
268
268
  <div
@@ -321,7 +321,7 @@ exports[`Search rendering the search active 1`] = `
321
321
  data-test-id="boxComponent"
322
322
  >
323
323
  <div
324
- class="varClass customContainer effect active container flex rowdir"
324
+ class="varClass customContainer effect active container flex rowdir"
325
325
  data-selector-id="textBoxIcon"
326
326
  >
327
327
  <div
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.8.5",
3
+ "version": "1.9.0",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -68,30 +68,30 @@
68
68
  "@testing-library/react": "^11.2.5",
69
69
  "@testing-library/react-hooks": "^7.0.2",
70
70
  "@testing-library/user-event": "^13.0.10",
71
- "@zohodesk-private/color-variable-preprocessor": "1.2.0",
71
+ "@zohodesk-private/color-variable-preprocessor": "1.3.0",
72
72
  "@zohodesk-private/css-variable-migrator": "1.0.9",
73
73
  "@zohodesk-private/node-plugins": "1.1.13",
74
74
  "@zohodesk-private/react-prop-validator": "1.2.3",
75
75
  "@zohodesk/a11y": "2.3.8",
76
- "@zohodesk/components": "1.5.7",
76
+ "@zohodesk/components": "1.6.0",
77
77
  "@zohodesk/hooks": "2.0.6",
78
78
  "@zohodesk/icons": "1.1.6",
79
79
  "@zohodesk/layout": "^3.1.0",
80
- "@zohodesk/svg": "1.2.6",
80
+ "@zohodesk/svg": "1.3.0",
81
81
  "@zohodesk/utils": "1.3.16",
82
82
  "@zohodesk/variables": "1.2.0",
83
83
  "@zohodesk/virtualizer": "1.0.13",
84
84
  "react-sortable-hoc": "^0.8.3",
85
85
  "velocity-react": "1.4.3",
86
- "@zohodesk/dotkit": "1.0.6",
86
+ "@zohodesk/dotkit": "1.0.7",
87
87
  "@zohodesk/react-cli": "1.1.27"
88
88
  },
89
89
  "peerDependencies": {
90
90
  "velocity-react": "1.4.3",
91
91
  "@zohodesk/variables": "1.2.0",
92
- "@zohodesk/components": "1.5.7",
92
+ "@zohodesk/components": "1.6.0",
93
93
  "@zohodesk/icons": "1.1.6",
94
- "@zohodesk/svg": "1.2.6",
94
+ "@zohodesk/svg": "1.3.0",
95
95
  "@zohodesk/virtualizer": "1.0.13",
96
96
  "react-sortable-hoc": "^0.8.3",
97
97
  "@zohodesk/hooks": "2.0.6",