@zohodesk/dot 1.8.4 → 1.8.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 (6) hide show
  1. package/README.md +10 -0
  2. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +6 -4
  3. package/es/form/fields/RadioField/RadioField.js +3 -3
  4. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +6 -4
  5. package/lib/form/fields/RadioField/RadioField.js +3 -3
  6. package/package.json +4 -4
package/README.md CHANGED
@@ -2,6 +2,16 @@
2
2
 
3
3
  In this Library, we Provide Some Basic Components to Build Your Application
4
4
 
5
+ # 1.8.6
6
+
7
+ - **ToggleDropdown**
8
+ - `palette` supported for the `options` prop
9
+
10
+ # 1.8.5
11
+
12
+ - **RadioField**
13
+ - Focus using ref not working - Issue fixed
14
+
5
15
  # 1.8.4
6
16
 
7
17
  - **ValidationMessage**
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/RadioField/RadioField.js CHANGED
@@ -15,13 +15,13 @@ import style from "../Fields.module.css";
15
15
  export default class RadioField extends PureComponent {
16
16
  constructor(props) {
17
17
  super(props);
18
+ this.handleChange = this.handleChange.bind(this);
19
+ this.updateData = this.updateData.bind(this);
20
+ this.handleFocus = this.handleFocus.bind(this);
18
21
  this.data = {
19
22
  radios: {},
20
23
  focus: this.handleFocus
21
24
  };
22
- this.handleChange = this.handleChange.bind(this);
23
- this.updateData = this.updateData.bind(this);
24
- this.handleFocus = this.handleFocus.bind(this);
25
25
  }
26
26
 
27
27
  componentDidMount() {
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/RadioField/RadioField.js CHANGED
@@ -70,13 +70,13 @@ var RadioField = /*#__PURE__*/function (_PureComponent) {
70
70
  _classCallCheck(this, RadioField);
71
71
 
72
72
  _this = _super.call(this, props);
73
+ _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
74
+ _this.updateData = _this.updateData.bind(_assertThisInitialized(_this));
75
+ _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_this));
73
76
  _this.data = {
74
77
  radios: {},
75
78
  focus: _this.handleFocus
76
79
  };
77
- _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
78
- _this.updateData = _this.updateData.bind(_assertThisInitialized(_this));
79
- _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_this));
80
80
  return _this;
81
81
  }
82
82
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.8.4",
3
+ "version": "1.8.6",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -73,7 +73,7 @@
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.6",
76
+ "@zohodesk/components": "1.5.8",
77
77
  "@zohodesk/hooks": "2.0.6",
78
78
  "@zohodesk/icons": "1.1.6",
79
79
  "@zohodesk/layout": "^3.1.0",
@@ -83,13 +83,13 @@
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.5",
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.6",
92
+ "@zohodesk/components": "1.5.8",
93
93
  "@zohodesk/icons": "1.1.6",
94
94
  "@zohodesk/svg": "1.2.6",
95
95
  "@zohodesk/virtualizer": "1.0.13",