@zohodesk/components 1.0.0-temp-164 → 1.0.0-temp-165

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 (560) hide show
  1. package/README.md +1237 -1212
  2. package/assets/Appearance/dark/mode/{Component_DarkMode.module.css → darkMode.module.css} +4 -4
  3. package/assets/Appearance/dark/themes/blue/{blue_CTA_DarkModifyCategory.module.css → blueDarkCTAModifyCategory.module.css} +1 -1
  4. package/assets/Appearance/dark/themes/blue/{blue_CTA_DarkTheme.module.css → blueDarkCTATheme.module.css} +2 -3
  5. package/assets/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +45 -0
  6. package/assets/Appearance/dark/themes/green/{green_CTA_DarkTheme.module.css → greenDarkCTATheme.module.css} +1 -2
  7. package/assets/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +45 -0
  8. package/assets/Appearance/dark/themes/orange/{orange_CTA_DarkTheme.module.css → orangeDarkCTATheme.module.css} +1 -2
  9. package/assets/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +45 -0
  10. package/assets/Appearance/dark/themes/red/{red_CTA_DarkTheme.module.css → redDarkCTATheme.module.css} +1 -2
  11. package/assets/Appearance/dark/themes/red/redDarkComponentTheme.module.css +45 -0
  12. package/assets/Appearance/dark/themes/yellow/{yellow_CTA_DarkTheme.module.css → yellowDarkCTATheme.module.css} +1 -2
  13. package/assets/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +45 -0
  14. package/assets/Appearance/{light/mode/Component_LightMode.module.css → default/mode/defaultMode.module.css} +155 -155
  15. package/assets/Appearance/{light/themes/blue/blue_CTA_LightModifyCategory.module.css → default/themes/blue/blueDefaultCTAModifyCategory.module.css} +451 -451
  16. package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +34 -0
  17. package/assets/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +45 -0
  18. package/assets/Appearance/{light/themes/green/green_CTA_LightModifyCategory.module.css → default/themes/green/greenDefaultCTAModifyCategory.module.css} +451 -451
  19. package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +34 -0
  20. package/assets/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +45 -0
  21. package/assets/Appearance/{light/themes/orange/orange_CTA_LightModifyCategory.module.css → default/themes/orange/orangeDefaultCTAModifyCategory.module.css} +451 -451
  22. package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +34 -0
  23. package/assets/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +45 -0
  24. package/assets/Appearance/{light/themes/red/red_CTA_LightModifyCategory.module.css → default/themes/red/redDefaultCTAModifyCategory.module.css} +451 -451
  25. package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +34 -0
  26. package/assets/Appearance/default/themes/red/redDefaultComponentTheme.module.css +45 -0
  27. package/assets/Appearance/{light/themes/yellow/yellow_CTA_LightModifyCategory.module.css → default/themes/yellow/yellowDefaultCTAModifyCategory.module.css} +451 -451
  28. package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +34 -0
  29. package/assets/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +45 -0
  30. package/assets/Appearance/pureDark/mode/{Component_PureDarkMode.module.css → pureDarkMode.module.css} +3 -3
  31. package/assets/Appearance/pureDark/themes/blue/{blue_CTA_PureDarkModifyCategory.module.css → bluePureDarkCTAModifyCategory.module.css} +1 -1
  32. package/assets/Appearance/pureDark/themes/blue/{blue_CTA_PureDarkTheme.module.css → bluePureDarkCTATheme.module.css} +2 -3
  33. package/assets/Appearance/pureDark/themes/blue/bluePureDarkComponentTheme.module.css +45 -0
  34. package/assets/Appearance/pureDark/themes/green/{green_CTA_PureDarkTheme.module.css → greenPureDarkCTATheme.module.css} +1 -2
  35. package/assets/Appearance/pureDark/themes/green/greenPureDarkComponentTheme.module.css +45 -0
  36. package/assets/Appearance/pureDark/themes/orange/{orange_CTA_PureDarkTheme.module.css → orangePureDarkCTATheme.module.css} +1 -2
  37. package/assets/Appearance/pureDark/themes/orange/orangePureDarkComponentTheme.module.css +45 -0
  38. package/assets/Appearance/pureDark/themes/red/{red_CTA_PureDarkTheme.module.css → redPureDarkCTATheme.module.css} +1 -2
  39. package/assets/Appearance/pureDark/themes/red/redPureDarkComponentTheme.module.css +45 -0
  40. package/assets/Appearance/pureDark/themes/yellow/{yellow_CTA_PureDarkTheme.module.css → yellowPureDarkCTATheme.module.css} +1 -2
  41. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkComponentTheme.module.css +45 -0
  42. package/assets/Contrast/defaultContrastLightness.module.css +39 -0
  43. package/es/Accordion/Accordion.js +8 -3
  44. package/es/Accordion/AccordionItem.js +5 -2
  45. package/es/Animation/Animation.js +3 -3
  46. package/es/AppContainer/AppContainer.js +27 -10
  47. package/es/AppContainer/AppContainer.module.css +18 -18
  48. package/es/AppContainer/props/defaultProps.js +2 -1
  49. package/es/AppContainer/props/propTypes.js +1 -0
  50. package/es/Avatar/Avatar.js +35 -20
  51. package/es/Avatar/Avatar.module.css +175 -175
  52. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  53. package/es/AvatarTeam/AvatarTeam.js +11 -10
  54. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  55. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  56. package/es/Button/Button.js +9 -7
  57. package/es/Button/css/Button.module.css +525 -525
  58. package/es/Buttongroup/Buttongroup.js +5 -4
  59. package/es/Buttongroup/Buttongroup.module.css +105 -106
  60. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  61. package/es/Card/Card.js +25 -14
  62. package/es/Card/Card.module.css +20 -20
  63. package/es/CheckBox/CheckBox.js +5 -3
  64. package/es/CheckBox/CheckBox.module.css +157 -157
  65. package/es/DateTime/CalendarView.js +33 -20
  66. package/es/DateTime/DateTime.js +78 -11
  67. package/es/DateTime/DateTime.module.css +235 -235
  68. package/es/DateTime/DateTimePopupFooter.js +4 -2
  69. package/es/DateTime/DateTimePopupHeader.js +8 -2
  70. package/es/DateTime/DateWidget.js +100 -35
  71. package/es/DateTime/DateWidget.module.css +38 -38
  72. package/es/DateTime/DaysRow.js +4 -2
  73. package/es/DateTime/Time.js +10 -2
  74. package/es/DateTime/YearView.js +28 -4
  75. package/es/DateTime/YearView.module.css +98 -98
  76. package/es/DateTime/__tests__/CalendarView.spec.js +1 -0
  77. package/es/DateTime/__tests__/DateTime.spec.js +1 -0
  78. package/es/DateTime/__tests__/DateWidget.spec.js +2 -3
  79. package/es/DateTime/common.js +3 -0
  80. package/es/DateTime/constants.js +1 -0
  81. package/es/DateTime/dateFormatUtils/dateFormat.js +63 -30
  82. package/es/DateTime/dateFormatUtils/dateFormats.js +0 -1
  83. package/es/DateTime/dateFormatUtils/dayChange.js +13 -4
  84. package/es/DateTime/dateFormatUtils/index.js +32 -2
  85. package/es/DateTime/dateFormatUtils/monthChange.js +8 -0
  86. package/es/DateTime/dateFormatUtils/timeChange.js +22 -6
  87. package/es/DateTime/dateFormatUtils/yearChange.js +11 -2
  88. package/es/DateTime/index.js +0 -0
  89. package/es/DateTime/objectUtils.js +14 -20
  90. package/es/DateTime/props/defaultProps.js +2 -1
  91. package/es/DateTime/typeChecker.js +3 -0
  92. package/es/DateTime/validator.js +58 -6
  93. package/es/DropBox/DropBox.js +9 -5
  94. package/es/DropBox/DropBoxElement/DropBoxElement.js +18 -6
  95. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -428
  96. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +6 -4
  97. package/es/DropBox/DropBoxElement/props/propTypes.js +1 -1
  98. package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +3 -0
  99. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  100. package/es/DropBox/__tests__/DropBox.spec.js +2 -2
  101. package/es/DropBox/css/DropBox.module.css +58 -58
  102. package/es/DropBox/props/defaultProps.js +1 -2
  103. package/es/DropBox/props/propTypes.js +1 -2
  104. package/es/DropDown/DropDown.js +10 -5
  105. package/es/DropDown/DropDown.module.css +5 -5
  106. package/es/DropDown/DropDownHeading.js +5 -5
  107. package/es/DropDown/DropDownHeading.module.css +53 -53
  108. package/es/DropDown/DropDownItem.js +8 -1
  109. package/es/DropDown/DropDownItem.module.css +94 -94
  110. package/es/DropDown/DropDownSearch.js +4 -0
  111. package/es/DropDown/DropDownSearch.module.css +14 -14
  112. package/es/DropDown/DropDownSeparator.js +1 -0
  113. package/es/DropDown/DropDownSeparator.module.css +7 -7
  114. package/es/DropDown/__tests__/DropDown.spec.js +1 -2
  115. package/es/Heading/Heading.js +3 -3
  116. package/es/Heading/Heading.module.css +4 -4
  117. package/es/Label/Label.js +12 -7
  118. package/es/Label/Label.module.css +52 -52
  119. package/es/Label/LabelColors.module.css +20 -20
  120. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  121. package/es/Label/props/propTypes.js +4 -1
  122. package/es/Layout/Box.js +17 -3
  123. package/es/Layout/Container.js +16 -4
  124. package/es/Layout/Layout.module.css +335 -335
  125. package/es/Layout/index.js +1 -2
  126. package/es/Layout/props/defaultProps.js +2 -0
  127. package/es/Layout/props/propTypes.js +2 -0
  128. package/es/Layout/utils.js +5 -1
  129. package/es/ListItem/ListContainer.js +8 -3
  130. package/es/ListItem/ListItem.js +9 -3
  131. package/es/ListItem/ListItem.module.css +216 -216
  132. package/es/ListItem/ListItemWithAvatar.js +9 -3
  133. package/es/ListItem/ListItemWithCheckBox.js +7 -2
  134. package/es/ListItem/ListItemWithIcon.js +8 -3
  135. package/es/ListItem/ListItemWithRadio.js +7 -3
  136. package/es/Modal/Modal.js +28 -11
  137. package/es/MultiSelect/AdvancedGroupMultiSelect.js +95 -18
  138. package/es/MultiSelect/AdvancedMultiSelect.js +33 -9
  139. package/es/MultiSelect/EmptyState.js +6 -0
  140. package/es/MultiSelect/MultiSelect.js +105 -37
  141. package/es/MultiSelect/MultiSelect.module.css +206 -206
  142. package/es/MultiSelect/MultiSelectHeader.js +3 -0
  143. package/es/MultiSelect/MultiSelectWithAvatar.js +13 -6
  144. package/es/MultiSelect/SelectedOptions.js +6 -3
  145. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  146. package/es/MultiSelect/Suggestions.js +7 -3
  147. package/es/MultiSelect/__tests__/MultiSelect.spec.js +4 -6
  148. package/es/MultiSelect/props/propTypes.js +2 -0
  149. package/es/PopOver/PopOver.js +18 -2
  150. package/es/PopOver/PopOver.module.css +8 -8
  151. package/es/PopOver/__tests__/PopOver.spec.js +2 -1
  152. package/es/Popup/Popup.js +77 -27
  153. package/es/Popup/PositionMapping.json +73 -73
  154. package/es/Popup/__tests__/Popup.spec.js +17 -5
  155. package/es/Popup/viewPort.js +16 -4
  156. package/es/Provider/IdProvider.js +10 -5
  157. package/es/Provider/LibraryContext.js +6 -4
  158. package/es/Provider/NumberGenerator/NumberGenerator.js +21 -7
  159. package/es/Provider/ZindexProvider.js +9 -2
  160. package/es/Radio/Radio.js +4 -2
  161. package/es/Radio/Radio.module.css +112 -112
  162. package/es/Responsive/CustomResponsive.js +30 -18
  163. package/es/Responsive/RefWrapper.js +6 -7
  164. package/es/Responsive/ResizeComponent.js +35 -25
  165. package/es/Responsive/ResizeObserver.js +26 -6
  166. package/es/Responsive/Responsive.js +34 -20
  167. package/es/Responsive/index.js +1 -3
  168. package/es/Responsive/sizeObservers.js +28 -7
  169. package/es/Responsive/utils/index.js +7 -5
  170. package/es/Responsive/utils/shallowCompare.js +7 -2
  171. package/es/Responsive/windowResizeObserver.js +7 -0
  172. package/es/ResponsiveDropBox/ResponsiveDropBox.js +4 -0
  173. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  174. package/es/Ribbon/Ribbon.js +4 -2
  175. package/es/Ribbon/Ribbon.module.css +454 -456
  176. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  177. package/es/RippleEffect/RippleEffect.js +1 -3
  178. package/es/RippleEffect/RippleEffect.module.css +92 -92
  179. package/es/Select/GroupSelect.js +59 -14
  180. package/es/Select/Select.js +81 -34
  181. package/es/Select/Select.module.css +108 -108
  182. package/es/Select/SelectWithAvatar.js +19 -4
  183. package/es/Select/SelectWithIcon.js +48 -6
  184. package/es/Select/__tests__/Select.spec.js +6 -8
  185. package/es/Select/props/propTypes.js +1 -0
  186. package/es/Stencils/Stencils.js +3 -3
  187. package/es/Stencils/Stencils.module.css +96 -96
  188. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  189. package/es/Switch/Switch.js +6 -3
  190. package/es/Switch/Switch.module.css +127 -127
  191. package/es/Tab/Tab.js +4 -4
  192. package/es/Tab/Tab.module.css +100 -100
  193. package/es/Tab/TabContent.js +1 -0
  194. package/es/Tab/TabContent.module.css +4 -4
  195. package/es/Tab/TabContentWrapper.js +2 -0
  196. package/es/Tab/TabWrapper.js +5 -2
  197. package/es/Tab/Tabs.js +73 -25
  198. package/es/Tab/Tabs.module.css +136 -154
  199. package/es/Tab/__tests__/Tab.spec.js +1 -3
  200. package/es/Tab/__tests__/TabWrapper.spec.js +1 -0
  201. package/es/Tag/Tag.js +15 -11
  202. package/es/Tag/Tag.module.css +254 -254
  203. package/es/TextBox/TextBox.js +16 -3
  204. package/es/TextBox/TextBox.module.css +158 -158
  205. package/es/TextBox/__tests__/TextBox.spec.js +1 -4
  206. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  207. package/es/TextBoxIcon/TextBoxIcon.js +9 -2
  208. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  209. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +2 -7
  210. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  211. package/es/Textarea/Textarea.js +13 -3
  212. package/es/Textarea/Textarea.module.css +139 -139
  213. package/es/Textarea/__tests__/Textarea.spec.js +2 -2
  214. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  215. package/es/Tooltip/Tooltip.js +60 -15
  216. package/es/Tooltip/Tooltip.module.css +140 -140
  217. package/es/Tooltip/__tests__/Tooltip.spec.js +5 -0
  218. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -2
  219. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +7 -5
  220. package/es/common/a11y.module.css +3 -3
  221. package/es/common/animation.module.css +624 -624
  222. package/es/common/avatarsizes.module.css +48 -48
  223. package/es/common/basic.module.css +33 -33
  224. package/es/common/basicReset.module.css +40 -40
  225. package/es/common/boxShadow.module.css +33 -33
  226. package/es/common/common.module.css +524 -524
  227. package/es/common/customscroll.module.css +91 -91
  228. package/es/common/reset.module.css +13 -13
  229. package/es/common/transition.module.css +146 -146
  230. package/es/deprecated/AdvancedMultiSelect.module.css +126 -126
  231. package/es/deprecated/PortalLayer/PortalLayer.js +25 -20
  232. package/es/semantic/Button/Button.js +4 -2
  233. package/es/semantic/Button/semanticButton.module.css +9 -9
  234. package/es/utils/Common.js +58 -9
  235. package/es/utils/ContextOptimizer.js +4 -5
  236. package/es/utils/__tests__/debounce.spec.js +2 -2
  237. package/es/utils/constructFullName.js +2 -0
  238. package/es/utils/css/compileClassNames.js +5 -0
  239. package/es/utils/css/mergeStyle.js +7 -6
  240. package/es/utils/css/utils.js +1 -0
  241. package/es/utils/datetime/GMTZones.js +48 -0
  242. package/es/utils/datetime/common.js +31 -7
  243. package/es/utils/debounce.js +5 -1
  244. package/es/utils/dropDownUtils.js +68 -11
  245. package/es/utils/getInitial.js +4 -0
  246. package/es/utils/shallowEqual.js +6 -0
  247. package/install.md +10 -10
  248. package/lib/Accordion/Accordion.js +43 -18
  249. package/lib/Accordion/AccordionItem.js +41 -18
  250. package/lib/Accordion/__tests__/Accordion.spec.js +3 -0
  251. package/lib/Accordion/index.js +3 -0
  252. package/lib/Accordion/props/propTypes.js +3 -0
  253. package/lib/Animation/Animation.js +38 -18
  254. package/lib/Animation/__tests__/Animation.spec.js +11 -7
  255. package/lib/Animation/props/propTypes.js +3 -0
  256. package/lib/AppContainer/AppContainer.js +66 -26
  257. package/lib/AppContainer/AppContainer.module.css +18 -18
  258. package/lib/AppContainer/props/defaultProps.js +2 -1
  259. package/lib/AppContainer/props/propTypes.js +4 -0
  260. package/lib/Avatar/Avatar.js +90 -47
  261. package/lib/Avatar/Avatar.module.css +175 -175
  262. package/lib/Avatar/__tests__/Avatar.spec.js +44 -0
  263. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  264. package/lib/Avatar/props/propTypes.js +3 -0
  265. package/lib/AvatarTeam/AvatarTeam.js +60 -37
  266. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  267. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +13 -0
  268. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  269. package/lib/AvatarTeam/props/propTypes.js +3 -0
  270. package/lib/Button/Button.js +36 -24
  271. package/lib/Button/css/Button.module.css +525 -525
  272. package/lib/Button/css/cssJSLogic.js +18 -17
  273. package/lib/Button/index.js +3 -0
  274. package/lib/Button/props/defaultProps.js +2 -0
  275. package/lib/Button/props/propTypes.js +3 -0
  276. package/lib/Buttongroup/Buttongroup.js +34 -13
  277. package/lib/Buttongroup/Buttongroup.module.css +105 -106
  278. package/lib/Buttongroup/__test__/Buttongroup.spec.js +10 -0
  279. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  280. package/lib/Buttongroup/props/propTypes.js +3 -0
  281. package/lib/Card/Card.js +106 -50
  282. package/lib/Card/Card.module.css +20 -20
  283. package/lib/Card/__tests__/Card.spec.js +10 -1
  284. package/lib/Card/index.js +4 -0
  285. package/lib/Card/props/propTypes.js +3 -0
  286. package/lib/CheckBox/CheckBox.js +71 -47
  287. package/lib/CheckBox/CheckBox.module.css +157 -157
  288. package/lib/CheckBox/__tests__/CheckBox.spec.js +3 -0
  289. package/lib/CheckBox/props/propTypes.js +3 -0
  290. package/lib/DateTime/CalendarView.js +83 -42
  291. package/lib/DateTime/DateTime.js +249 -159
  292. package/lib/DateTime/DateTime.module.css +235 -235
  293. package/lib/DateTime/DateTimePopupFooter.js +31 -8
  294. package/lib/DateTime/DateTimePopupHeader.js +48 -17
  295. package/lib/DateTime/DateWidget.js +354 -250
  296. package/lib/DateTime/DateWidget.module.css +38 -38
  297. package/lib/DateTime/DaysRow.js +27 -5
  298. package/lib/DateTime/Time.js +73 -32
  299. package/lib/DateTime/YearView.js +77 -28
  300. package/lib/DateTime/YearView.module.css +98 -98
  301. package/lib/DateTime/__tests__/CalendarView.spec.js +13 -5
  302. package/lib/DateTime/__tests__/DateTime.spec.js +51 -37
  303. package/lib/DateTime/__tests__/DateWidget.spec.js +10 -8
  304. package/lib/DateTime/common.js +6 -0
  305. package/lib/DateTime/constants.js +1 -0
  306. package/lib/DateTime/dateFormatUtils/dateFormat.js +184 -122
  307. package/lib/DateTime/dateFormatUtils/dateFormats.js +0 -1
  308. package/lib/DateTime/dateFormatUtils/dayChange.js +14 -7
  309. package/lib/DateTime/dateFormatUtils/index.js +74 -16
  310. package/lib/DateTime/dateFormatUtils/monthChange.js +19 -9
  311. package/lib/DateTime/dateFormatUtils/timeChange.js +54 -22
  312. package/lib/DateTime/dateFormatUtils/yearChange.js +22 -11
  313. package/lib/DateTime/index.js +2 -0
  314. package/lib/DateTime/objectUtils.js +24 -20
  315. package/lib/DateTime/props/defaultProps.js +2 -1
  316. package/lib/DateTime/props/propTypes.js +11 -1
  317. package/lib/DateTime/typeChecker.js +4 -0
  318. package/lib/DateTime/validator.js +73 -10
  319. package/lib/DropBox/DropBox.js +36 -12
  320. package/lib/DropBox/DropBoxElement/DropBoxElement.js +68 -42
  321. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -428
  322. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +43 -34
  323. package/lib/DropBox/DropBoxElement/props/propTypes.js +4 -1
  324. package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +14 -9
  325. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  326. package/lib/DropBox/__tests__/DropBox.spec.js +8 -4
  327. package/lib/DropBox/css/DropBox.module.css +58 -58
  328. package/lib/DropBox/css/cssJSLogic.js +3 -1
  329. package/lib/DropBox/props/defaultProps.js +8 -4
  330. package/lib/DropBox/props/propTypes.js +10 -4
  331. package/lib/DropDown/DropDown.js +54 -9
  332. package/lib/DropDown/DropDown.module.css +5 -5
  333. package/lib/DropDown/DropDownHeading.js +40 -20
  334. package/lib/DropDown/DropDownHeading.module.css +53 -53
  335. package/lib/DropDown/DropDownItem.js +44 -21
  336. package/lib/DropDown/DropDownItem.module.css +94 -94
  337. package/lib/DropDown/DropDownSearch.js +40 -17
  338. package/lib/DropDown/DropDownSearch.module.css +14 -14
  339. package/lib/DropDown/DropDownSeparator.js +24 -4
  340. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  341. package/lib/DropDown/__tests__/DropDown.spec.js +15 -9
  342. package/lib/DropDown/__tests__/DropDownItem.spec.js +9 -4
  343. package/lib/DropDown/__tests__/DropDownSearch.spec.js +3 -0
  344. package/lib/DropDown/index.js +9 -0
  345. package/lib/DropDown/props/propTypes.js +6 -4
  346. package/lib/Heading/Heading.js +39 -16
  347. package/lib/Heading/Heading.module.css +4 -4
  348. package/lib/Heading/props/propTypes.js +3 -0
  349. package/lib/Label/Label.js +45 -20
  350. package/lib/Label/Label.module.css +52 -52
  351. package/lib/Label/LabelColors.module.css +20 -20
  352. package/lib/Label/__tests__/Label.spec.js +14 -1
  353. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  354. package/lib/Label/props/propTypes.js +7 -1
  355. package/lib/Layout/Box.js +39 -15
  356. package/lib/Layout/Container.js +37 -14
  357. package/lib/Layout/Layout.module.css +335 -335
  358. package/lib/Layout/__tests__/Box.spec.js +65 -49
  359. package/lib/Layout/__tests__/Container.spec.js +67 -50
  360. package/lib/Layout/index.js +3 -0
  361. package/lib/Layout/props/defaultProps.js +2 -0
  362. package/lib/Layout/props/propTypes.js +5 -0
  363. package/lib/Layout/utils.js +15 -1
  364. package/lib/ListItem/ListContainer.js +48 -27
  365. package/lib/ListItem/ListItem.js +69 -45
  366. package/lib/ListItem/ListItem.module.css +216 -216
  367. package/lib/ListItem/ListItemWithAvatar.js +75 -48
  368. package/lib/ListItem/ListItemWithCheckBox.js +64 -39
  369. package/lib/ListItem/ListItemWithIcon.js +68 -44
  370. package/lib/ListItem/ListItemWithRadio.js +65 -41
  371. package/lib/ListItem/index.js +7 -0
  372. package/lib/ListItem/props/propTypes.js +6 -4
  373. package/lib/Modal/Modal.js +45 -10
  374. package/lib/Modal/props/propTypes.js +3 -0
  375. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +300 -171
  376. package/lib/MultiSelect/AdvancedMultiSelect.js +203 -125
  377. package/lib/MultiSelect/EmptyState.js +49 -24
  378. package/lib/MultiSelect/MultiSelect.js +329 -211
  379. package/lib/MultiSelect/MultiSelect.module.css +206 -206
  380. package/lib/MultiSelect/MultiSelectHeader.js +30 -8
  381. package/lib/MultiSelect/MultiSelectWithAvatar.js +106 -63
  382. package/lib/MultiSelect/SelectedOptions.js +43 -17
  383. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  384. package/lib/MultiSelect/Suggestions.js +64 -32
  385. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +86 -75
  386. package/lib/MultiSelect/index.js +5 -0
  387. package/lib/MultiSelect/props/defaultProps.js +2 -0
  388. package/lib/MultiSelect/props/propTypes.js +5 -0
  389. package/lib/PopOver/PopOver.js +95 -49
  390. package/lib/PopOver/PopOver.module.css +8 -8
  391. package/lib/PopOver/__tests__/PopOver.spec.js +4 -1
  392. package/lib/PopOver/index.js +4 -0
  393. package/lib/PopOver/props/propTypes.js +3 -0
  394. package/lib/Popup/Popup.js +158 -84
  395. package/lib/Popup/PositionMapping.json +73 -73
  396. package/lib/Popup/__tests__/Popup.spec.js +43 -8
  397. package/lib/Popup/viewPort.js +28 -14
  398. package/lib/Provider/AvatarSize.js +4 -0
  399. package/lib/Provider/Config.js +2 -0
  400. package/lib/Provider/CssProvider.js +4 -0
  401. package/lib/Provider/IdProvider.js +17 -6
  402. package/lib/Provider/LibraryContext.js +35 -15
  403. package/lib/Provider/LibraryContextInit.js +4 -0
  404. package/lib/Provider/NumberGenerator/NumberGenerator.js +44 -15
  405. package/lib/Provider/ZindexProvider.js +15 -3
  406. package/lib/Provider/index.js +5 -0
  407. package/lib/Radio/Radio.js +61 -38
  408. package/lib/Radio/Radio.module.css +112 -112
  409. package/lib/Radio/__tests__/Radiospec.js +9 -5
  410. package/lib/Radio/props/propTypes.js +3 -0
  411. package/lib/Responsive/CustomResponsive.js +73 -29
  412. package/lib/Responsive/RefWrapper.js +17 -11
  413. package/lib/Responsive/ResizeComponent.js +62 -36
  414. package/lib/Responsive/ResizeObserver.js +24 -10
  415. package/lib/Responsive/Responsive.js +80 -30
  416. package/lib/Responsive/index.js +4 -0
  417. package/lib/Responsive/props/propTypes.js +3 -0
  418. package/lib/Responsive/sizeObservers.js +53 -17
  419. package/lib/Responsive/utils/index.js +11 -3
  420. package/lib/Responsive/utils/shallowCompare.js +11 -2
  421. package/lib/Responsive/windowResizeObserver.js +8 -0
  422. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +45 -17
  423. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  424. package/lib/ResponsiveDropBox/props/propTypes.js +3 -0
  425. package/lib/Ribbon/Ribbon.js +34 -13
  426. package/lib/Ribbon/Ribbon.module.css +454 -456
  427. package/lib/Ribbon/__tests__/Ribbon.spec.js +22 -0
  428. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  429. package/lib/Ribbon/props/propTypes.js +3 -0
  430. package/lib/RippleEffect/RippleEffect.js +18 -10
  431. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  432. package/lib/RippleEffect/props/propTypes.js +3 -0
  433. package/lib/Select/GroupSelect.js +230 -130
  434. package/lib/Select/Select.js +292 -210
  435. package/lib/Select/Select.module.css +108 -108
  436. package/lib/Select/SelectWithAvatar.js +104 -56
  437. package/lib/Select/SelectWithIcon.js +134 -77
  438. package/lib/Select/__tests__/Select.spec.js +133 -91
  439. package/lib/Select/index.js +5 -0
  440. package/lib/Select/props/defaultProps.js +5 -4
  441. package/lib/Select/props/propTypes.js +4 -0
  442. package/lib/Stencils/Stencils.js +29 -10
  443. package/lib/Stencils/Stencils.module.css +96 -96
  444. package/lib/Stencils/__tests__/Stencils.spec.js +12 -0
  445. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  446. package/lib/Stencils/props/propTypes.js +3 -0
  447. package/lib/Switch/Switch.js +58 -34
  448. package/lib/Switch/Switch.module.css +127 -127
  449. package/lib/Switch/props/propTypes.js +3 -0
  450. package/lib/Tab/Tab.js +40 -27
  451. package/lib/Tab/Tab.module.css +100 -100
  452. package/lib/Tab/TabContent.js +12 -5
  453. package/lib/Tab/TabContent.module.css +4 -4
  454. package/lib/Tab/TabContentWrapper.js +13 -6
  455. package/lib/Tab/TabWrapper.js +37 -19
  456. package/lib/Tab/Tabs.js +184 -103
  457. package/lib/Tab/Tabs.module.css +136 -154
  458. package/lib/Tab/__tests__/Tab.spec.js +67 -58
  459. package/lib/Tab/__tests__/TabContent.spec.js +10 -6
  460. package/lib/Tab/__tests__/TabContentWrapper.spec.js +28 -20
  461. package/lib/Tab/__tests__/TabWrapper.spec.js +12 -0
  462. package/lib/Tab/__tests__/Tabs.spec.js +53 -39
  463. package/lib/Tab/index.js +6 -0
  464. package/lib/Tab/props/propTypes.js +3 -0
  465. package/lib/Tag/Tag.js +81 -51
  466. package/lib/Tag/Tag.module.css +254 -254
  467. package/lib/Tag/__tests__/Tag.spec.js +14 -8
  468. package/lib/Tag/props/propTypes.js +3 -0
  469. package/lib/TextBox/TextBox.js +86 -59
  470. package/lib/TextBox/TextBox.module.css +158 -158
  471. package/lib/TextBox/__tests__/TextBox.spec.js +14 -4
  472. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  473. package/lib/TextBox/props/propTypes.js +6 -4
  474. package/lib/TextBoxIcon/TextBoxIcon.js +79 -52
  475. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  476. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +14 -5
  477. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  478. package/lib/TextBoxIcon/props/propTypes.js +3 -0
  479. package/lib/Textarea/Textarea.js +55 -29
  480. package/lib/Textarea/Textarea.module.css +139 -139
  481. package/lib/Textarea/__tests__/Textarea.spec.js +14 -2
  482. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  483. package/lib/Textarea/props/propTypes.js +3 -0
  484. package/lib/Tooltip/Tooltip.js +96 -32
  485. package/lib/Tooltip/Tooltip.module.css +140 -140
  486. package/lib/Tooltip/__tests__/Tooltip.spec.js +24 -3
  487. package/lib/Tooltip/props/propTypes.js +3 -0
  488. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +40 -16
  489. package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +3 -0
  490. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +53 -25
  491. package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +3 -0
  492. package/lib/VelocityAnimation/index.js +3 -0
  493. package/lib/common/a11y.module.css +3 -3
  494. package/lib/common/animation.module.css +624 -624
  495. package/lib/common/avatarsizes.module.css +48 -48
  496. package/lib/common/basic.module.css +33 -33
  497. package/lib/common/basicReset.module.css +40 -40
  498. package/lib/common/boxShadow.module.css +33 -33
  499. package/lib/common/common.module.css +524 -524
  500. package/lib/common/customscroll.module.css +91 -91
  501. package/lib/common/reset.module.css +13 -13
  502. package/lib/common/transition.module.css +146 -146
  503. package/lib/css.js +40 -0
  504. package/lib/deprecated/AdvancedMultiSelect.module.css +126 -126
  505. package/lib/deprecated/PortalLayer/PortalLayer.js +46 -23
  506. package/lib/deprecated/PortalLayer/props/propTypes.js +3 -0
  507. package/lib/index.js +57 -0
  508. package/lib/semantic/Button/Button.js +43 -22
  509. package/lib/semantic/Button/props/propTypes.js +3 -0
  510. package/lib/semantic/Button/semanticButton.module.css +9 -9
  511. package/lib/semantic/index.js +2 -0
  512. package/lib/utils/Common.js +117 -19
  513. package/lib/utils/ContextOptimizer.js +16 -10
  514. package/lib/utils/__tests__/constructFullName.spec.js +1 -0
  515. package/lib/utils/__tests__/debounce.spec.js +3 -2
  516. package/lib/utils/__tests__/getInitial.spec.js +1 -0
  517. package/lib/utils/constructFullName.js +13 -4
  518. package/lib/utils/css/compileClassNames.js +6 -0
  519. package/lib/utils/css/mergeStyle.js +10 -7
  520. package/lib/utils/css/utils.js +8 -0
  521. package/lib/utils/datetime/GMTZones.js +55 -0
  522. package/lib/utils/datetime/common.js +52 -7
  523. package/lib/utils/debounce.js +6 -1
  524. package/lib/utils/dropDownUtils.js +175 -59
  525. package/lib/utils/dummyFunction.js +2 -0
  526. package/lib/utils/getHTMLFontSize.js +1 -0
  527. package/lib/utils/getInitial.js +6 -0
  528. package/lib/utils/index.js +4 -0
  529. package/lib/utils/scrollTo.js +2 -0
  530. package/lib/utils/shallowEqual.js +8 -0
  531. package/package.json +113 -123
  532. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +0 -45
  533. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +0 -45
  534. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +0 -45
  535. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +0 -45
  536. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +0 -45
  537. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +0 -35
  538. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +0 -45
  539. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +0 -35
  540. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +0 -45
  541. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +0 -35
  542. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +0 -45
  543. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +0 -35
  544. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +0 -45
  545. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +0 -35
  546. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +0 -45
  547. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +0 -45
  548. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +0 -45
  549. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +0 -45
  550. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +0 -45
  551. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +0 -45
  552. package/assets/Contrast/lightContrastLightness.module.css +0 -39
  553. /package/assets/Appearance/dark/themes/green/{green_CTA_DarkModifyCategory.module.css → greenDarkCTAModifyCategory.module.css} +0 -0
  554. /package/assets/Appearance/dark/themes/orange/{orange_CTA_DarkModifyCategory.module.css → orangeDarkCTAModifyCategory.module.css} +0 -0
  555. /package/assets/Appearance/dark/themes/red/{red_CTA_DarkModifyCategory.module.css → redDarkCTAModifyCategory.module.css} +0 -0
  556. /package/assets/Appearance/dark/themes/yellow/{yellow_CTA_DarkModifyCategory.module.css → yellowDarkCTAModifyCategory.module.css} +0 -0
  557. /package/assets/Appearance/pureDark/themes/green/{green_CTA_PureDarkModifyCategory.module.css → greenPureDarkCTAModifyCategory.module.css} +0 -0
  558. /package/assets/Appearance/pureDark/themes/orange/{orange_CTA_PureDarkModifyCategory.module.css → orangePureDarkCTAModifyCategory.module.css} +0 -0
  559. /package/assets/Appearance/pureDark/themes/red/{red_CTA_PureDarkModifyCategory.module.css → redPureDarkCTAModifyCategory.module.css} +0 -0
  560. /package/assets/Appearance/pureDark/themes/yellow/{yellow_CTA_PureDarkModifyCategory.module.css → yellowPureDarkCTAModifyCategory.module.css} +0 -0
