@zohodesk/components 1.1.1 → 1.2.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 (316) hide show
  1. package/.cli/MissedPropType_Keys.html +101 -0
  2. package/.cli/PropLessFiles.html +101 -0
  3. package/.cli/PropValidationExcludeFilesArray.js +3 -0
  4. package/.cli/propValidation_report.html +155 -0
  5. package/README.md +1277 -1270
  6. package/coverage/Button/Button.js.html +301 -0
  7. package/coverage/Button/css/Button.module.css.html +1441 -0
  8. package/coverage/Button/css/cssJSLogic.js.html +214 -0
  9. package/coverage/Button/css/index.html +131 -0
  10. package/coverage/Button/index.html +116 -0
  11. package/coverage/Button/props/defaultProps.js.html +139 -0
  12. package/coverage/Button/props/index.html +131 -0
  13. package/coverage/Button/props/propTypes.js.html +202 -0
  14. package/coverage/Buttongroup/Buttongroup.js.html +220 -0
  15. package/coverage/Buttongroup/Buttongroup.module.css.html +298 -0
  16. package/coverage/Buttongroup/index.html +131 -0
  17. package/coverage/Buttongroup/props/defaultProps.js.html +103 -0
  18. package/coverage/Buttongroup/props/index.html +131 -0
  19. package/coverage/Buttongroup/props/propTypes.js.html +115 -0
  20. package/coverage/base.css +224 -0
  21. package/coverage/block-navigation.js +87 -0
  22. package/coverage/coverage-final.json +11 -0
  23. package/coverage/coverage-summary.json +12 -0
  24. package/coverage/favicon.png +0 -0
  25. package/coverage/index.html +191 -0
  26. package/coverage/prettify.css +1 -0
  27. package/coverage/prettify.js +2 -0
  28. package/coverage/sort-arrow-sprite.png +0 -0
  29. package/coverage/sorter.js +196 -0
  30. package/coverage/utils/dummyFunction.js.html +88 -0
  31. package/coverage/utils/index.html +116 -0
  32. package/es/AppContainer/AppContainer.module.css +18 -18
  33. package/es/Avatar/Avatar.js +9 -9
  34. package/es/Avatar/Avatar.module.css +175 -175
  35. package/es/AvatarTeam/AvatarTeam.js +7 -7
  36. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  37. package/es/Button/Button.js +5 -5
  38. package/es/Button/__tests__/Button.spec.js +122 -61
  39. package/es/Button/css/Button.module.css +525 -525
  40. package/es/Button/css/cssJSLogic.js +1 -1
  41. package/es/Button/props/propTypes.js +0 -1
  42. package/es/Buttongroup/Buttongroup.js +1 -1
  43. package/es/Buttongroup/Buttongroup.module.css +105 -105
  44. package/es/Buttongroup/__tests__/Buttongroup.spec.js +37 -0
  45. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -0
  46. package/es/Card/Card.js +4 -4
  47. package/es/Card/Card.module.css +20 -20
  48. package/es/Card/props/propTypes.js +9 -4
  49. package/es/CheckBox/CheckBox.js +0 -0
  50. package/es/CheckBox/CheckBox.module.css +157 -157
  51. package/es/CheckBox/props/propTypes.js +0 -2
  52. package/es/DateTime/CalendarView.js +0 -0
  53. package/es/DateTime/DateTime.js +0 -0
  54. package/es/DateTime/DateTime.module.css +235 -235
  55. package/es/DateTime/DateTimePopupFooter.js +5 -1
  56. package/es/DateTime/DateTimePopupHeader.js +3 -1
  57. package/es/DateTime/DateWidget.js +0 -1
  58. package/es/DateTime/DateWidget.module.css +38 -38
  59. package/es/DateTime/DaysRow.js +3 -1
  60. package/es/DateTime/Time.js +4 -0
  61. package/es/DateTime/YearView.js +0 -1
  62. package/es/DateTime/YearView.module.css +98 -98
  63. package/es/DateTime/common.js +0 -0
  64. package/es/DateTime/index.js +0 -0
  65. package/es/DateTime/objectUtils.js +0 -0
  66. package/es/DateTime/props/defaultProps.js +6 -0
  67. package/es/DateTime/props/propTypes.js +58 -6
  68. package/es/DateTime/typeChecker.js +0 -0
  69. package/es/DateTime/validator.js +0 -0
  70. package/es/DropBox/DropBox.js +0 -0
  71. package/es/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  72. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  73. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +1 -1
  74. package/es/DropBox/DropBoxElement/props/propTypes.js +7 -1
  75. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  76. package/es/DropBox/css/DropBox.module.css +58 -58
  77. package/es/DropBox/props/propTypes.js +2 -1
  78. package/es/DropDown/DropDown.js +0 -0
  79. package/es/DropDown/DropDown.module.css +5 -5
  80. package/es/DropDown/DropDownHeading.js +0 -0
  81. package/es/DropDown/DropDownHeading.module.css +53 -53
  82. package/es/DropDown/DropDownItem.js +0 -0
  83. package/es/DropDown/DropDownItem.module.css +94 -94
  84. package/es/DropDown/DropDownSearch.js +0 -0
  85. package/es/DropDown/DropDownSearch.module.css +14 -14
  86. package/es/DropDown/DropDownSeparator.js +0 -0
  87. package/es/DropDown/DropDownSeparator.module.css +7 -7
  88. package/es/DropDown/props/propTypes.js +5 -18
  89. package/es/Heading/Heading.module.css +4 -4
  90. package/es/Label/Label.js +2 -2
  91. package/es/Label/Label.module.css +52 -52
  92. package/es/Label/LabelColors.module.css +20 -20
  93. package/es/Label/props/propTypes.js +2 -1
  94. package/es/Layout/Box.js +2 -1
  95. package/es/Layout/Container.js +2 -1
  96. package/es/Layout/Layout.module.css +335 -335
  97. package/es/Layout/utils.js +0 -0
  98. package/es/ListItem/ListItem.js +0 -0
  99. package/es/ListItem/ListItem.module.css +216 -216
  100. package/es/ListItem/props/propTypes.js +9 -4
  101. package/es/Modal/props/propTypes.js +2 -1
  102. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  103. package/es/MultiSelect/MultiSelect.js +5 -5
  104. package/es/MultiSelect/MultiSelect.module.css +206 -206
  105. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  106. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  107. package/es/MultiSelect/props/propTypes.js +15 -31
  108. package/es/PopOver/PopOver.js +1 -9
  109. package/es/PopOver/PopOver.module.css +8 -8
  110. package/es/Popup/Popup.js +0 -0
  111. package/es/Popup/PositionMapping.json +73 -73
  112. package/es/Radio/Radio.js +1 -6
  113. package/es/Radio/Radio.module.css +112 -112
  114. package/es/Radio/props/propTypes.js +3 -2
  115. package/es/Responsive/CustomResponsive.js +0 -0
  116. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  117. package/es/ResponsiveDropBox/props/propTypes.js +2 -1
  118. package/es/Ribbon/Ribbon.js +0 -0
  119. package/es/Ribbon/Ribbon.module.css +454 -454
  120. package/es/RippleEffect/RippleEffect.module.css +92 -92
  121. package/es/Select/GroupSelect.js +0 -0
  122. package/es/Select/Select.js +0 -0
  123. package/es/Select/Select.module.css +108 -108
  124. package/es/Select/SelectWithAvatar.js +0 -0
  125. package/es/Select/SelectWithIcon.js +0 -0
  126. package/es/Select/props/propTypes.js +17 -6
  127. package/es/Stencils/Stencils.js +0 -0
  128. package/es/Stencils/Stencils.module.css +96 -96
  129. package/es/Switch/Switch.js +0 -0
  130. package/es/Switch/Switch.module.css +127 -127
  131. package/es/Tab/Tab.module.css +100 -100
  132. package/es/Tab/TabContent.module.css +4 -4
  133. package/es/Tab/Tabs.js +17 -17
  134. package/es/Tab/Tabs.module.css +136 -136
  135. package/es/Tab/props/propTypes.js +0 -1
  136. package/es/Tag/Tag.js +8 -8
  137. package/es/Tag/Tag.module.css +254 -254
  138. package/es/TextBox/TextBox.js +0 -0
  139. package/es/TextBox/TextBox.module.css +158 -158
  140. package/es/TextBox/props/propTypes.js +2 -1
  141. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  142. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  143. package/es/TextBoxIcon/props/propTypes.js +2 -1
  144. package/es/Textarea/Textarea.js +0 -0
  145. package/es/Textarea/Textarea.module.css +139 -139
  146. package/es/Textarea/props/propTypes.js +0 -1
  147. package/es/Tooltip/Tooltip.module.css +140 -140
  148. package/es/Tooltip/props/propTypes.js +0 -3
  149. package/es/common/a11y.module.css +3 -3
  150. package/es/common/animation.module.css +624 -624
  151. package/es/common/avatarsizes.module.css +48 -48
  152. package/es/common/basic.module.css +33 -33
  153. package/es/common/basicReset.module.css +40 -40
  154. package/es/common/boxShadow.module.css +33 -33
  155. package/es/common/common.module.css +524 -524
  156. package/es/common/customscroll.module.css +91 -91
  157. package/es/common/reset.module.css +13 -13
  158. package/es/common/transition.module.css +146 -146
  159. package/es/deprecated/PortalLayer/PortalLayer.js +3 -2
  160. package/es/deprecated/PortalLayer/props/propTypes.js +7 -0
  161. package/es/semantic/Button/props/propTypes.js +1 -5
  162. package/es/semantic/Button/semanticButton.module.css +9 -9
  163. package/es/utils/Common.js +0 -0
  164. package/es/utils/dropDownUtils.js +0 -0
  165. package/es/utils/index.js +0 -2
  166. package/install.md +10 -10
  167. package/lib/AppContainer/AppContainer.module.css +18 -18
  168. package/lib/Avatar/Avatar.js +9 -9
  169. package/lib/Avatar/Avatar.module.css +175 -175
  170. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  171. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  172. package/lib/Button/Button.js +5 -5
  173. package/lib/Button/__tests__/Button.spec.js +129 -62
  174. package/lib/Button/css/Button.module.css +525 -525
  175. package/lib/Button/css/cssJSLogic.js +1 -1
  176. package/lib/Button/props/propTypes.js +0 -1
  177. package/lib/Buttongroup/Buttongroup.js +1 -1
  178. package/lib/Buttongroup/Buttongroup.module.css +105 -105
  179. package/lib/Buttongroup/__tests__/Buttongroup.spec.js +44 -0
  180. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -0
  181. package/lib/Card/Card.js +4 -4
  182. package/lib/Card/Card.module.css +20 -20
  183. package/lib/Card/props/propTypes.js +9 -4
  184. package/lib/CheckBox/CheckBox.js +0 -0
  185. package/lib/CheckBox/CheckBox.module.css +157 -157
  186. package/lib/CheckBox/props/propTypes.js +0 -2
  187. package/lib/DateTime/CalendarView.js +0 -0
  188. package/lib/DateTime/DateTime.js +0 -0
  189. package/lib/DateTime/DateTime.module.css +235 -235
  190. package/lib/DateTime/DateTimePopupFooter.js +7 -1
  191. package/lib/DateTime/DateTimePopupHeader.js +4 -1
  192. package/lib/DateTime/DateWidget.js +0 -1
  193. package/lib/DateTime/DateWidget.module.css +38 -38
  194. package/lib/DateTime/DaysRow.js +4 -1
  195. package/lib/DateTime/Time.js +6 -0
  196. package/lib/DateTime/YearView.js +0 -1
  197. package/lib/DateTime/YearView.module.css +98 -98
  198. package/lib/DateTime/common.js +0 -0
  199. package/lib/DateTime/index.js +0 -0
  200. package/lib/DateTime/objectUtils.js +0 -0
  201. package/lib/DateTime/props/defaultProps.js +10 -2
  202. package/lib/DateTime/props/propTypes.js +64 -8
  203. package/lib/DateTime/typeChecker.js +0 -0
  204. package/lib/DateTime/validator.js +0 -0
  205. package/lib/DropBox/DropBox.js +0 -0
  206. package/lib/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  207. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  208. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +1 -1
  209. package/lib/DropBox/DropBoxElement/props/propTypes.js +7 -1
  210. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  211. package/lib/DropBox/css/DropBox.module.css +58 -58
  212. package/lib/DropBox/props/propTypes.js +2 -1
  213. package/lib/DropDown/DropDown.js +0 -0
  214. package/lib/DropDown/DropDown.module.css +5 -5
  215. package/lib/DropDown/DropDownHeading.js +0 -0
  216. package/lib/DropDown/DropDownHeading.module.css +53 -53
  217. package/lib/DropDown/DropDownItem.js +0 -0
  218. package/lib/DropDown/DropDownItem.module.css +94 -94
  219. package/lib/DropDown/DropDownSearch.js +0 -0
  220. package/lib/DropDown/DropDownSearch.module.css +14 -14
  221. package/lib/DropDown/DropDownSeparator.js +0 -0
  222. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  223. package/lib/DropDown/props/propTypes.js +11 -19
  224. package/lib/Heading/Heading.module.css +4 -4
  225. package/lib/Label/Label.js +0 -0
  226. package/lib/Label/Label.module.css +52 -52
  227. package/lib/Label/LabelColors.module.css +20 -20
  228. package/lib/Label/props/propTypes.js +2 -1
  229. package/lib/Layout/Box.js +0 -1
  230. package/lib/Layout/Container.js +0 -1
  231. package/lib/Layout/Layout.module.css +335 -335
  232. package/lib/Layout/utils.js +0 -0
  233. package/lib/ListItem/ListItem.js +0 -0
  234. package/lib/ListItem/ListItem.module.css +216 -216
  235. package/lib/ListItem/props/propTypes.js +9 -4
  236. package/lib/Modal/props/propTypes.js +2 -1
  237. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  238. package/lib/MultiSelect/MultiSelect.js +5 -5
  239. package/lib/MultiSelect/MultiSelect.module.css +206 -206
  240. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  241. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  242. package/lib/MultiSelect/props/propTypes.js +15 -31
  243. package/lib/PopOver/PopOver.js +1 -8
  244. package/lib/PopOver/PopOver.module.css +8 -8
  245. package/lib/Popup/Popup.js +0 -0
  246. package/lib/Popup/PositionMapping.json +73 -73
  247. package/lib/Radio/Radio.js +1 -6
  248. package/lib/Radio/Radio.module.css +112 -112
  249. package/lib/Radio/props/propTypes.js +3 -2
  250. package/lib/Responsive/CustomResponsive.js +0 -0
  251. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  252. package/lib/ResponsiveDropBox/props/propTypes.js +11 -2
  253. package/lib/Ribbon/Ribbon.js +0 -0
  254. package/lib/Ribbon/Ribbon.module.css +454 -454
  255. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  256. package/lib/Select/GroupSelect.js +0 -0
  257. package/lib/Select/Select.js +0 -0
  258. package/lib/Select/Select.module.css +108 -108
  259. package/lib/Select/SelectWithAvatar.js +0 -0
  260. package/lib/Select/SelectWithIcon.js +0 -0
  261. package/lib/Select/props/propTypes.js +17 -6
  262. package/lib/Stencils/Stencils.js +0 -0
  263. package/lib/Stencils/Stencils.module.css +96 -96
  264. package/lib/Switch/Switch.js +0 -0
  265. package/lib/Switch/Switch.module.css +127 -127
  266. package/lib/Tab/Tab.module.css +100 -100
  267. package/lib/Tab/TabContent.module.css +4 -4
  268. package/lib/Tab/Tabs.js +11 -11
  269. package/lib/Tab/Tabs.module.css +136 -136
  270. package/lib/Tab/props/propTypes.js +0 -1
  271. package/lib/Tag/Tag.js +8 -8
  272. package/lib/Tag/Tag.module.css +254 -254
  273. package/lib/TextBox/TextBox.js +0 -0
  274. package/lib/TextBox/TextBox.module.css +158 -158
  275. package/lib/TextBox/props/propTypes.js +1 -1
  276. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  277. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  278. package/lib/TextBoxIcon/props/propTypes.js +11 -2
  279. package/lib/Textarea/Textarea.js +0 -0
  280. package/lib/Textarea/Textarea.module.css +139 -139
  281. package/lib/Textarea/props/propTypes.js +0 -1
  282. package/lib/Tooltip/Tooltip.module.css +140 -140
  283. package/lib/Tooltip/props/propTypes.js +0 -3
  284. package/lib/common/a11y.module.css +3 -3
  285. package/lib/common/animation.module.css +624 -624
  286. package/lib/common/avatarsizes.module.css +48 -48
  287. package/lib/common/basic.module.css +33 -33
  288. package/lib/common/basicReset.module.css +40 -40
  289. package/lib/common/boxShadow.module.css +33 -33
  290. package/lib/common/common.module.css +524 -524
  291. package/lib/common/customscroll.module.css +91 -91
  292. package/lib/common/reset.module.css +13 -13
  293. package/lib/common/transition.module.css +146 -146
  294. package/lib/deprecated/PortalLayer/PortalLayer.js +2 -1
  295. package/lib/deprecated/PortalLayer/props/propTypes.js +10 -2
  296. package/lib/semantic/Button/props/propTypes.js +1 -5
  297. package/lib/semantic/Button/semanticButton.module.css +9 -9
  298. package/lib/utils/Common.js +0 -0
  299. package/lib/utils/dropDownUtils.js +0 -0
  300. package/lib/utils/index.js +1 -19
  301. package/package.json +92 -121
  302. package/postPublish.js +8 -8
  303. package/prePublish.js +70 -70
  304. package/react-cli.config.js +24 -0
  305. package/result.json +1 -1
  306. package/unittest/index.html +37 -0
  307. package/es/deprecated/AdvancedMultiSelect.module.css +0 -127
  308. package/es/deprecated/advancedMultiSelectVariableJson.js +0 -80
  309. package/es/utils/css/compileClassNames.js +0 -28
  310. package/es/utils/css/mergeStyle.js +0 -57
  311. package/es/utils/css/utils.js +0 -24
  312. package/lib/deprecated/AdvancedMultiSelect.module.css +0 -127
  313. package/lib/deprecated/advancedMultiSelectVariableJson.js +0 -82
  314. package/lib/utils/css/compileClassNames.js +0 -37
  315. package/lib/utils/css/mergeStyle.js +0 -69
  316. package/lib/utils/css/utils.js +0 -41
