@zohodesk/components 1.2.37 → 1.2.38

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 (64) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +14 -0
  3. package/es/CheckBox/CheckBox.js +3 -2
  4. package/es/CheckBox/props/propTypes.js +2 -1
  5. package/es/DateTime/DateWidget.js +8 -3
  6. package/es/DateTime/DateWidget.module.css +1 -0
  7. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +3 -3
  8. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +1 -1
  9. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +3 -3
  10. package/es/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  11. package/es/DropBox/DropBoxPositionMapping.js +142 -0
  12. package/es/MultiSelect/MultiSelect.js +11 -3
  13. package/es/MultiSelect/MultiSelect.module.css +4 -0
  14. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +1 -1
  15. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +1 -1
  16. package/es/MultiSelect/props/defaultProps.js +2 -1
  17. package/es/MultiSelect/props/propTypes.js +4 -1
  18. package/es/Popup/Popup.js +1 -1
  19. package/es/Popup/PositionMapping.js +72 -0
  20. package/es/Select/Select.js +13 -8
  21. package/es/Select/Select.module.css +3 -0
  22. package/es/Select/SelectWithIcon.js +24 -4
  23. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +1 -1
  24. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +1 -1
  25. package/es/Select/props/defaultProps.js +2 -1
  26. package/es/Select/props/propTypes.js +6 -1
  27. package/es/TextBoxIcon/TextBoxIcon.js +3 -2
  28. package/es/TextBoxIcon/props/propTypes.js +2 -1
  29. package/es/v1/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  30. package/es/v1/Popup/Popup.js +1 -1
  31. package/lib/CheckBox/CheckBox.js +3 -2
  32. package/lib/CheckBox/props/propTypes.js +2 -1
  33. package/lib/DateTime/DateWidget.js +11 -4
  34. package/lib/DateTime/DateWidget.module.css +1 -0
  35. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +3 -3
  36. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +1 -1
  37. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +3 -3
  38. package/lib/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  39. package/lib/DropBox/DropBoxPositionMapping.js +149 -0
  40. package/lib/MultiSelect/MultiSelect.js +12 -4
  41. package/lib/MultiSelect/MultiSelect.module.css +4 -0
  42. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +1 -1
  43. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +1 -1
  44. package/lib/MultiSelect/props/defaultProps.js +2 -1
  45. package/lib/MultiSelect/props/propTypes.js +4 -1
  46. package/lib/Popup/Popup.js +1 -1
  47. package/lib/Popup/PositionMapping.js +81 -0
  48. package/lib/Select/Select.js +14 -9
  49. package/lib/Select/Select.module.css +3 -0
  50. package/lib/Select/SelectWithIcon.js +33 -6
  51. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +1 -1
  52. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +1 -1
  53. package/lib/Select/props/defaultProps.js +1 -1
  54. package/lib/Select/props/propTypes.js +6 -1
  55. package/lib/TextBoxIcon/TextBoxIcon.js +3 -2
  56. package/lib/TextBoxIcon/props/propTypes.js +2 -1
  57. package/lib/v1/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  58. package/lib/v1/Popup/Popup.js +1 -1
  59. package/package.json +1 -1
  60. package/result.json +1 -1
  61. package/es/DropBox/DropBoxPositionMapping.json +0 -145
  62. package/es/Popup/PositionMapping.json +0 -74
  63. package/lib/DropBox/DropBoxPositionMapping.json +0 -145
  64. package/lib/Popup/PositionMapping.json +0 -74