@@ -1,127 +1,127 @@
1
- .wrapper {
2
- position: relative;
3
- }
4
- .disabled, .readOnly {
5
- cursor: not-allowed;
6
- }
7
- .container {
8
- max-height: 120px;
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 34px 7px 0;
45
- }
46
- [dir=rtl] .container.medium {
47
- padding: 0 0 7px 34px;
48
- }
49
- .container.xmedium {
50
- min-height: 30px;
51
- }
52
- [dir=ltr] .container.xmedium {
53
- padding: 0 34px 1px 0;
54
- }
55
- [dir=rtl] .container.xmedium {
56
- padding: 0 0 1px 34px;
57
- }
58
-
59
- .delete {
60
- position: absolute;
61
- bottom: 0;
62
- color: var(--zdt_advancedmultiselect_delete_text);
63
- padding-bottom: 10px;
64
- cursor: pointer;
65
- background-color: var(--zdt_advancedmultiselect_delete_bg);
66
- border: 0;
67
- }
68
-
69
- [dir=ltr] .delete {
70
- right: 15px;
71
- }
72
-
73
- [dir=rtl] .delete {
74
- left: 15px;
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: 200px;
95
- }
96
-
97
- .medium {
98
- max-height: 350px;
99
- }
100
-
101
- .large {
102
- max-height: 400px;
103
- }
104
-
105
- .dropContainer {
106
- display: inline-block;
107
- max-width: 100%;
108
- margin-bottom: 5px;
109
- }
110
-
111
- .dropPopup {
112
- font-size: 13px;
113
- }
114
-
115
- .dropPopup :global .toggleDropIcon {
116
- color: var(--zdt_advancedmultiselect_droppopup_text);
117
- }
118
-
119
- .more {
120
- font-size: 14px;
121
- color: var(--zdt_advancedmultiselect_more_text);
122
- font-family: inherit;
123
- cursor: pointer;
124
- margin-top: 5px;
125
- background-color: var(--zdt_advancedmultiselect_delete_bg);
126
- border: 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
127
  }