@@ -1,127 +0,0 @@
1
- .wrapper {
2
- position: relative;
3
- }
4
- .disabled, .readOnly {
5
- cursor: not-allowed;
6
- }
7
- .container {
8
- max-height: var(--zd_size120) ;
9
- composes: oflowy from '../common/common.module.css';
10
- }
11
- .hasBorder {
12
- transition: border var(--zd_transition2) linear 0s;
13
- border-bottom-style: solid;
14
- border-bottom-width: 1px;
15
- }
16
- .borderColor_transparent {
17
- border-bottom-color: var(--zdt_advancedmultiselect_transparent_border);
18
- }
19
- .effect .borderColor_transparent:hover {
20
- border-bottom-color: var(--zdt_advancedmultiselect_transparent_hover_border);
21
- }
22
- .effect .borderColor_transparent.active {
23
- border-bottom-color: var(--zdt_advancedmultiselect_transparent_active_border);
24
- }
25
- .borderColor_default {
26
- border-bottom-color: var(--zdt_advancedmultiselect_default_border);
27
- }
28
- .effect .borderColor_default:hover {
29
- border-bottom-color: var(--zdt_advancedmultiselect_default_hover_border);
30
- }
31
- .effect .borderColor_default.active {
32
- border-bottom-color: var(--zdt_advancedmultiselect_default_active_border);
33
- }
34
- .borderColor_dark {
35
- border-bottom-color: var(--zdt_advancedmultiselect_dark_border);
36
- }
37
- .effect .borderColor_dark:hover {
38
- border-bottom-color: var(--zdt_advancedmultiselect_dark_hover_border);
39
- }
40
- .effect .borderColor_dark.active {
41
- border-bottom-color: var(--zdt_advancedmultiselect_dark_active_border);
42
- }
43
- [dir=ltr] .container.medium {
44
- padding: 0 var(--zd_size34) var(--zd_size7) 0 ;
45
- }
46
- [dir=rtl] .container.medium {
47
- padding: 0 0 var(--zd_size7) var(--zd_size34) ;
48
- }
49
- .container.xmedium {
50
- min-height: var(--zd_size30) ;
51
- }
52
- [dir=ltr] .container.xmedium {
53
- padding: 0 var(--zd_size34) var(--zd_size1) 0 ;
54
- }
55
- [dir=rtl] .container.xmedium {
56
- padding: 0 0 var(--zd_size1) var(--zd_size34) ;
57
- }
58
-
59
- .delete {
60
- position: absolute;
61
- bottom: 0 ;
62
- color: var(--zdt_advancedmultiselect_delete_text);
63
- padding-bottom: var(--zd_size10) ;
64
- cursor: pointer;
65
- background-color: var(--zdt_advancedmultiselect_delete_bg);
66
- border: 0;
67
- }
68
-
69
- [dir=ltr] .delete {
70
- right: var(--zd_size15) ;
71
- }
72
-
73
- [dir=rtl] .delete {
74
- left: var(--zd_size15) ;
75
- }
76
-
77
- .delete:hover {
78
- color: var(--zdt_advancedmultiselect_delete_hover_text);
79
- }
80
- .transparentContainer .delete {
81
- opacity: 0;
82
- visibility: hidden;
83
- }
84
- .transparentContainer:hover .delete {
85
- opacity: 1;
86
- visibility: visible;
87
- }
88
-
89
- .box {
90
- background: var(--zdt_advancedmultiselect_box_bg);
91
- }
92
-
93
- .small {
94
- max-height: var(--zd_size200) ;
95
- }
96
-
97
- .medium {
98
- max-height: var(--zd_size350) ;
99
- }
100
-
101
- .large {
102
- max-height: var(--zd_size400) ;
103
- }
104
-
105
- .dropContainer {
106
- display: inline-block;
107
- max-width: 100% ;
108
- margin-bottom: var(--zd_size5) ;
109
- }
110
-
111
- .dropPopup {
112
- font-size: var(--zd_font_size13) ;
113
- }
114
-
115
- .dropPopup :global .toggleDropIcon {
116
- color: var(--zdt_advancedmultiselect_droppopup_text);
117
- }
118
-
119
- .more {
120
- font-size: var(--zd_font_size14) ;
121
- color: var(--zdt_advancedmultiselect_more_text);
122
- font-family: inherit;
123
- cursor: pointer;
124
- margin-top: var(--zd_size5) ;
125
- background-color: var(--zdt_advancedmultiselect_delete_bg);
126
- border: 0;
127
- }
@@ -1,80 +0,0 @@
1
- const componentAppearanceVariables = [{
2
- "comment": "advanced multiselect",
3
- "data": {
4
- "zdt_advancedmultiselect_default_border": {
5
- 'light': ['var(--dot_inputLine)'],
6
- 'dark': ['var(--dot_inputLine)'],
7
- 'pureDark': ['var(--dot_inputLine)']
8
- },
9
- "zdt_advancedmultiselect_transparent_border": {
10
- 'light': ['var(--dot_mirror)'],
11
- 'dark': ['var(--dot_mirror)'],
12
- 'pureDark': ['var(--dot_mirror)']
13
- },
14
- "zdt_advancedmultiselect_dark_border": {
15
- 'light': ['var(--dot_mulledwine)'],
16
- 'dark': ['var(--dot_mulledwine)'],
17
- 'pureDark': ['var(--dot_mulledwine)']
18
- },
19
- "zdt_advancedmultiselect_default_hover_border": {
20
- 'light': ['var(--dot_inputLineHover)'],
21
- 'dark': ['var(--dot_inputLineHover)'],
22
- 'pureDark': ['var(--dot_inputLineHover)']
23
- },
24
- "zdt_advancedmultiselect_transparent_hover_border": {
25
- 'light': ['var(--dot_inputLineHover)'],
26
- 'dark': ['var(--dot_inputLineHover)'],
27
- 'pureDark': ['var(--dot_inputLineHover)']
28
- },
29
- "zdt_advancedmultiselect_dark_hover_border": {
30
- 'light': ['var(--dot_stardust)'],
31
- 'dark': ['var(--dot_stardust)'],
32
- 'pureDark': ['var(--dot_stardust)']
33
- },
34
- "zdt_advancedmultiselect_default_active_border": {
35
- 'light': ['var(--dot_inputLineFocus)'],
36
- 'dark': ['var(--dot_inputLineFocus)'],
37
- 'pureDark': ['var(--dot_inputLineFocus)']
38
- },
39
- "zdt_advancedmultiselect_transparent_active_border": {
40
- 'light': ['var(--dot_inputLineFocus)'],
41
- 'dark': ['var(--dot_inputLineFocus)'],
42
- 'pureDark': ['var(--dot_inputLineFocus)']
43
- },
44
- "zdt_advancedmultiselect_dark_active_border": {
45
- 'light': ['var(--dot_stardust)'],
46
- 'dark': ['var(--dot_stardust)'],
47
- 'pureDark': ['var(--dot_stardust)']
48
- },
49
- "zdt_advancedmultiselect_delete_text": {
50
- 'light': ['var(--dot_shuttleGrey)'],
51
- 'dark': ['var(--dot_cadetblue)'],
52
- 'pureDark': ['#999']
53
- },
54
- "zdt_advancedmultiselect_delete_hover_text": {
55
- 'light': ['var(--dot_black)'],
56
- 'dark': ['var(--dot_platinum)'],
57
- 'pureDark': ['var(--dot_platinum)']
58
- },
59
- "zdt_advancedmultiselect_delete_bg": {
60
- 'light': ['var(--dot_mirror)'],
61
- 'dark': ['var(--dot_mirror)'],
62
- 'pureDark': ['var(--dot_mirror)']
63
- },
64
- "zdt_advancedmultiselect_box_bg": {
65
- 'light': ['var(--dot_white)'],
66
- 'dark': ['var(--dot_ebonyclay)'],
67
- 'pureDark': ['#212121']
68
- },
69
- "zdt_advancedmultiselect_droppopup_text": {
70
- 'light': ['var(--dot_slateGrey)'],
71
- 'dark': ['var(--dot_oslogrey)'],
72
- 'pureDark': ['var(--dot_oslogrey)']
73
- },
74
- "zdt_advancedmultiselect_more_text": {
75
- 'light': ['var(--zdt_cta_primary_text)'],
76
- 'dark': ['var(--zdt_cta_primary_text)'],
77
- 'pureDark': ['var(--zdt_cta_primary_text)']
78
- }
79
- }
80
- }];
@@ -1,28 +0,0 @@
1
- import { dataTypes, isDataTypeOf } from './utils';
2
-
3
- const collectClassNames = function (processedClassNameList) {
4
- for (let index = 0; index < (arguments.length <= 1 ? 0 : arguments.length - 1); index++) {
5
- let classInfo = index + 1 < 1 || arguments.length <= index + 1 ? undefined : arguments[index + 1];
6
-
7
- if (!classInfo) {
8
- continue;
9
- } else if (isDataTypeOf(classInfo, dataTypes.object)) {
10
- for (let property in classInfo) {
11
- if (Object.hasOwnProperty.call(classInfo, property) && property !== 'undefined' && property !== 'null' && classInfo[property] && !processedClassNameList.includes(property)) {
12
- processedClassNameList.push(property);
13
- }
14
- }
15
- }
16
- }
17
- };
18
-
19
- export default function compileClassNames() {
20
- let resultClassNameList = [];
21
-
22
- for (var _len = arguments.length, classinfoList = new Array(_len), _key = 0; _key < _len; _key++) {
23
- classinfoList[_key] = arguments[_key];
24
- }
25
-
26
- collectClassNames(resultClassNameList, ...classinfoList);
27
- return resultClassNameList.filter(a => a !== '').join(' ');
28
- }
@@ -1,57 +0,0 @@
1
- const REPLACER_SYMBOL = '$'; // $ startWith is used for replace the existing style.
2
- // all other will be append
3
-
4
- export default function mergeStyle(defaultStyle) {
5
- let customStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
6
- let additionalStyle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
7
- // if(!Object.keys(defaultStyle).includes('base')) {
8
- // throw new Error(`STYLE CUSTOMIZATION RULE - Your style sheet should have "base" class name for customization`);
9
- // }
10
- return Object.keys(customStyle).reduce((res, next) => {
11
- if (next.startsWith(REPLACER_SYMBOL)) {
12
- let styleValue = customStyle[next];
13
- let styleName = next.replace(REPLACER_SYMBOL, '');
14
-
15
- if (!defaultStyle[styleName] && !additionalStyle.includes(styleName)) {
16
- // return res;
17
- throw new Error(`UNKNOWN CLASSNAME DETECTED - Given customStyle's key "${styleName}" is not available in that component style`);
18
- }
19
-
20
- if (additionalStyle.includes(styleName)) {
21
- res[styleName] = styleValue;
22
- } else {
23
- let val = defaultStyle[styleName];
24
- Object.keys(res).map(keyName => {
25
- let styleKey = res[keyName];
26
- let styleClasses = styleKey.split(' ');
27
- let ind = styleClasses.indexOf(val);
28
-
29
- if (ind !== -1) {
30
- styleClasses[ind] = styleValue;
31
- res[keyName] = styleClasses.join(' ');
32
- }
33
- });
34
- }
35
- } else if (defaultStyle[next]) {
36
- let val = defaultStyle[next];
37
- Object.keys(res).map(keyName => {
38
- let styleKey = res[keyName];
39
- let styleClasses = styleKey.split(' ');
40
- let ind = styleClasses.indexOf(val);
41
-
42
- if (ind !== -1) {
43
- styleClasses[ind] = styleClasses[ind] + ' ' + customStyle[next];
44
- res[keyName] = styleClasses.join(' ');
45
- }
46
- });
47
- } else if (additionalStyle.includes(next)) {
48
- res[next] = customStyle[next];
49
- } else if (!defaultStyle[next] && !additionalStyle.includes(next)) {
50
- // res[next] = customStyle[next];
51
- throw new Error(`UNKNOWN CLASSNAME DETECTED - Given customStyle's key "${next}" is not available in that component style`);
52
- }
53
-
54
- return res;
55
- }, { ...defaultStyle
56
- });
57
- }
@@ -1,24 +0,0 @@
1
- export const dataTypes = {
2
- number: 'number',
3
- array: 'array',
4
- string: 'string',
5
- object: 'object',
6
- bigint: 'bigint',
7
- symbol: 'symbol',
8
- undefined: 'undefined',
9
- function: 'function',
10
- boolean: 'boolean'
11
- };
12
- export const getDataType = data => {
13
- let typeofData = typeof data;
14
- let isArrayDataType = Array.isArray(data);
15
-
16
- if (isArrayDataType) {
17
- return dataTypes.array;
18
- } else {
19
- return dataTypes[typeofData];
20
- }
21
- };
22
- export const isDataTypeOf = (data, type) => {
23
- return getDataType(data) === type;
24
- };
@@ -1,127 +0,0 @@
1
- .wrapper {
2
- position: relative;
3
- }
4
- .disabled, .readOnly {
5
- cursor: not-allowed;
6
- }
7
- .container {
8
- max-height: var(--zd_size120) ;
9
- composes: oflowy from '../common/common.module.css';
10
- }
11
- .hasBorder {
12
- transition: border var(--zd_transition2) linear 0s;
13
- border-bottom-style: solid;
14
- border-bottom-width: 1px;
15
- }
16
- .borderColor_transparent {
17
- border-bottom-color: var(--zdt_advancedmultiselect_transparent_border);
18
- }
19
- .effect .borderColor_transparent:hover {
20
- border-bottom-color: var(--zdt_advancedmultiselect_transparent_hover_border);
21
- }
22
- .effect .borderColor_transparent.active {
23
- border-bottom-color: var(--zdt_advancedmultiselect_transparent_active_border);
24
- }
25
- .borderColor_default {
26
- border-bottom-color: var(--zdt_advancedmultiselect_default_border);
27
- }
28
- .effect .borderColor_default:hover {
29
- border-bottom-color: var(--zdt_advancedmultiselect_default_hover_border);
30
- }
31
- .effect .borderColor_default.active {
32
- border-bottom-color: var(--zdt_advancedmultiselect_default_active_border);
33
- }
34
- .borderColor_dark {
35
- border-bottom-color: var(--zdt_advancedmultiselect_dark_border);
36
- }
37
- .effect .borderColor_dark:hover {
38
- border-bottom-color: var(--zdt_advancedmultiselect_dark_hover_border);
39
- }
40
- .effect .borderColor_dark.active {
41
- border-bottom-color: var(--zdt_advancedmultiselect_dark_active_border);
42
- }
43
- [dir=ltr] .container.medium {
44
- padding: 0 var(--zd_size34) var(--zd_size7) 0 ;
45
- }
46
- [dir=rtl] .container.medium {
47
- padding: 0 0 var(--zd_size7) var(--zd_size34) ;
48
- }
49
- .container.xmedium {
50
- min-height: var(--zd_size30) ;
51
- }
52
- [dir=ltr] .container.xmedium {
53
- padding: 0 var(--zd_size34) var(--zd_size1) 0 ;
54
- }
55
- [dir=rtl] .container.xmedium {
56
- padding: 0 0 var(--zd_size1) var(--zd_size34) ;
57
- }
58
-
59
- .delete {
60
- position: absolute;
61
- bottom: 0 ;
62
- color: var(--zdt_advancedmultiselect_delete_text);
63
- padding-bottom: var(--zd_size10) ;
64
- cursor: pointer;
65
- background-color: var(--zdt_advancedmultiselect_delete_bg);
66
- border: 0;
67
- }
68
-
69
- [dir=ltr] .delete {
70
- right: var(--zd_size15) ;
71
- }
72
-
73
- [dir=rtl] .delete {
74
- left: var(--zd_size15) ;
75
- }
76
-
77
- .delete:hover {
78
- color: var(--zdt_advancedmultiselect_delete_hover_text);
79
- }
80
- .transparentContainer .delete {
81
- opacity: 0;
82
- visibility: hidden;
83
- }
84
- .transparentContainer:hover .delete {
85
- opacity: 1;
86
- visibility: visible;
87
- }
88
-
89
- .box {
90
- background: var(--zdt_advancedmultiselect_box_bg);
91
- }
92
-
93
- .small {
94
- max-height: var(--zd_size200) ;
95
- }
96
-
97
- .medium {
98
- max-height: var(--zd_size350) ;
99
- }
100
-
101
- .large {
102
- max-height: var(--zd_size400) ;
103
- }
104
-
105
- .dropContainer {
106
- display: inline-block;
107
- max-width: 100% ;
108
- margin-bottom: var(--zd_size5) ;
109
- }
110
-
111
- .dropPopup {
112
- font-size: var(--zd_font_size13) ;
113
- }
114
-
115
- .dropPopup :global .toggleDropIcon {
116
- color: var(--zdt_advancedmultiselect_droppopup_text);
117
- }
118
-
119
- .more {
120
- font-size: var(--zd_font_size14) ;
121
- color: var(--zdt_advancedmultiselect_more_text);
122
- font-family: inherit;
123
- cursor: pointer;
124
- margin-top: var(--zd_size5) ;
125
- background-color: var(--zdt_advancedmultiselect_delete_bg);
126
- border: 0;
127
- }
@@ -1,82 +0,0 @@
1
- "use strict";
2
-
3
- var componentAppearanceVariables = [{
4
- "comment": "advanced multiselect",
5
- "data": {
6
- "zdt_advancedmultiselect_default_border": {
7
- 'light': ['var(--dot_inputLine)'],
8
- 'dark': ['var(--dot_inputLine)'],
9
- 'pureDark': ['var(--dot_inputLine)']
10
- },
11
- "zdt_advancedmultiselect_transparent_border": {
12
- 'light': ['var(--dot_mirror)'],
13
- 'dark': ['var(--dot_mirror)'],
14
- 'pureDark': ['var(--dot_mirror)']
15
- },
16
- "zdt_advancedmultiselect_dark_border": {
17
- 'light': ['var(--dot_mulledwine)'],
18
- 'dark': ['var(--dot_mulledwine)'],
19
- 'pureDark': ['var(--dot_mulledwine)']
20
- },
21
- "zdt_advancedmultiselect_default_hover_border": {
22
- 'light': ['var(--dot_inputLineHover)'],
23
- 'dark': ['var(--dot_inputLineHover)'],
24
- 'pureDark': ['var(--dot_inputLineHover)']
25
- },
26
- "zdt_advancedmultiselect_transparent_hover_border": {
27
- 'light': ['var(--dot_inputLineHover)'],
28
- 'dark': ['var(--dot_inputLineHover)'],
29
- 'pureDark': ['var(--dot_inputLineHover)']
30
- },
31
- "zdt_advancedmultiselect_dark_hover_border": {
32
- 'light': ['var(--dot_stardust)'],
33
- 'dark': ['var(--dot_stardust)'],
34
- 'pureDark': ['var(--dot_stardust)']
35
- },
36
- "zdt_advancedmultiselect_default_active_border": {
37
- 'light': ['var(--dot_inputLineFocus)'],
38
- 'dark': ['var(--dot_inputLineFocus)'],
39
- 'pureDark': ['var(--dot_inputLineFocus)']
40
- },
41
- "zdt_advancedmultiselect_transparent_active_border": {
42
- 'light': ['var(--dot_inputLineFocus)'],
43
- 'dark': ['var(--dot_inputLineFocus)'],
44
- 'pureDark': ['var(--dot_inputLineFocus)']
45
- },
46
- "zdt_advancedmultiselect_dark_active_border": {
47
- 'light': ['var(--dot_stardust)'],
48
- 'dark': ['var(--dot_stardust)'],
49
- 'pureDark': ['var(--dot_stardust)']
50
- },
51
- "zdt_advancedmultiselect_delete_text": {
52
- 'light': ['var(--dot_shuttleGrey)'],
53
- 'dark': ['var(--dot_cadetblue)'],
54
- 'pureDark': ['#999']
55
- },
56
- "zdt_advancedmultiselect_delete_hover_text": {
57
- 'light': ['var(--dot_black)'],
58
- 'dark': ['var(--dot_platinum)'],
59
- 'pureDark': ['var(--dot_platinum)']
60
- },
61
- "zdt_advancedmultiselect_delete_bg": {
62
- 'light': ['var(--dot_mirror)'],
63
- 'dark': ['var(--dot_mirror)'],
64
- 'pureDark': ['var(--dot_mirror)']
65
- },
66
- "zdt_advancedmultiselect_box_bg": {
67
- 'light': ['var(--dot_white)'],
68
- 'dark': ['var(--dot_ebonyclay)'],
69
- 'pureDark': ['#212121']
70
- },
71
- "zdt_advancedmultiselect_droppopup_text": {
72
- 'light': ['var(--dot_slateGrey)'],
73
- 'dark': ['var(--dot_oslogrey)'],
74
- 'pureDark': ['var(--dot_oslogrey)']
75
- },
76
- "zdt_advancedmultiselect_more_text": {
77
- 'light': ['var(--zdt_cta_primary_text)'],
78
- 'dark': ['var(--zdt_cta_primary_text)'],
79
- 'pureDark': ['var(--zdt_cta_primary_text)']
80
- }
81
- }
82
- }];
@@ -1,37 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = compileClassNames;
7
-
8
- var _utils = require("./utils");
9
-
10
- var collectClassNames = function collectClassNames(processedClassNameList) {
11
- for (var index = 0; index < (arguments.length <= 1 ? 0 : arguments.length - 1); index++) {
12
- var classInfo = index + 1 < 1 || arguments.length <= index + 1 ? undefined : arguments[index + 1];
13
-
14
- if (!classInfo) {
15
- continue;
16
- } else if ((0, _utils.isDataTypeOf)(classInfo, _utils.dataTypes.object)) {
17
- for (var property in classInfo) {
18
- if (Object.hasOwnProperty.call(classInfo, property) && property !== 'undefined' && property !== 'null' && classInfo[property] && !processedClassNameList.includes(property)) {
19
- processedClassNameList.push(property);
20
- }
21
- }
22
- }
23
- }
24
- };
25
-
26
- function compileClassNames() {
27
- var resultClassNameList = [];
28
-
29
- for (var _len = arguments.length, classinfoList = new Array(_len), _key = 0; _key < _len; _key++) {
30
- classinfoList[_key] = arguments[_key];
31
- }
32
-
33
- collectClassNames.apply(void 0, [resultClassNameList].concat(classinfoList));
34
- return resultClassNameList.filter(function (a) {
35
- return a !== '';
36
- }).join(' ');
37
- }
@@ -1,69 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = mergeStyle;
7
-
8
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
-
10
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
11
-
12
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
13
-
14
- var REPLACER_SYMBOL = '$'; // $ startWith is used for replace the existing style.
15
- // all other will be append
16
-
17
- function mergeStyle(defaultStyle) {
18
- var customStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
19
- var additionalStyle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
20
- // if(!Object.keys(defaultStyle).includes('base')) {
21
- // throw new Error(`STYLE CUSTOMIZATION RULE - Your style sheet should have "base" class name for customization`);
22
- // }
23
- return Object.keys(customStyle).reduce(function (res, next) {
24
- if (next.startsWith(REPLACER_SYMBOL)) {
25
- var styleValue = customStyle[next];
26
- var styleName = next.replace(REPLACER_SYMBOL, '');
27
-
28
- if (!defaultStyle[styleName] && !additionalStyle.includes(styleName)) {
29
- // return res;
30
- throw new Error("UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(styleName, "\" is not available in that component style"));
31
- }
32
-
33
- if (additionalStyle.includes(styleName)) {
34
- res[styleName] = styleValue;
35
- } else {
36
- var val = defaultStyle[styleName];
37
- Object.keys(res).map(function (keyName) {
38
- var styleKey = res[keyName];
39
- var styleClasses = styleKey.split(' ');
40
- var ind = styleClasses.indexOf(val);
41
-
42
- if (ind !== -1) {
43
- styleClasses[ind] = styleValue;
44
- res[keyName] = styleClasses.join(' ');
45
- }
46
- });
47
- }
48
- } else if (defaultStyle[next]) {
49
- var _val = defaultStyle[next];
50
- Object.keys(res).map(function (keyName) {
51
- var styleKey = res[keyName];
52
- var styleClasses = styleKey.split(' ');
53
- var ind = styleClasses.indexOf(_val);
54
-
55
- if (ind !== -1) {
56
- styleClasses[ind] = styleClasses[ind] + ' ' + customStyle[next];
57
- res[keyName] = styleClasses.join(' ');
58
- }
59
- });
60
- } else if (additionalStyle.includes(next)) {
61
- res[next] = customStyle[next];
62
- } else if (!defaultStyle[next] && !additionalStyle.includes(next)) {
63
- // res[next] = customStyle[next];
64
- throw new Error("UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(next, "\" is not available in that component style"));
65
- }
66
-
67
- return res;
68
- }, _objectSpread({}, defaultStyle));
69
- }
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.isDataTypeOf = exports.getDataType = exports.dataTypes = void 0;
7
-
8
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
9
-
10
- var dataTypes = {
11
- number: 'number',
12
- array: 'array',
13
- string: 'string',
14
- object: 'object',
15
- bigint: 'bigint',
16
- symbol: 'symbol',
17
- undefined: 'undefined',
18
- "function": 'function',
19
- "boolean": 'boolean'
20
- };
21
- exports.dataTypes = dataTypes;
22
-
23
- var getDataType = function getDataType(data) {
24
- var typeofData = _typeof(data);
25
-
26
- var isArrayDataType = Array.isArray(data);
27
-
28
- if (isArrayDataType) {
29
- return dataTypes.array;
30
- } else {
31
- return dataTypes[typeofData];
32
- }
33
- };
34
-
35
- exports.getDataType = getDataType;
36
-
37
- var isDataTypeOf = function isDataTypeOf(data, type) {
38
- return getDataType(data) === type;
39
- };
40
-
41
- exports.isDataTypeOf = isDataTypeOf;