@zohodesk/dot 1.0.0-temp-223.5 → 1.0.0-temp-223.6

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 (10) hide show
  1. package/README.md +6 -1
  2. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +6 -4
  3. package/es/form/fields/TextEditor/TextEditor.js +2 -2
  4. package/es/form/fields/TextEditor/props/defaultProps.js +1 -1
  5. package/es/form/fields/TextEditor/props/propTypes.js +1 -1
  6. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +6 -4
  7. package/lib/form/fields/TextEditor/TextEditor.js +3 -3
  8. package/lib/form/fields/TextEditor/props/defaultProps.js +1 -1
  9. package/lib/form/fields/TextEditor/props/propTypes.js +1 -1
  10. package/package.json +1 -1
package/README.md CHANGED
@@ -6,7 +6,12 @@ In this Library, we Provide Some Basic Components to Build Your Application
6
6
 
7
7
  - Updated @zohodesk-private/color-variable-preprocessor package - Grayscale introduced
8
8
  - **TextEditor**
9
- - customClass prop introduced
9
+ - customClass prop added
10
+
11
+ # 1.8.6
12
+
13
+ - **ToggleDropdown**
14
+ - `palette` supported for the `options` prop
10
15
 
11
16
  # 1.8.5
12
17
 
package/es/dropdown/ToggleDropDown/ToggleDropDown.js CHANGED
@@ -733,6 +733,7 @@ export class ToggleDropDown extends Component {
733
733
  iconSize,
734
734
  iconClass,
735
735
  title,
736
+ palette: _palette,
736
737
  disableTitle = '',
737
738
  isDisabled = false,
738
739
  secondaryValue
@@ -757,7 +758,7 @@ export class ToggleDropDown extends Component {
757
758
  ,
758
759
  getRef: this.itemRef,
759
760
  title: title ? title : item[keyName],
760
- palette: palette,
761
+ palette: _palette || palette,
761
762
  needMultiLineText: needMultiLineText,
762
763
  autoHover: true,
763
764
  a11y: {
@@ -783,7 +784,7 @@ export class ToggleDropDown extends Component {
783
784
  ,
784
785
  getRef: this.itemRef,
785
786
  title: title ? title : item[keyName],
786
- palette: palette,
787
+ palette: _palette || palette,
787
788
  needMultiLineText: needMultiLineText,
788
789
  autoHover: true,
789
790
  a11y: {
@@ -804,6 +805,7 @@ export class ToggleDropDown extends Component {
804
805
  iconSize,
805
806
  iconClass,
806
807
  title,
808
+ palette: _palette,
807
809
  needDivider,
808
810
  isDisabled = false,
809
811
  disableTitle = '',
@@ -837,7 +839,7 @@ export class ToggleDropDown extends Component {
837
839
  getRef: this.itemRef,
838
840
  title: title ? title : item[keyName],
839
841
  key: listIndex,
840
- palette: palette,
842
+ palette: _palette || palette,
841
843
  needMultiLineText: needMultiLineText,
842
844
  autoHover: true,
843
845
  a11y: {
@@ -863,7 +865,7 @@ export class ToggleDropDown extends Component {
863
865
  ,
864
866
  getRef: this.itemRef,
865
867
  title: title ? title : item[keyName],
866
- palette: palette,
868
+ palette: _palette || palette,
867
869
  needMultiLineText: needMultiLineText,
868
870
  autoHover: true,
869
871
  a11y: {
package/es/form/fields/TextEditor/TextEditor.js CHANGED
@@ -388,7 +388,7 @@ export default class TextEditor extends Component {
388
388
  customClass
389
389
  } = this.props;
390
390
  const {
391
- containerClass = ''
391
+ wrapper: wrapperClass = ''
392
392
  } = customClass;
393
393
  let {
394
394
  isEditorLoad,
@@ -397,7 +397,7 @@ export default class TextEditor extends Component {
397
397
  let editorDoc = ImgLazyLoad && global.editor && global.editor[id] ? global.editor[id].doc : null;
398
398
  return /*#__PURE__*/React.createElement(Container, {
399
399
  className: `${styles.textEditor} ${styles[type]} ${styles[border]}
400
- ${isNightMode ? styles.night : styles.light} ${isReadOnly ? styles.readOnly : ''} ${isDisabled ? styles.disable : ''} ${!isEditorShow ? styles.editorHide : ''} ${containerClass}`,
400
+ ${isNightMode ? styles.night : styles.light} ${isReadOnly ? styles.readOnly : ''} ${isDisabled ? styles.disable : ''} ${!isEditorShow ? styles.editorHide : ''} ${wrapperClass}`,
401
401
  dataId: dataId,
402
402
  "data-isEditor": true,
403
403
  dataSelectorId: dataSelectorId
package/es/form/fields/TextEditor/props/defaultProps.js CHANGED
@@ -13,5 +13,5 @@ export const defaultProps = {
13
13
  customCSS: '',
14
14
  isDisabled: false,
15
15
  inlineImageProps: {},
16
- customClass: ''
16
+ customClass: {}
17
17
  };
package/es/form/fields/TextEditor/props/propTypes.js CHANGED
@@ -50,5 +50,5 @@ export const propTypes = {
50
50
  fileNameMaxCharacters: PropTypes.number,
51
51
  fileSizeMaxBytes: PropTypes.number
52
52
  }),
53
- customClass: PropTypes.string
53
+ customClass: PropTypes.object
54
54
  };
package/lib/dropdown/ToggleDropDown/ToggleDropDown.js CHANGED
@@ -797,6 +797,7 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
797
797
  iconSize = item.iconSize,
798
798
  iconClass = item.iconClass,
799
799
  title = item.title,
800
+ _palette = item.palette,
800
801
  _item$disableTitle = item.disableTitle,
801
802
  disableTitle = _item$disableTitle === void 0 ? '' : _item$disableTitle,
802
803
  _item$isDisabled = item.isDisabled,
@@ -822,7 +823,7 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
822
823
  ,
823
824
  getRef: _this5.itemRef,
824
825
  title: title ? title : item[keyName],
825
- palette: palette,
826
+ palette: _palette || palette,
826
827
  needMultiLineText: needMultiLineText,
827
828
  autoHover: true,
828
829
  a11y: {
@@ -847,7 +848,7 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
847
848
  ,
848
849
  getRef: _this5.itemRef,
849
850
  title: title ? title : item[keyName],
850
- palette: palette,
851
+ palette: _palette || palette,
851
852
  needMultiLineText: needMultiLineText,
852
853
  autoHover: true,
853
854
  a11y: {
@@ -866,6 +867,7 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
866
867
  iconSize = item.iconSize,
867
868
  iconClass = item.iconClass,
868
869
  title = item.title,
870
+ _palette = item.palette,
869
871
  needDivider = item.needDivider,
870
872
  _item$isDisabled2 = item.isDisabled,
871
873
  isDisabled = _item$isDisabled2 === void 0 ? false : _item$isDisabled2,
@@ -900,7 +902,7 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
900
902
  getRef: _this5.itemRef,
901
903
  title: title ? title : item[keyName],
902
904
  key: listIndex,
903
- palette: palette,
905
+ palette: _palette || palette,
904
906
  needMultiLineText: needMultiLineText,
905
907
  autoHover: true,
906
908
  a11y: {
@@ -925,7 +927,7 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
925
927
  ,
926
928
  getRef: _this5.itemRef,
927
929
  title: title ? title : item[keyName],
928
- palette: palette,
930
+ palette: _palette || palette,
929
931
  needMultiLineText: needMultiLineText,
930
932
  autoHover: true,
931
933
  a11y: {
package/lib/form/fields/TextEditor/TextEditor.js CHANGED
@@ -429,14 +429,14 @@ var TextEditor = /*#__PURE__*/function (_Component) {
429
429
  dataSelectorId = _this$props9.dataSelectorId,
430
430
  isDisabled = _this$props9.isDisabled,
431
431
  customClass = _this$props9.customClass;
432
- var _customClass$containe = customClass.containerClass,
433
- containerClass = _customClass$containe === void 0 ? '' : _customClass$containe;
432
+ var _customClass$wrapper = customClass.wrapper,
433
+ wrapperClass = _customClass$wrapper === void 0 ? '' : _customClass$wrapper;
434
434
  var _this$state = this.state,
435
435
  isEditorLoad = _this$state.isEditorLoad,
436
436
  isEditorShow = _this$state.isEditorShow;
437
437
  var editorDoc = ImgLazyLoad && global.editor && global.editor[id] ? global.editor[id].doc : null;
438
438
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
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(containerClass),
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),
440
440
  dataId: dataId,
441
441
  "data-isEditor": true,
442
442
  dataSelectorId: dataSelectorId
package/lib/form/fields/TextEditor/props/defaultProps.js CHANGED
@@ -19,6 +19,6 @@ var defaultProps = {
19
19
  customCSS: '',
20
20
  isDisabled: false,
21
21
  inlineImageProps: {},
22
- customClass: ''
22
+ customClass: {}
23
23
  };
24
24
  exports.defaultProps = defaultProps;
package/lib/form/fields/TextEditor/props/propTypes.js CHANGED
@@ -60,6 +60,6 @@ var propTypes = {
60
60
  fileNameMaxCharacters: _propTypes["default"].number,
61
61
  fileSizeMaxBytes: _propTypes["default"].number
62
62
  }),
63
- customClass: _propTypes["default"].string
63
+ customClass: _propTypes["default"].object
64
64
  };
65
65
  exports.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-temp-223.5",
3
+ "version": "1.0.0-temp-223.6",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "private": false,