@@ -1,34 +1,49 @@
1
1
  "use strict";
2
2
 
3
3
  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); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = exports.RefElement = void 0;
9
+
8
10
  var _react = _interopRequireDefault(require("react"));
11
+
9
12
  var _propTypes = require("./props/propTypes");
13
+
10
14
  var _defaultProps = require("./props/defaultProps");
15
+
11
16
  var _Modal = _interopRequireDefault(require("../../Modal/Modal"));
17
+
12
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
+
13
20
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
14
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
21
+
22
+ function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
23
+
15
24
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
16
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
17
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
25
+
18
26
  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
27
+
19
28
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
29
+
20
30
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
31
+
21
32
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
33
+
22
34
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
35
+
23
36
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
37
+
24
38
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
39
+
25
40
  var RefElement = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
26
41
  var Element = props.Element,
27
- elementProps = props.elementProps,
28
- renderChildren = props.renderChildren,
29
- _props$isChildrenRest = props.isChildrenRestrictionNeeded,
30
- isChildrenRestrictionNeeded = _props$isChildrenRest === void 0 ? true : _props$isChildrenRest,
31
- isActive = props.isActive;
42
+ elementProps = props.elementProps,
43
+ renderChildren = props.renderChildren,
44
+ _props$isChildrenRest = props.isChildrenRestrictionNeeded,
45
+ isChildrenRestrictionNeeded = _props$isChildrenRest === void 0 ? true : _props$isChildrenRest,
46
+ isActive = props.isActive;
32
47
  return isChildrenRestrictionNeeded ? isActive ? renderChildren ? renderChildren(ref) : /*#__PURE__*/_react["default"].createElement(Element, Object.assign({}, elementProps, {
33
48
  forwardRef: ref
34
49
  })) : null : renderChildren ? renderChildren(ref, isActive) : /*#__PURE__*/_react["default"].createElement(Element, Object.assign({}, elementProps, {
@@ -36,13 +51,19 @@ var RefElement = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
36
51
  forwardRef: ref
37
52
  }));