@@ -1,145 +0,0 @@
1
- {
2
- "positionMapping": {
3
- "bottomCenter": {
4
- "direction": "bottom",
5
- "arrowPosition": "mid",
6
- "positionStyle": "bottomMid"
7
- },
8
- "bottomLeftToRight": {
9
- "direction": "bottom",
10
- "arrowPosition": "start",
11
- "positionStyle": "bottomEnd"
12
- },
13
- "bottomCenterToRight": {
14
- "direction": "bottom",
15
- "arrowPosition": "start",
16
- "positionStyle": "bottomEnd"
17
- },
18
- "bottomRightToLeft": {
19
- "direction": "bottom",
20
- "arrowPosition": "end",
21
- "positionStyle": "bottomStart"
22
- },
23
- "bottomCenterToLeft": {
24
- "direction": "bottom",
25
- "arrowPosition": "end",
26
- "positionStyle": "bottomStart"
27
- },
28
- "topCenter": {
29
- "direction": "top",
30
- "arrowPosition": "mid",
31
- "positionStyle": "topMid"
32
- },
33
- "topLeftToRight": {
34
- "direction": "top",
35
- "arrowPosition": "start",
36
- "positionStyle": "topEnd"
37
- },
38
- "topCenterToRight": {
39
- "direction": "top",
40
- "arrowPosition": "start",
41
- "positionStyle": "topEnd"
42
- },
43
- "topRightToLeft": {
44
- "direction": "top",
45
- "arrowPosition": "end",
46
- "positionStyle": "topStart"
47
- },
48
- "topCenterToLeft": {
49
- "direction": "top",
50
- "arrowPosition": "end",
51
- "positionStyle": "topStart"
52
- },
53
- "rightCenter": {
54
- "direction": "right",
55
- "arrowPosition": "mid",
56
- "positionStyle": "rightMid"
57
- },
58
- "rightTopToBottom": {
59
- "direction": "right",
60
- "arrowPosition": "start",
61
- "positionStyle": "rightEnd"
62
- },
63
- "rightCenterToBottom": {
64
- "direction": "right",
65
- "arrowPosition": "start",
66
- "positionStyle": "rightEnd"
67
- },
68
- "rightBottomToTop": {
69
- "direction": "right",
70
- "arrowPosition": "end",
71
- "positionStyle": "rightStart"
72
- },
73
- "rightCenterToTop": {
74
- "direction": "right",
75
- "arrowPosition": "end",
76
- "positionStyle": "rightStart"
77
- },
78
- "leftCenter": {
79
- "direction": "left",
80
- "arrowPosition": "mid",
81
- "positionStyle": "leftMid"
82
- },
83
- "leftTopToBottom": {
84
- "direction": "left",
85
- "arrowPosition": "start",
86
- "positionStyle": "leftEnd"
87
- },
88
- "leftCenterToBottom": {
89
- "direction": "left",
90
- "arrowPosition": "start",
91
- "positionStyle": "leftEnd"
92
- },
93
- "leftBottomToTop": {
94
- "direction": "left",
95
- "arrowPosition": "end",
96
- "positionStyle": "leftStart"
97
- },
98
- "leftCenterToTop": {
99
- "direction": "left",
100
- "arrowPosition": "end",
101
- "positionStyle": "leftStart"
102
- },
103
- "bottomRight": {
104
- "direction": "bottom",
105
- "arrowPosition": "start",
106
- "positionStyle": "bottomEnd"
107
- },
108
- "bottomLeft": {
109
- "direction": "bottom",
110
- "arrowPosition": "end",
111
- "positionStyle": "bottomStart"
112
- },
113
- "topRight": {
114
- "direction": "top",
115
- "arrowPosition": "start",
116
- "positionStyle": "topEnd"
117
- },
118
- "topLeft": {
119
- "direction": "top",
120
- "arrowPosition": "end",
121
- "positionStyle": "topStart"
122
- },
123
- "rightBottom": {
124
- "direction": "right",
125
- "arrowPosition": "start",
126
- "positionStyle": "rightEnd"
127
- },
128
- "rightTop": {
129
- "direction": "right",
130
- "arrowPosition": "end",
131
- "positionStyle": "rightStart"
132
- },
133
- "leftBottom": {
134
- "direction": "left",
135
- "arrowPosition": "start",
136
- "positionStyle": "leftEnd"
137
- },
138
- "leftTop": {
139
- "direction": "left",
140
- "arrowPosition": "end",
141
- "positionStyle": "leftStart"
142
- }
143
- }
144
- }
145
-
@@ -1,74 +0,0 @@
1
- {
2
- "absolutePositionMapping" : {
3
- "bottomCenter": "bottomCenter",
4
- "bottomRight": "bottomLeftToRight",
5
- "bottomLeft": "bottomRightToLeft",
6
- "topCenter": "topCenter",
7
- "topRight": "topLeftToRight",
8
- "topLeft": "topRightToLeft",
9
- "rightCenter": "rightCenter",
10
- "rightBottom": "rightTopToBottom",
11
- "rightTop": "rightBottomToTop",
12
- "leftCenter": "leftCenter",
13
- "leftBottom": "leftTopToBottom",
14
- "leftTop": "leftBottomToTop",
15
- "bottomLeftToRight": "bottomLeftToRight",
16
- "bottomRightToLeft": "bottomRightToLeft",
17
- "topLeftToRight": "topLeftToRight",
18
- "topRightToLeft": "topRightToLeft",
19
- "rightTopToBottom": "rightTopToBottom",
20
- "rightBottomToTop": "rightBottomToTop",
21
- "leftTopToBottom": "leftTopToBottom"
22
- },
23
- "rtlAbsolutePositionMapping" : {
24
- "bottomCenter": "bottomCenter",
25
- "bottomRight": "bottomRightToLeft",
26
- "bottomLeft": "bottomLeftToRight",
27
- "topCenter": "topCenter",
28
- "topRight": "topRightToLeft",
29
- "topLeft": "topLeftToRight",
30
- "rightCenter": "leftCenter",
31
- "rightBottom": "leftTopToBottom",
32
- "rightTop": "leftBottomToTop",
33
- "leftCenter": "rightCenter",
34
- "leftBottom": "rightTopToBottom",
35
- "leftTop": "rightBottomToTop",
36
- "bottomLeftToRight": "bottomLeftToRight",
37
- "bottomRightToLeft": "bottomRightToLeft",
38
- "topLeftToRight": "topLeftToRight",
39
- "topRightToLeft": "topRightToLeft",
40
- "rightTopToBottom": "rightTopToBottom",
41
- "rightBottomToTop": "rightBottomToTop",
42
- "leftTopToBottom": "leftTopToBottom"
43
- },
44
- "rtlFixedPositionMapping": {
45
- "bottomCenter":"bottomCenter",
46
- "bottomLeftToRight": "bottomRightToLeft",
47
- "bottomCenterToRight": "bottomCenterToLeft",
48
- "bottomRightToLeft": "bottomLeftToRight",
49
- "bottomCenterToLeft": "bottomCenterToRight",
50
- "topCenter": "topCenter",
51
- "topLeftToRight": "topRightToLeft",
52
- "topCenterToRight": "topCenterToLeft",
53
- "topRightToLeft": "topLeftToRight",
54
- "topCenterToLeft": "topCenterToRight",
55
- "rightTopToBottom": "leftTopToBottom",
56
- "rightCenterToBottom": "leftCenterToBottom",
57
- "rightCenter": "leftCenter",
58
- "rightBottomToTop": "leftBottomToTop",
59
- "rightCenterToTop": "leftCenterToTop",
60
- "leftTopToBottom": "rightTopToBottom",
61
- "leftCenterToBottom": "rightCenterToBottom",
62
- "leftCenter": "rightCenter",
63
- "leftBottomToTop": "rightBottomToTop",
64
- "leftCenterToTop": "rightCenterToTop",
65
- "bottomRight": "bottomLeft",
66
- "bottomLeft": "bottomRight",
67
- "topRight": "topLeft",
68
- "topLeft": "topRight",
69
- "rightBottom": "leftBottom",
70
- "rightTop": "leftTop",
71
- "leftBottom": "rightBottom",
72
- "leftTop": "rightTop"
73
- }
74
- }
@@ -1,145 +0,0 @@
1
- {
2
- "positionMapping": {
3
- "bottomCenter": {
4
- "direction": "bottom",
5
- "arrowPosition": "mid",
6
- "positionStyle": "bottomMid"
7
- },
8
- "bottomLeftToRight": {
9
- "direction": "bottom",
10
- "arrowPosition": "start",
11
- "positionStyle": "bottomEnd"
12
- },
13
- "bottomCenterToRight": {
14
- "direction": "bottom",
15
- "arrowPosition": "start",
16
- "positionStyle": "bottomEnd"
17
- },
18
- "bottomRightToLeft": {
19
- "direction": "bottom",
20
- "arrowPosition": "end",
21
- "positionStyle": "bottomStart"
22
- },
23
- "bottomCenterToLeft": {
24
- "direction": "bottom",
25
- "arrowPosition": "end",
26
- "positionStyle": "bottomStart"
27
- },
28
- "topCenter": {
29
- "direction": "top",
30
- "arrowPosition": "mid",
31
- "positionStyle": "topMid"
32
- },
33
- "topLeftToRight": {
34
- "direction": "top",
35
- "arrowPosition": "start",
36
- "positionStyle": "topEnd"
37
- },
38
- "topCenterToRight": {
39
- "direction": "top",
40
- "arrowPosition": "start",
41
- "positionStyle": "topEnd"
42
- },
43
- "topRightToLeft": {
44
- "direction": "top",
45
- "arrowPosition": "end",
46
- "positionStyle": "topStart"
47
- },
48
- "topCenterToLeft": {
49
- "direction": "top",
50
- "arrowPosition": "end",
51
- "positionStyle": "topStart"
52
- },
53
- "rightCenter": {
54
- "direction": "right",
55
- "arrowPosition": "mid",
56
- "positionStyle": "rightMid"
57
- },
58
- "rightTopToBottom": {
59
- "direction": "right",
60
- "arrowPosition": "start",
61
- "positionStyle": "rightEnd"
62
- },
63
- "rightCenterToBottom": {
64
- "direction": "right",
65
- "arrowPosition": "start",
66
- "positionStyle": "rightEnd"
67
- },
68
- "rightBottomToTop": {
69
- "direction": "right",
70
- "arrowPosition": "end",
71
- "positionStyle": "rightStart"
72
- },
73
- "rightCenterToTop": {
74
- "direction": "right",
75
- "arrowPosition": "end",
76
- "positionStyle": "rightStart"
77
- },
78
- "leftCenter": {
79
- "direction": "left",
80
- "arrowPosition": "mid",
81
- "positionStyle": "leftMid"
82
- },
83
- "leftTopToBottom": {
84
- "direction": "left",
85
- "arrowPosition": "start",
86
- "positionStyle": "leftEnd"
87
- },
88
- "leftCenterToBottom": {
89
- "direction": "left",
90
- "arrowPosition": "start",
91
- "positionStyle": "leftEnd"
92
- },
93
- "leftBottomToTop": {
94
- "direction": "left",
95
- "arrowPosition": "end",
96
- "positionStyle": "leftStart"
97
- },
98
- "leftCenterToTop": {
99
- "direction": "left",
100
- "arrowPosition": "end",
101
- "positionStyle": "leftStart"
102
- },
103
- "bottomRight": {
104
- "direction": "bottom",
105
- "arrowPosition": "start",
106
- "positionStyle": "bottomEnd"
107
- },
108
- "bottomLeft": {
109
- "direction": "bottom",
110
- "arrowPosition": "end",
111
- "positionStyle": "bottomStart"
112
- },
113
- "topRight": {
114
- "direction": "top",
115
- "arrowPosition": "start",
116
- "positionStyle": "topEnd"
117
- },
118
- "topLeft": {
119
- "direction": "top",
120
- "arrowPosition": "end",
121
- "positionStyle": "topStart"
122
- },
123
- "rightBottom": {
124
- "direction": "right",
125
- "arrowPosition": "start",
126
- "positionStyle": "rightEnd"
127
- },
128
- "rightTop": {
129
- "direction": "right",
130
- "arrowPosition": "end",
131
- "positionStyle": "rightStart"
132
- },
133
- "leftBottom": {
134
- "direction": "left",
135
- "arrowPosition": "start",
136
- "positionStyle": "leftEnd"
137
- },
138
- "leftTop": {
139
- "direction": "left",
140
- "arrowPosition": "end",
141
- "positionStyle": "leftStart"
142
- }
143
- }
144
- }
145
-
@@ -1,74 +0,0 @@
1
- {
2
- "absolutePositionMapping" : {
3
- "bottomCenter": "bottomCenter",
4
- "bottomRight": "bottomLeftToRight",
5
- "bottomLeft": "bottomRightToLeft",
6
- "topCenter": "topCenter",
7
- "topRight": "topLeftToRight",
8
- "topLeft": "topRightToLeft",
9
- "rightCenter": "rightCenter",
10
- "rightBottom": "rightTopToBottom",
11
- "rightTop": "rightBottomToTop",
12
- "leftCenter": "leftCenter",
13
- "leftBottom": "leftTopToBottom",
14
- "leftTop": "leftBottomToTop",
15
- "bottomLeftToRight": "bottomLeftToRight",
16
- "bottomRightToLeft": "bottomRightToLeft",
17
- "topLeftToRight": "topLeftToRight",
18
- "topRightToLeft": "topRightToLeft",
19
- "rightTopToBottom": "rightTopToBottom",
20
- "rightBottomToTop": "rightBottomToTop",
21
- "leftTopToBottom": "leftTopToBottom"
22
- },
23
- "rtlAbsolutePositionMapping" : {
24
- "bottomCenter": "bottomCenter",
25
- "bottomRight": "bottomRightToLeft",
26
- "bottomLeft": "bottomLeftToRight",
27
- "topCenter": "topCenter",
28
- "topRight": "topRightToLeft",
29
- "topLeft": "topLeftToRight",
30
- "rightCenter": "leftCenter",
31
- "rightBottom": "leftTopToBottom",
32
- "rightTop": "leftBottomToTop",
33
- "leftCenter": "rightCenter",
34
- "leftBottom": "rightTopToBottom",
35
- "leftTop": "rightBottomToTop",
36
- "bottomLeftToRight": "bottomLeftToRight",
37
- "bottomRightToLeft": "bottomRightToLeft",
38
- "topLeftToRight": "topLeftToRight",
39
- "topRightToLeft": "topRightToLeft",
40
- "rightTopToBottom": "rightTopToBottom",
41
- "rightBottomToTop": "rightBottomToTop",
42
- "leftTopToBottom": "leftTopToBottom"
43
- },
44
- "rtlFixedPositionMapping": {
45
- "bottomCenter":"bottomCenter",
46
- "bottomLeftToRight": "bottomRightToLeft",
47
- "bottomCenterToRight": "bottomCenterToLeft",
48
- "bottomRightToLeft": "bottomLeftToRight",
49
- "bottomCenterToLeft": "bottomCenterToRight",
50
- "topCenter": "topCenter",
51
- "topLeftToRight": "topRightToLeft",
52
- "topCenterToRight": "topCenterToLeft",
53
- "topRightToLeft": "topLeftToRight",
54
- "topCenterToLeft": "topCenterToRight",
55
- "rightTopToBottom": "leftTopToBottom",
56
- "rightCenterToBottom": "leftCenterToBottom",
57
- "rightCenter": "leftCenter",
58
- "rightBottomToTop": "leftBottomToTop",
59
- "rightCenterToTop": "leftCenterToTop",
60
- "leftTopToBottom": "rightTopToBottom",
61
- "leftCenterToBottom": "rightCenterToBottom",
62
- "leftCenter": "rightCenter",
63
- "leftBottomToTop": "rightBottomToTop",
64
- "leftCenterToTop": "rightCenterToTop",
65
- "bottomRight": "bottomLeft",
66
- "bottomLeft": "bottomRight",
67
- "topRight": "topLeft",
68
- "topLeft": "topRight",
69
- "rightBottom": "leftBottom",
70
- "rightTop": "leftTop",
71
- "leftBottom": "rightBottom",
72
- "leftTop": "rightTop"
73
- }
74
- }