38
53
  });
54
+
39
55
  exports.RefElement = RefElement;
56
+
40
57
  var PortalLayer = /*#__PURE__*/function (_React$Component) {
41
58
  _inherits(PortalLayer, _React$Component);
59
+
42
60
  var _super = _createSuper(PortalLayer);
61
+
43
62
  function PortalLayer(props) {
44
63
  var _this;
64
+
45
65
  _classCallCheck(this, PortalLayer);
66
+
46
67
  _this = _super.call(this, props);
47
68
  _this.state = {
48
69
  isOpen: props.initialState
@@ -51,12 +72,14 @@ var PortalLayer = /*#__PURE__*/function (_React$Component) {
51
72
  _this.getState = _this.getState.bind(_assertThisInitialized(_this));
52
73
  return _this;
53
74
  }
75
+
54
76
  _createClass(PortalLayer, [{
55
77
  key: "componentDidUpdate",
56
78
  value: function componentDidUpdate(prevProps) {
57
79
  var isActive = this.props.isActive,
58
- prevActive = prevProps.isActive;
80
+ prevActive = prevProps.isActive;
59
81
  isActive = Boolean(isActive), prevActive = Boolean(prevActive);
82
+
60
83
  if (typeof isActive !== 'undefined' && isActive != prevActive && Boolean(this.state.isOpen) != isActive) {
61
84
  this.setState({
62
85
  isOpen: isActive
@@ -83,9 +106,9 @@ var PortalLayer = /*#__PURE__*/function (_React$Component) {
83
106
  key: "componentDidMount",
84
107
  value: function componentDidMount() {
85
108
  var _this$props = this.props,
86
- saveUpdateFunction = _this$props.saveUpdateFunction,
87
- saveGetFunction = _this$props.saveGetFunction,
88
- name = _this$props.name;
109
+ saveUpdateFunction = _this$props.saveUpdateFunction,
110
+ saveGetFunction = _this$props.saveGetFunction,
111
+ name = _this$props.name;
89
112
  saveUpdateFunction && saveUpdateFunction(this.updateState, name);
90
113
  saveGetFunction && saveGetFunction(this.getState, name);
91
114
  }
@@ -93,15 +116,15 @@ var PortalLayer = /*#__PURE__*/function (_React$Component) {
93
116
  key: "render",
94
117
  value: function render() {
95
118
  var _this$props2 = this.props,
96
- children = _this$props2.children,
97
- renderChildren = _this$props2.renderChildren,
98
- portalId = _this$props2.portalId,
99
- autoZIndexNeeded = _this$props2.autoZIndexNeeded,
100
- isChildrenRestrictionNeeded = _this$props2.isChildrenRestrictionNeeded,
101
- _this$state$isOpen = this.state.isOpen,
102
- isOpen = _this$state$isOpen === void 0 ? false : _this$state$isOpen;
119
+ children = _this$props2.children,
120
+ renderChildren = _this$props2.renderChildren,
121
+ portalId = _this$props2.portalId,
122
+ autoZIndexNeeded = _this$props2.autoZIndexNeeded,
123
+ isChildrenRestrictionNeeded = _this$props2.isChildrenRestrictionNeeded,
124
+ _this$state$isOpen = this.state.isOpen,
125
+ isOpen = _this$state$isOpen === void 0 ? false : _this$state$isOpen;
103
126
  var Element = children && children.type,
104
- elementProps = children && children.props;
127
+ elementProps = children && children.props;
105
128
  return /*#__PURE__*/_react["default"].createElement(_Modal["default"], {
106
129
  autoZIndexNeeded: autoZIndexNeeded,
107
130
  portalId: portalId,
@@ -115,13 +138,13 @@ var PortalLayer = /*#__PURE__*/function (_React$Component) {
115
138
  }));
116
139
  }
117
140
  }]);
141
+
118
142
  return PortalLayer;
119
143
  }(_react["default"].Component);
144
+
120
145
  exports["default"] = PortalLayer;
121
146
  PortalLayer.defaultProps = _defaultProps.defaultProps;
122
- PortalLayer.propTypes = _propTypes.propTypes;
123
-
124
- // if (__DOCS__) {
147
+ PortalLayer.propTypes = _propTypes.propTypes; // if (__DOCS__) {
125
148
  // PortalLayer.docs = {
126
149
  // componentGroup: 'Atom',
127
150
  // folderName: 'Style Guide'
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = void 0;
7
+
7
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
8
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
9
12
  var propTypes = {
10
13
  autoZIndexNeeded: _propTypes["default"].bool,
11
14
  children: _propTypes["default"].element,
package/lib/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  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); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
@@ -173,7 +174,9 @@ Object.defineProperty(exports, "Tooltip", {
173
174
  }
174
175
  });
175
176
  exports.utils = void 0;
177
+
176
178
  var _Accordion = require("./Accordion");
179
+
177
180
  Object.keys(_Accordion).forEach(function (key) {
178
181
  if (key === "default" || key === "__esModule") return;
179
182
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -185,13 +188,21 @@ Object.keys(_Accordion).forEach(function (key) {
185
188
  }
186
189
  });
187
190
  });
191
+
188
192
  var _Animation = _interopRequireDefault(require("./Animation/Animation"));
193
+
189
194
  var _AppContainer = _interopRequireDefault(require("./AppContainer/AppContainer"));
195
+
190
196
  var _Avatar = _interopRequireDefault(require("./Avatar/Avatar"));
197
+
191
198
  var _AvatarTeam = _interopRequireDefault(require("./AvatarTeam/AvatarTeam"));
199
+
192
200
  var _Button = _interopRequireDefault(require("./Button/Button"));
201
+
193
202
  var _Buttongroup = _interopRequireDefault(require("./Buttongroup/Buttongroup"));
203
+
194
204
  var _Card = require("./Card");
205
+
195
206
  Object.keys(_Card).forEach(function (key) {
196
207
  if (key === "default" || key === "__esModule") return;
197
208
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -203,8 +214,11 @@ Object.keys(_Card).forEach(function (key) {
203
214
  }
204
215
  });
205
216
  });
217
+
206
218
  var _CheckBox = _interopRequireDefault(require("./CheckBox/CheckBox"));
219
+
207
220
  var _DateTime = require("./DateTime");
221
+
208
222
  Object.keys(_DateTime).forEach(function (key) {
209
223
  if (key === "default" || key === "__esModule") return;
210
224
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -216,8 +230,11 @@ Object.keys(_DateTime).forEach(function (key) {
216
230
  }
217
231
  });
218
232
  });
233
+
219
234
  var _DropBox = _interopRequireDefault(require("./DropBox/DropBox"));
235
+
220
236
  var _DropDown = require("./DropDown");
237
+
221
238
  Object.keys(_DropDown).forEach(function (key) {
222
239
  if (key === "default" || key === "__esModule") return;
223
240
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -229,9 +246,13 @@ Object.keys(_DropDown).forEach(function (key) {
229
246
  }
230
247
  });
231
248
  });
249
+
232
250
  var _Heading = _interopRequireDefault(require("./Heading/Heading"));
251
+
233
252
  var _Label = _interopRequireDefault(require("./Label/Label"));
253
+
234
254
  var _Layout = require("./Layout");
255
+
235
256
  Object.keys(_Layout).forEach(function (key) {
236
257
  if (key === "default" || key === "__esModule") return;
237
258
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -243,7 +264,9 @@ Object.keys(_Layout).forEach(function (key) {
243
264
  }
244
265
  });
245
266
  });
267
+
246
268
  var _ListItem = require("./ListItem");
269
+
247
270
  Object.keys(_ListItem).forEach(function (key) {
248
271
  if (key === "default" || key === "__esModule") return;
249
272
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -255,8 +278,11 @@ Object.keys(_ListItem).forEach(function (key) {
255
278
  }
256
279
  });
257
280
  });
281
+
258
282
  var _Modal = _interopRequireDefault(require("./Modal/Modal"));
283
+
259
284
  var _MultiSelect = require("./MultiSelect");
285
+
260
286
  Object.keys(_MultiSelect).forEach(function (key) {
261
287
  if (key === "default" || key === "__esModule") return;
262
288
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -268,13 +294,21 @@ Object.keys(_MultiSelect).forEach(function (key) {
268
294
  }
269
295
  });
270
296
  });
297
+
271
298
  var _PopOver = _interopRequireWildcard(require("./PopOver"));
299
+
272
300
  exports.PopOver = _PopOver;
301
+
273
302
  var _Popup = _interopRequireDefault(require("./Popup/Popup"));
303
+
274
304
  var _Providers = _interopRequireWildcard(require("./Provider"));
305
+
275
306
  exports.Providers = _Providers;
307
+
276
308
  var _Radio = _interopRequireDefault(require("./Radio/Radio"));
309
+
277
310
  var _Responsive = require("./Responsive");
311
+
278
312
  Object.keys(_Responsive).forEach(function (key) {
279
313
  if (key === "default" || key === "__esModule") return;
280
314
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -286,10 +320,15 @@ Object.keys(_Responsive).forEach(function (key) {
286
320
  }
287
321
  });
288
322
  });
323
+
289
324
  var _ResponsiveDropBox = _interopRequireDefault(require("./ResponsiveDropBox/ResponsiveDropBox"));
325
+
290
326
  var _Ribbon = _interopRequireDefault(require("./Ribbon/Ribbon"));
327
+
291
328
  var _RippleEffect = _interopRequireDefault(require("./RippleEffect/RippleEffect"));
329
+
292
330
  var _Select = require("./Select");
331
+
293
332
  Object.keys(_Select).forEach(function (key) {
294
333
  if (key === "default" || key === "__esModule") return;
295
334
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -301,9 +340,13 @@ Object.keys(_Select).forEach(function (key) {
301
340
  }
302
341
  });
303
342
  });
343
+
304
344
  var _Stencils = _interopRequireDefault(require("./Stencils/Stencils"));
345
+
305
346
  var _Switch = _interopRequireDefault(require("./Switch/Switch"));
347
+
306
348
  var _Tab = require("./Tab");
349
+
307
350
  Object.keys(_Tab).forEach(function (key) {
308
351
  if (key === "default" || key === "__esModule") return;
309
352
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -315,14 +358,23 @@ Object.keys(_Tab).forEach(function (key) {
315
358
  }
316
359
  });
317
360
  });
361
+
318
362
  var _Tag = _interopRequireDefault(require("./Tag/Tag"));
363
+
319
364
  var _Textarea = _interopRequireDefault(require("./Textarea/Textarea"));
365
+
320
366
  var _TextBox = _interopRequireDefault(require("./TextBox/TextBox"));
367
+
321
368
  var _TextBoxIcon = _interopRequireDefault(require("./TextBoxIcon/TextBoxIcon"));
369
+
322
370
  var _Tooltip = _interopRequireDefault(require("./Tooltip/Tooltip"));
371
+
323
372
  var _utils = _interopRequireWildcard(require("./utils"));
373
+
324
374
  exports.utils = _utils;
375
+
325
376
  var _VelocityAnimation = require("./VelocityAnimation");
377
+
326
378
  Object.keys(_VelocityAnimation).forEach(function (key) {
327
379
  if (key === "default" || key === "__esModule") return;
328
380
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -334,7 +386,9 @@ Object.keys(_VelocityAnimation).forEach(function (key) {
334
386
  }
335
387
  });
336
388
  });
389
+
337
390
  var _semantic = require("./semantic");
391
+
338
392
  Object.keys(_semantic).forEach(function (key) {
339
393
  if (key === "default" || key === "__esModule") return;
340
394
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -346,6 +400,9 @@ Object.keys(_semantic).forEach(function (key) {
346
400
  }
347
401
  });
348
402
  });
403
+
349
404
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
405
+
350
406
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
407
+
351
408
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }