@zohodesk/components 1.0.0-temp-168 → 1.0.0-temp-170

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 (477) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/PropValidationExcludeFilesArray.js +7 -3
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +1335 -1277
  5. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +1 -0
  6. package/assets/Appearance/light/mode/Component_LightMode.module.css +1 -0
  7. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +180 -180
  8. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +12 -12
  9. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +1 -0
  10. package/coverage/Button/Button.js.html +1 -1
  11. package/coverage/Button/css/Button.module.css.html +1 -1
  12. package/coverage/Button/css/cssJSLogic.js.html +1 -1
  13. package/coverage/Button/css/index.html +1 -1
  14. package/coverage/Button/index.html +1 -1
  15. package/coverage/Button/props/defaultProps.js.html +3 -6
  16. package/coverage/Button/props/index.html +1 -1
  17. package/coverage/Button/props/propTypes.js.html +9 -3
  18. package/coverage/Buttongroup/Buttongroup.js.html +1 -1
  19. package/coverage/Buttongroup/Buttongroup.module.css.html +1 -1
  20. package/coverage/Buttongroup/index.html +1 -1
  21. package/coverage/Buttongroup/props/defaultProps.js.html +1 -1
  22. package/coverage/Buttongroup/props/index.html +1 -1
  23. package/coverage/Buttongroup/props/propTypes.js.html +1 -1
  24. package/coverage/coverage-final.json +10 -10
  25. package/coverage/coverage-summary.json +10 -10
  26. package/coverage/index.html +1 -1
  27. package/coverage/utils/dummyFunction.js.html +1 -1
  28. package/coverage/utils/index.html +1 -1
  29. package/es/AppContainer/AppContainer.js +3 -0
  30. package/es/AppContainer/AppContainer.module.css +18 -18
  31. package/es/Avatar/Avatar.js +9 -9
  32. package/es/Avatar/Avatar.module.css +175 -175
  33. package/es/AvatarTeam/AvatarTeam.js +7 -7
  34. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  35. package/es/Button/Button.js +4 -4
  36. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -468
  37. package/es/Button/css/Button.module.css +525 -525
  38. package/es/Button/props/defaultProps.js +1 -2
  39. package/es/Button/props/propTypes.js +3 -1
  40. package/es/Buttongroup/Buttongroup.js +1 -1
  41. package/es/Buttongroup/Buttongroup.module.css +105 -105
  42. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  43. package/es/Card/Card.js +4 -4
  44. package/es/Card/Card.module.css +20 -20
  45. package/es/CheckBox/CheckBox.js +0 -0
  46. package/es/CheckBox/CheckBox.module.css +157 -157
  47. package/es/DateTime/CalendarView.js +0 -0
  48. package/es/DateTime/DateTime.js +0 -0
  49. package/es/DateTime/DateTime.module.css +237 -235
  50. package/es/DateTime/DateWidget.js +2 -1
  51. package/es/DateTime/DateWidget.module.css +38 -38
  52. package/es/DateTime/YearView.js +0 -0
  53. package/es/DateTime/YearView.module.css +98 -98
  54. package/es/DateTime/common.js +0 -0
  55. package/es/DateTime/dateFormatUtils/dayChange.js +2 -1
  56. package/es/DateTime/dateFormatUtils/index.js +1 -1
  57. package/es/DateTime/dateFormatUtils/monthChange.js +2 -1
  58. package/es/DateTime/dateFormatUtils/timeChange.js +4 -4
  59. package/es/DateTime/dateFormatUtils/yearChange.js +2 -1
  60. package/es/DateTime/index.js +0 -0
  61. package/es/DateTime/objectUtils.js +0 -0
  62. package/es/DateTime/typeChecker.js +0 -0
  63. package/es/DateTime/validator.js +0 -0
  64. package/es/DropBox/DropBox.js +10 -10
  65. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  66. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  67. package/es/DropBox/css/DropBox.module.css +58 -58
  68. package/es/DropDown/DropDown.js +1 -7
  69. package/es/DropDown/DropDown.module.css +5 -5
  70. package/es/DropDown/DropDownHeading.js +0 -0
  71. package/es/DropDown/DropDownHeading.module.css +53 -53
  72. package/es/DropDown/DropDownItem.js +0 -0
  73. package/es/DropDown/DropDownItem.module.css +94 -94
  74. package/es/DropDown/DropDownSearch.js +0 -0
  75. package/es/DropDown/DropDownSearch.module.css +14 -14
  76. package/es/DropDown/DropDownSeparator.js +0 -0
  77. package/es/DropDown/DropDownSeparator.module.css +7 -7
  78. package/es/Heading/Heading.module.css +4 -4
  79. package/es/Label/Label.js +2 -2
  80. package/es/Label/Label.module.css +52 -52
  81. package/es/Label/LabelColors.module.css +20 -20
  82. package/es/Layout/Box.js +0 -0
  83. package/es/Layout/Container.js +0 -0
  84. package/es/Layout/Layout.module.css +335 -335
  85. package/es/Layout/utils.js +0 -0
  86. package/es/ListItem/ListItem.js +0 -0
  87. package/es/ListItem/ListItem.module.css +216 -216
  88. package/es/MultiSelect/AdvancedGroupMultiSelect.js +12 -10
  89. package/es/MultiSelect/AdvancedMultiSelect.js +4 -4
  90. package/es/MultiSelect/MobileHeader/MobileHeader.js +50 -0
  91. package/es/MultiSelect/MobileHeader/MobileHeader.module.css +16 -0
  92. package/es/MultiSelect/MobileHeader/props/defaultProps.js +7 -0
  93. package/es/MultiSelect/MobileHeader/props/propTypes.js +7 -0
  94. package/es/MultiSelect/MultiSelect.js +117 -96
  95. package/es/MultiSelect/MultiSelect.module.css +204 -207
  96. package/es/MultiSelect/MultiSelectHeader.js +1 -2
  97. package/es/MultiSelect/MultiSelectWithAvatar.js +15 -112
  98. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  99. package/es/MultiSelect/props/defaultProps.js +3 -1
  100. package/es/MultiSelect/props/propTypes.js +147 -193
  101. package/es/PopOver/PopOver.module.css +8 -8
  102. package/es/Popup/Popup.js +0 -0
  103. package/es/Popup/PositionMapping.json +73 -73
  104. package/es/Radio/Radio.js +0 -0
  105. package/es/Radio/Radio.module.css +112 -112
  106. package/es/Responsive/CustomResponsive.js +0 -0
  107. package/es/Responsive/RefWrapper.js +2 -1
  108. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  109. package/es/Ribbon/Ribbon.js +0 -0
  110. package/es/Ribbon/Ribbon.module.css +454 -454
  111. package/es/RippleEffect/RippleEffect.module.css +92 -92
  112. package/es/Select/GroupSelect.js +3 -5
  113. package/es/Select/Select.js +2 -5
  114. package/es/Select/Select.module.css +108 -108
  115. package/es/Select/SelectWithAvatar.js +2 -1
  116. package/es/Select/SelectWithIcon.js +5 -2
  117. package/es/Select/props/propTypes.js +3 -1
  118. package/es/Stencils/Stencils.js +0 -0
  119. package/es/Stencils/Stencils.module.css +96 -96
  120. package/es/Switch/Switch.js +0 -0
  121. package/es/Switch/Switch.module.css +127 -127
  122. package/es/Tab/Tab.module.css +100 -100
  123. package/es/Tab/TabContent.module.css +4 -4
  124. package/es/Tab/Tabs.js +17 -17
  125. package/es/Tab/Tabs.module.css +136 -136
  126. package/es/Tag/Tag.js +8 -8
  127. package/es/Tag/Tag.module.css +254 -254
  128. package/es/TextBox/TextBox.js +3 -3
  129. package/es/TextBox/TextBox.module.css +158 -158
  130. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  131. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  132. package/es/Textarea/Textarea.js +0 -0
  133. package/es/Textarea/Textarea.module.css +139 -139
  134. package/es/Tooltip/Tooltip.module.css +140 -140
  135. package/es/common/a11y.module.css +3 -3
  136. package/es/common/animation.module.css +624 -624
  137. package/es/common/avatarsizes.module.css +48 -48
  138. package/es/common/basic.module.css +33 -33
  139. package/es/common/basicReset.module.css +40 -40
  140. package/es/common/boxShadow.module.css +33 -33
  141. package/es/common/common.module.css +524 -524
  142. package/es/common/customscroll.module.css +91 -91
  143. package/es/common/reset.module.css +13 -13
  144. package/es/common/transition.module.css +146 -146
  145. package/es/deprecated/PortalLayer/props/propTypes.js +3 -1
  146. package/es/index.js +2 -1
  147. package/es/semantic/Button/semanticButton.module.css +9 -9
  148. package/es/utils/Common.js +3 -0
  149. package/es/utils/dropDownUtils.js +0 -0
  150. package/es/v1/Accordion/Accordion.js +66 -0
  151. package/es/v1/Accordion/AccordionItem.js +57 -0
  152. package/es/v1/Accordion/index.js +2 -0
  153. package/es/v1/Animation/Animation.js +127 -0
  154. package/es/v1/AppContainer/AppContainer.js +120 -0
  155. package/es/v1/Avatar/Avatar.js +139 -0
  156. package/es/v1/AvatarTeam/AvatarTeam.js +70 -0
  157. package/es/v1/Button/Button.js +68 -0
  158. package/es/v1/Buttongroup/Buttongroup.js +31 -0
  159. package/es/v1/Card/Card.js +237 -0
  160. package/es/v1/Card/index.js +4 -0
  161. package/es/v1/CheckBox/CheckBox.js +155 -0
  162. package/es/v1/DateTime/CalendarView.js +218 -0
  163. package/es/v1/DateTime/DateTime.js +783 -0
  164. package/es/v1/DateTime/DateTimePopupFooter.js +47 -0
  165. package/es/v1/DateTime/DateTimePopupHeader.js +105 -0
  166. package/es/v1/DateTime/DateWidget.js +1098 -0
  167. package/es/v1/DateTime/DaysRow.js +31 -0
  168. package/es/v1/DateTime/Time.js +166 -0
  169. package/es/v1/DateTime/YearView.js +264 -0
  170. package/es/v1/DateTime/index.js +1 -0
  171. package/es/v1/DropBox/DropBox.js +91 -0
  172. package/es/v1/DropBox/DropBoxElement/DropBoxElement.js +132 -0
  173. package/es/v1/DropDown/DropDown.js +52 -0
  174. package/es/v1/DropDown/DropDownHeading.js +36 -0
  175. package/es/v1/DropDown/DropDownItem.js +56 -0
  176. package/es/v1/DropDown/DropDownSearch.js +55 -0
  177. package/es/v1/DropDown/DropDownSeparator.js +12 -0
  178. package/es/v1/Heading/Heading.js +32 -0
  179. package/es/v1/Label/Label.js +40 -0
  180. package/es/v1/Layout/Box.js +115 -0
  181. package/es/v1/Layout/Container.js +132 -0
  182. package/es/v1/Layout/index.js +2 -0
  183. package/es/v1/ListItem/ListContainer.js +102 -0
  184. package/es/v1/ListItem/ListItem.js +124 -0
  185. package/es/v1/ListItem/ListItemWithAvatar.js +145 -0
  186. package/es/v1/ListItem/ListItemWithCheckBox.js +104 -0
  187. package/es/v1/ListItem/ListItemWithIcon.js +127 -0
  188. package/es/v1/ListItem/ListItemWithRadio.js +105 -0
  189. package/es/v1/ListItem/index.js +6 -0
  190. package/es/v1/Modal/Modal.js +154 -0
  191. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +1079 -0
  192. package/es/v1/MultiSelect/AdvancedMultiSelect.js +568 -0
  193. package/es/v1/MultiSelect/EmptyState.js +64 -0
  194. package/es/v1/MultiSelect/MobileHeader/MobileHeader.js +50 -0
  195. package/es/v1/MultiSelect/MultiSelect.js +1121 -0
  196. package/es/v1/MultiSelect/MultiSelectHeader.js +32 -0
  197. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +217 -0
  198. package/es/v1/MultiSelect/SelectedOptions.js +82 -0
  199. package/es/v1/MultiSelect/Suggestions.js +142 -0
  200. package/es/v1/MultiSelect/index.js +4 -0
  201. package/es/v1/PopOver/PopOver.js +176 -0
  202. package/es/v1/Popup/Popup.js +645 -0
  203. package/es/v1/Provider/AvatarSize.js +13 -0
  204. package/es/v1/Provider/Config.js +18 -0
  205. package/es/v1/Provider/CssProvider.js +16 -0
  206. package/es/v1/Provider/IdProvider.js +66 -0
  207. package/es/v1/Provider/LibraryContext.js +37 -0
  208. package/es/v1/Provider/LibraryContextInit.js +3 -0
  209. package/es/v1/Provider/NumberGenerator/NumberGenerator.js +136 -0
  210. package/es/v1/Provider/ZindexProvider.js +57 -0
  211. package/es/v1/Provider/index.js +4 -0
  212. package/es/v1/Radio/Radio.js +115 -0
  213. package/es/v1/Responsive/CustomResponsive.js +195 -0
  214. package/es/v1/Responsive/RefWrapper.js +39 -0
  215. package/es/v1/Responsive/ResizeComponent.js +197 -0
  216. package/es/v1/Responsive/ResizeObserver.js +140 -0
  217. package/es/v1/Responsive/Responsive.js +194 -0
  218. package/es/v1/Responsive/index.js +9 -0
  219. package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +58 -0
  220. package/es/v1/Ribbon/Ribbon.js +33 -0
  221. package/es/v1/RippleEffect/RippleEffect.js +24 -0
  222. package/es/v1/Select/GroupSelect.js +800 -0
  223. package/es/v1/Select/Select.js +966 -0
  224. package/es/v1/Select/SelectWithAvatar.js +344 -0
  225. package/es/v1/Select/SelectWithIcon.js +535 -0
  226. package/es/v1/Select/index.js +4 -0
  227. package/es/v1/Stencils/Stencils.js +26 -0
  228. package/es/v1/Switch/Switch.js +94 -0
  229. package/es/v1/Tab/Tab.js +108 -0
  230. package/es/v1/Tab/TabContent.js +30 -0
  231. package/es/v1/Tab/TabContentWrapper.js +29 -0
  232. package/es/v1/Tab/TabWrapper.js +57 -0
  233. package/es/v1/Tab/Tabs.js +612 -0
  234. package/es/v1/Tab/index.js +5 -0
  235. package/es/v1/Tag/Tag.js +134 -0
  236. package/es/v1/TextBox/TextBox.js +154 -0
  237. package/es/v1/TextBoxIcon/TextBoxIcon.js +158 -0
  238. package/es/v1/Textarea/Textarea.js +102 -0
  239. package/es/v1/Tooltip/Tooltip.js +518 -0
  240. package/es/v1/Typography/Typography.js +38 -0
  241. package/es/v1/Typography/css/Typography.module.css +376 -0
  242. package/es/v1/Typography/css/cssJSLogic.js +46 -0
  243. package/es/v1/Typography/css/letterSpacingMap.js +12 -0
  244. package/es/v1/Typography/props/defaultProps.js +8 -0
  245. package/es/v1/Typography/props/propTypes.js +24 -0
  246. package/es/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +69 -0
  247. package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +100 -0
  248. package/es/v1/semantic/Button/Button.js +53 -0
  249. package/es/v1/semantic/index.js +1 -0
  250. package/install.md +10 -10
  251. package/lib/AppContainer/AppContainer.js +5 -0
  252. package/lib/AppContainer/AppContainer.module.css +18 -18
  253. package/lib/Avatar/Avatar.js +9 -9
  254. package/lib/Avatar/Avatar.module.css +175 -175
  255. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  256. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  257. package/lib/Button/Button.js +4 -4
  258. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -468
  259. package/lib/Button/css/Button.module.css +525 -525
  260. package/lib/Button/props/defaultProps.js +1 -2
  261. package/lib/Button/props/propTypes.js +3 -1
  262. package/lib/Buttongroup/Buttongroup.js +1 -1
  263. package/lib/Buttongroup/Buttongroup.module.css +105 -105
  264. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  265. package/lib/Card/Card.js +4 -4
  266. package/lib/Card/Card.module.css +20 -20
  267. package/lib/CheckBox/CheckBox.js +0 -0
  268. package/lib/CheckBox/CheckBox.module.css +157 -157
  269. package/lib/DateTime/CalendarView.js +0 -0
  270. package/lib/DateTime/DateTime.js +0 -0
  271. package/lib/DateTime/DateTime.module.css +237 -235
  272. package/lib/DateTime/DateWidget.js +2 -1
  273. package/lib/DateTime/DateWidget.module.css +38 -38
  274. package/lib/DateTime/YearView.js +0 -0
  275. package/lib/DateTime/YearView.module.css +98 -98
  276. package/lib/DateTime/common.js +0 -0
  277. package/lib/DateTime/dateFormatUtils/dayChange.js +3 -1
  278. package/lib/DateTime/dateFormatUtils/index.js +1 -1
  279. package/lib/DateTime/dateFormatUtils/monthChange.js +3 -1
  280. package/lib/DateTime/dateFormatUtils/timeChange.js +3 -3
  281. package/lib/DateTime/dateFormatUtils/yearChange.js +3 -1
  282. package/lib/DateTime/index.js +0 -0
  283. package/lib/DateTime/objectUtils.js +0 -0
  284. package/lib/DateTime/typeChecker.js +0 -0
  285. package/lib/DateTime/validator.js +0 -0
  286. package/lib/DropBox/DropBox.js +15 -15
  287. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  288. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  289. package/lib/DropBox/css/DropBox.module.css +58 -58
  290. package/lib/DropDown/DropDown.js +1 -6
  291. package/lib/DropDown/DropDown.module.css +5 -5
  292. package/lib/DropDown/DropDownHeading.js +0 -0
  293. package/lib/DropDown/DropDownHeading.module.css +53 -53
  294. package/lib/DropDown/DropDownItem.js +0 -0
  295. package/lib/DropDown/DropDownItem.module.css +94 -94
  296. package/lib/DropDown/DropDownSearch.js +0 -0
  297. package/lib/DropDown/DropDownSearch.module.css +14 -14
  298. package/lib/DropDown/DropDownSeparator.js +0 -0
  299. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  300. package/lib/Heading/Heading.module.css +4 -4
  301. package/lib/Label/Label.js +0 -0
  302. package/lib/Label/Label.module.css +52 -52
  303. package/lib/Label/LabelColors.module.css +20 -20
  304. package/lib/Layout/Box.js +0 -0
  305. package/lib/Layout/Container.js +0 -0
  306. package/lib/Layout/Layout.module.css +335 -335
  307. package/lib/Layout/utils.js +0 -0
  308. package/lib/ListItem/ListItem.js +0 -0
  309. package/lib/ListItem/ListItem.module.css +216 -216
  310. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +12 -11
  311. package/lib/MultiSelect/AdvancedMultiSelect.js +4 -4
  312. package/lib/MultiSelect/MobileHeader/MobileHeader.js +62 -0
  313. package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +16 -0
  314. package/lib/MultiSelect/MobileHeader/props/defaultProps.js +14 -0
  315. package/lib/MultiSelect/MobileHeader/props/propTypes.js +18 -0
  316. package/lib/MultiSelect/MultiSelect.js +121 -101
  317. package/lib/MultiSelect/MultiSelect.module.css +204 -207
  318. package/lib/MultiSelect/MultiSelectHeader.js +1 -2
  319. package/lib/MultiSelect/MultiSelectWithAvatar.js +18 -113
  320. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  321. package/lib/MultiSelect/props/defaultProps.js +3 -1
  322. package/lib/MultiSelect/props/propTypes.js +161 -197
  323. package/lib/PopOver/PopOver.module.css +8 -8
  324. package/lib/Popup/Popup.js +0 -0
  325. package/lib/Popup/PositionMapping.json +73 -73
  326. package/lib/Radio/Radio.js +0 -0
  327. package/lib/Radio/Radio.module.css +112 -112
  328. package/lib/Responsive/CustomResponsive.js +0 -0
  329. package/lib/Responsive/RefWrapper.js +2 -1
  330. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  331. package/lib/Ribbon/Ribbon.js +0 -0
  332. package/lib/Ribbon/Ribbon.module.css +454 -454
  333. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  334. package/lib/Select/GroupSelect.js +2 -2
  335. package/lib/Select/Select.js +1 -2
  336. package/lib/Select/Select.module.css +108 -108
  337. package/lib/Select/SelectWithAvatar.js +2 -1
  338. package/lib/Select/SelectWithIcon.js +5 -3
  339. package/lib/Select/props/propTypes.js +12 -2
  340. package/lib/Stencils/Stencils.js +0 -0
  341. package/lib/Stencils/Stencils.module.css +96 -96
  342. package/lib/Switch/Switch.js +0 -0
  343. package/lib/Switch/Switch.module.css +127 -127
  344. package/lib/Tab/Tab.module.css +100 -100
  345. package/lib/Tab/TabContent.module.css +4 -4
  346. package/lib/Tab/Tabs.js +11 -11
  347. package/lib/Tab/Tabs.module.css +136 -136
  348. package/lib/Tag/Tag.js +8 -8
  349. package/lib/Tag/Tag.module.css +254 -254
  350. package/lib/TextBox/TextBox.js +10 -10
  351. package/lib/TextBox/TextBox.module.css +158 -158
  352. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  353. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  354. package/lib/Textarea/Textarea.js +0 -0
  355. package/lib/Textarea/Textarea.module.css +139 -139
  356. package/lib/Tooltip/Tooltip.module.css +140 -140
  357. package/lib/common/a11y.module.css +3 -3
  358. package/lib/common/animation.module.css +624 -624
  359. package/lib/common/avatarsizes.module.css +48 -48
  360. package/lib/common/basic.module.css +33 -33
  361. package/lib/common/basicReset.module.css +40 -40
  362. package/lib/common/boxShadow.module.css +33 -33
  363. package/lib/common/common.module.css +524 -524
  364. package/lib/common/customscroll.module.css +91 -91
  365. package/lib/common/reset.module.css +13 -13
  366. package/lib/common/transition.module.css +146 -146
  367. package/lib/deprecated/PortalLayer/props/propTypes.js +3 -1
  368. package/lib/index.js +10 -1
  369. package/lib/semantic/Button/semanticButton.module.css +9 -9
  370. package/lib/utils/Common.js +5 -0
  371. package/lib/utils/dropDownUtils.js +0 -0
  372. package/lib/v1/Accordion/Accordion.js +98 -0
  373. package/lib/v1/Accordion/AccordionItem.js +68 -0
  374. package/lib/v1/Accordion/index.js +23 -0
  375. package/lib/v1/Animation/Animation.js +143 -0
  376. package/lib/v1/AppContainer/AppContainer.js +158 -0
  377. package/lib/v1/Avatar/Avatar.js +190 -0
  378. package/lib/v1/AvatarTeam/AvatarTeam.js +81 -0
  379. package/lib/v1/Button/Button.js +82 -0
  380. package/lib/v1/Buttongroup/Buttongroup.js +44 -0
  381. package/lib/v1/Card/Card.js +269 -0
  382. package/lib/v1/Card/index.js +37 -0
  383. package/lib/v1/CheckBox/CheckBox.js +166 -0
  384. package/lib/v1/DateTime/CalendarView.js +285 -0
  385. package/lib/v1/DateTime/DateTime.js +872 -0
  386. package/lib/v1/DateTime/DateTimePopupFooter.js +96 -0
  387. package/lib/v1/DateTime/DateTimePopupHeader.js +166 -0
  388. package/lib/v1/DateTime/DateWidget.js +1125 -0
  389. package/lib/v1/DateTime/DaysRow.js +80 -0
  390. package/lib/v1/DateTime/Time.js +254 -0
  391. package/lib/v1/DateTime/YearView.js +325 -0
  392. package/lib/v1/DateTime/index.js +15 -0
  393. package/lib/v1/DropBox/DropBox.js +119 -0
  394. package/lib/v1/DropBox/DropBoxElement/DropBoxElement.js +145 -0
  395. package/lib/v1/DropDown/DropDown.js +74 -0
  396. package/lib/v1/DropDown/DropDownHeading.js +47 -0
  397. package/lib/v1/DropDown/DropDownItem.js +75 -0
  398. package/lib/v1/DropDown/DropDownSearch.js +74 -0
  399. package/lib/v1/DropDown/DropDownSeparator.js +24 -0
  400. package/lib/v1/Heading/Heading.js +49 -0
  401. package/lib/v1/Label/Label.js +51 -0
  402. package/lib/v1/Layout/Box.js +128 -0
  403. package/lib/v1/Layout/Container.js +145 -0
  404. package/lib/v1/Layout/index.js +23 -0
  405. package/lib/v1/ListItem/ListContainer.js +120 -0
  406. package/lib/v1/ListItem/ListItem.js +138 -0
  407. package/lib/v1/ListItem/ListItemWithAvatar.js +162 -0
  408. package/lib/v1/ListItem/ListItemWithCheckBox.js +125 -0
  409. package/lib/v1/ListItem/ListItemWithIcon.js +143 -0
  410. package/lib/v1/ListItem/ListItemWithRadio.js +126 -0
  411. package/lib/v1/ListItem/index.js +55 -0
  412. package/lib/v1/Modal/Modal.js +212 -0
  413. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +1167 -0
  414. package/lib/v1/MultiSelect/AdvancedMultiSelect.js +634 -0
  415. package/lib/v1/MultiSelect/EmptyState.js +112 -0
  416. package/lib/v1/MultiSelect/MobileHeader/MobileHeader.js +62 -0
  417. package/lib/v1/MultiSelect/MultiSelect.js +1203 -0
  418. package/lib/v1/MultiSelect/MultiSelectHeader.js +78 -0
  419. package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +272 -0
  420. package/lib/v1/MultiSelect/SelectedOptions.js +126 -0
  421. package/lib/v1/MultiSelect/Suggestions.js +195 -0
  422. package/lib/v1/MultiSelect/index.js +39 -0
  423. package/lib/v1/PopOver/PopOver.js +197 -0
  424. package/lib/v1/Popup/Popup.js +715 -0
  425. package/lib/v1/Provider/AvatarSize.js +24 -0
  426. package/lib/v1/Provider/Config.js +27 -0
  427. package/lib/v1/Provider/CssProvider.js +27 -0
  428. package/lib/v1/Provider/IdProvider.js +79 -0
  429. package/lib/v1/Provider/LibraryContext.js +76 -0
  430. package/lib/v1/Provider/LibraryContextInit.js +15 -0
  431. package/lib/v1/Provider/NumberGenerator/NumberGenerator.js +174 -0
  432. package/lib/v1/Provider/ZindexProvider.js +69 -0
  433. package/lib/v1/Provider/index.js +81 -0
  434. package/lib/v1/Radio/Radio.js +126 -0
  435. package/lib/v1/Responsive/CustomResponsive.js +242 -0
  436. package/lib/v1/Responsive/RefWrapper.js +57 -0
  437. package/lib/v1/Responsive/ResizeComponent.js +268 -0
  438. package/lib/v1/Responsive/ResizeObserver.js +168 -0
  439. package/lib/v1/Responsive/Responsive.js +274 -0
  440. package/lib/v1/Responsive/index.js +55 -0
  441. package/lib/v1/ResponsiveDropBox/ResponsiveDropBox.js +79 -0
  442. package/lib/v1/Ribbon/Ribbon.js +44 -0
  443. package/lib/v1/RippleEffect/RippleEffect.js +39 -0
  444. package/lib/v1/Select/GroupSelect.js +876 -0
  445. package/lib/v1/Select/Select.js +1012 -0
  446. package/lib/v1/Select/SelectWithAvatar.js +394 -0
  447. package/lib/v1/Select/SelectWithIcon.js +597 -0
  448. package/lib/v1/Select/index.js +39 -0
  449. package/lib/v1/Stencils/Stencils.js +43 -0
  450. package/lib/v1/Switch/Switch.js +108 -0
  451. package/lib/v1/Tab/Tab.js +132 -0
  452. package/lib/v1/Tab/TabContent.js +42 -0
  453. package/lib/v1/Tab/TabContentWrapper.js +42 -0
  454. package/lib/v1/Tab/TabWrapper.js +89 -0
  455. package/lib/v1/Tab/Tabs.js +680 -0
  456. package/lib/v1/Tab/index.js +47 -0
  457. package/lib/v1/Tag/Tag.js +154 -0
  458. package/lib/v1/TextBox/TextBox.js +168 -0
  459. package/lib/v1/TextBoxIcon/TextBoxIcon.js +196 -0
  460. package/lib/v1/Textarea/Textarea.js +118 -0
  461. package/lib/v1/Tooltip/Tooltip.js +586 -0
  462. package/lib/v1/Typography/Typography.js +56 -0
  463. package/lib/v1/Typography/css/Typography.module.css +376 -0
  464. package/lib/v1/Typography/css/cssJSLogic.js +41 -0
  465. package/lib/v1/Typography/css/letterSpacingMap.js +20 -0
  466. package/lib/v1/Typography/props/defaultProps.js +15 -0
  467. package/lib/v1/Typography/props/propTypes.js +35 -0
  468. package/lib/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +90 -0
  469. package/lib/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +126 -0
  470. package/lib/v1/semantic/Button/Button.js +63 -0
  471. package/lib/v1/semantic/index.js +15 -0
  472. package/package.json +93 -93
  473. package/postPublish.js +8 -8
  474. package/prePublish.js +70 -70
  475. package/react-cli.config.js +23 -23
  476. package/result.json +1 -1
  477. package/unittest/index.html +1 -1
@@ -0,0 +1,126 @@
1
+ "use strict";
2
+
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
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = VelocityAnimationGroup;
9
+
10
+ var _react = _interopRequireWildcard(require("react"));
11
+
12
+ var _defaultProps = require("../../../VelocityAnimation/VelocityAnimationGroup/props/defaultProps");
13
+
14
+ var _propTypes = require("../../../VelocityAnimation/VelocityAnimationGroup/props/propTypes");
15
+
16
+ var _velocityReact = require("velocity-react");
17
+
18
+ require("velocity-animate/velocity.ui");
19
+
20
+ var _LibraryContextInit = _interopRequireDefault(require("../../../Provider/LibraryContextInit"));
21
+
22
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
+
24
+ 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); }
25
+
26
+ 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; }
27
+
28
+ 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; }
29
+
30
+ 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; }
31
+
32
+ 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; }
33
+
34
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
35
+
36
+ function clearProps(props) {
37
+ var newProps = Object.assign({}, props);
38
+ Object.keys(VelocityAnimationGroup.propTypes).forEach(function (key) {
39
+ delete newProps[key];
40
+ });
41
+ return newProps;
42
+ }
43
+
44
+ function VelocityAnimationGroup(props) {
45
+ var children = props.children,
46
+ enterName = props.enterName,
47
+ exitName = props.exitName,
48
+ enterDuration = props.enterDuration,
49
+ exitDuration = props.exitDuration,
50
+ isActive = props.isActive,
51
+ component = props.component,
52
+ runOnMount = props.runOnMount,
53
+ enterShowStyle = props.enterShowStyle,
54
+ enterHideStyle = props.enterHideStyle,
55
+ exitDelay = props.exitDelay,
56
+ isFlex = props.isFlex,
57
+ enterDelay = props.enterDelay,
58
+ isCustomized = props.isCustomized,
59
+ name = props.name,
60
+ needUIPack = props.needUIPack;
61
+
62
+ var _ref = (0, _react.useContext)(_LibraryContextInit["default"]) || {},
63
+ direction = _ref.direction,
64
+ isReducedMotion = _ref.isReducedMotion;
65
+
66
+ var childProps = clearProps(props);
67
+ var enterAnimationObj = {
68
+ fade: 'transition.fadeIn',
69
+ slideDown: 'slideDown',
70
+ flyDown: {
71
+ translateY: '0%'
72
+ },
73
+ slideRight: {
74
+ translateX: '0%'
75
+ },
76
+ slideLeft: {
77
+ translateX: '0%'
78
+ },
79
+ shrink: 'transition.shrinkIn',
80
+ expand: 'transition.expandIn'
81
+ };
82
+ var exitAnimationObj = {
83
+ fade: 'transition.fadeOut',
84
+ slideDown: 'slideUp',
85
+ flyDown: {
86
+ translateY: '-100%'
87
+ },
88
+ slideRight: {
89
+ translateX: direction == 'rtl' ? '-100%' : '100%'
90
+ },
91
+ slideLeft: {
92
+ translateX: direction == 'rtl' ? '100%' : '-100%'
93
+ },
94
+ shrink: 'transition.shrinkOut',
95
+ expand: 'transition.expandOut'
96
+ };
97
+ var enterAnimation = {
98
+ animation: isCustomized ? enterAnimationObj[name] : needUIPack ? "transition.".concat(enterName, "In") : enterName,
99
+ duration: !isReducedMotion ? enterDuration : 0,
100
+ delay: enterDelay ? enterDelay : 0,
101
+ display: isFlex ? 'flex' : ''
102
+ };
103
+ var exitAnimation = {
104
+ animation: isCustomized ? exitAnimationObj[name] : needUIPack ? "transition.".concat(exitName ? exitName : enterName, "Out") : exitName ? exitName : enterName,
105
+ duration: !isReducedMotion ? exitDuration : 0,
106
+ delay: exitDelay ? exitDelay : 0,
107
+ display: 'none'
108
+ };
109
+ return /*#__PURE__*/_react["default"].createElement(_velocityReact.VelocityTransitionGroup, _extends({
110
+ enter: enterAnimation,
111
+ leave: exitAnimation,
112
+ component: component && component,
113
+ runOnMount: runOnMount,
114
+ enterHideStyle: enterHideStyle,
115
+ enterShowStyle: enterShowStyle
116
+ }, childProps), isActive ? children : null);
117
+ }
118
+
119
+ VelocityAnimationGroup.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.defaultProps), {}, {
120
+ component: _react["default"].Fragment
121
+ });
122
+ VelocityAnimationGroup.propTypes = _propTypes.propTypes; // if (__DOCS__) {
123
+ // VelocityAnimationGroup.docs = {
124
+ // componentGroup: 'Animation'
125
+ // };
126
+ // }
@@ -0,0 +1,63 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = Button;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _defaultProps = require("../../../semantic/Button/props/defaultProps");
11
+
12
+ var _propTypes = require("../../../semantic/Button/props/propTypes");
13
+
14
+ var _semanticButtonModule = _interopRequireDefault(require("../../../semantic/Button/semanticButton.module.css"));
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
+
18
+ function Button(props) {
19
+ var value = props.value,
20
+ type = props.type,
21
+ text = props.text,
22
+ title = props.title,
23
+ name = props.name,
24
+ autoFocus = props.autoFocus,
25
+ disabled = props.disabled,
26
+ ref = props.ref,
27
+ dataId = props.dataId,
28
+ onClick = props.onClick,
29
+ children = props.children,
30
+ customClass = props.customClass,
31
+ a11y = props.a11y;
32
+ var ariaLabel = a11y.ariaLabel,
33
+ ariaHaspopup = a11y.ariaHaspopup,
34
+ ariaExpanded = a11y.ariaExpanded,
35
+ ariaControls = a11y.ariaControls,
36
+ ariaLabelledby = a11y.ariaLabelledby;
37
+ return /*#__PURE__*/_react["default"].createElement("button", {
38
+ className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(customClass),
39
+ "aria-label": ariaLabel,
40
+ "aria-haspopup": ariaHaspopup,
41
+ "aria-expanded": ariaExpanded,
42
+ "aria-controls": ariaControls,
43
+ "aria-labelledby": ariaLabelledby,
44
+ type: type,
45
+ value: value,
46
+ name: name,
47
+ autoFocus: autoFocus,
48
+ disabled: disabled,
49
+ ref: ref,
50
+ "data-id": dataId,
51
+ "data-test-id": dataId,
52
+ onClick: onClick,
53
+ "data-title": title
54
+ }, children ? children : text);
55
+ }
56
+
57
+ Button.defaultProps = _defaultProps.defaultProps;
58
+ Button.propTypes = _propTypes.propTypes; // if (__DOCS__) {
59
+ // Button.docs = {
60
+ // componentGroup: 'semantic',
61
+ // folderName: 'DefaultComponents'
62
+ // };
63
+ // }
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "SemanticButton", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Button["default"];
10
+ }
11
+ });
12
+
13
+ var _Button = _interopRequireDefault(require("./Button/Button"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
package/package.json CHANGED
@@ -1,93 +1,93 @@
1
- {
2
- "name": "@zohodesk/components",
3
- "version": "1.0.0-temp-168",
4
- "main": "es/index.js",
5
- "module": "es/index.js",
6
- "private": false,
7
- "publishConfig": {
8
- "access": "public"
9
- },
10
- "author": "Z Team",
11
- "homepage": "https://www.npmjs.com/search?q=@zohodesk",
12
- "license": "ISC",
13
- "keywords": [
14
- "DOT",
15
- "ZOHODESK",
16
- "ZTEAM",
17
- "LIBRARY"
18
- ],
19
- "scripts": {
20
- "build:docs": "react-cli build:docs",
21
- "lint": "react-cli lint",
22
- "lintAll": "react-cli lint ./src",
23
- "lintAllFix": "npm run lintAll --eslint:fix=true",
24
- "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
25
- "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
26
- "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
27
- "build:variables": "node ./preprocess/index",
28
- "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
29
- "common_package_build": "cd ../common && npm run build && cd ../components",
30
- "start": "react-cli start",
31
- "docs": "npm run dubCheck && react-cli docs",
32
- "build:lib": "react-cli build:component:cmjs",
33
- "build:es": "react-cli build:library:es",
34
- "build": "npm run build:lib && npm run build:es",
35
- "build:local": " npm run build && npm run rtl && npm run cssVariableConvert",
36
- "build:watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
37
- "rtl:watch": "react-cli rtl ./src ./es -w",
38
- "build:css:umd": "npm run clean && npm run init && react-cli build:css:umd",
39
- "coverage": "react-cli coverage",
40
- "prepare": "npm run init && npm run build && npm run rtl && npm run cssVariableConvert ",
41
- "prepublishOnly": "node prePublish.js && npm run test && npm run review:props",
42
- "postpublish": "node postPublish.js",
43
- "report": "react-cli publish:report",
44
- "test": "react-cli test",
45
- "snap-update": "npm run test -- -u",
46
- "sstest": "npm run init && react-cli sstest",
47
- "build:external": "npm run clean && npm run init && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
48
- "download": "react-cli clean ./node_modules ./package-lock.json && npm install",
49
- "expublish": "npm publish --tag experimental-version",
50
- "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
51
- "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
52
- "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
53
- "variable:check": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
54
- "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js ./src/ ./.cli ./.cli devMode "
55
- },
56
- "devDependencies": {
57
- "@testing-library/jest-dom": "^5.11.9",
58
- "@testing-library/react": "^11.2.5",
59
- "@testing-library/react-hooks": "^7.0.2",
60
- "@testing-library/user-event": "^13.0.10",
61
- "@zohodesk-private/color-variable-preprocessor": "1.0.6",
62
- "@zohodesk-private/react-prop-validator": "0.0.6",
63
- "@zohodesk-private/css-variable-migrator": "^1.0.7",
64
- "@zohodesk/a11y": "2.0.0",
65
- "@zohodesk-private/node-plugins": "^1.0.0",
66
- "@zohodesk/docstool": "1.0.0-alpha-2",
67
- "@zohodesk/icons": "1.0.0",
68
- "@zohodesk/svg": "1.1.1",
69
- "@zohodesk/variables": "1.0.0",
70
- "@zohodesk/virtualizer": "1.0.3",
71
- "react-sortable-hoc": "^0.8.3",
72
- "velocity-react": "1.4.3",
73
- "@zohodesk/hooks": "2.0.1",
74
- "@zohodesk/utils": "1.3.13"
75
- },
76
- "dependencies": {
77
- "hoist-non-react-statics": "3.0.1",
78
- "react-transition-group": "2.5.0",
79
- "reselect": "4.0.0",
80
- "selectn": "1.1.2"
81
- },
82
- "peerDependencies": {
83
- "@zohodesk/icons": "1.0.0",
84
- "@zohodesk/variables": "1.0.0",
85
- "@zohodesk/svg": "1.1.1",
86
- "@zohodesk/virtualizer": "1.0.3",
87
- "velocity-react": "1.4.3",
88
- "react-sortable-hoc": "^0.8.3",
89
- "@zohodesk/hooks": "2.0.1",
90
- "@zohodesk/utils": "1.3.13",
91
- "@zohodesk/a11y": "1.3.7"
92
- }
93
- }
1
+ {
2
+ "name": "@zohodesk/components",
3
+ "version": "1.0.0-temp-170",
4
+ "main": "es/index.js",
5
+ "module": "es/index.js",
6
+ "private": false,
7
+ "publishConfig": {
8
+ "access": "public"
9
+ },
10
+ "author": "Z Team",
11
+ "homepage": "https://www.npmjs.com/search?q=@zohodesk",
12
+ "license": "ISC",
13
+ "keywords": [
14
+ "DOT",
15
+ "ZOHODESK",
16
+ "ZTEAM",
17
+ "LIBRARY"
18
+ ],
19
+ "scripts": {
20
+ "build:docs": "react-cli build:docs",
21
+ "lint": "react-cli lint",
22
+ "lintAll": "react-cli lint ./src",
23
+ "lintAllFix": "npm run lintAll --eslint:fix=true",
24
+ "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
25
+ "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
26
+ "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
27
+ "build:variables": "node ./preprocess/index",
28
+ "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
29
+ "common_package_build": "cd ../common && npm run build && cd ../components",
30
+ "start": "react-cli start",
31
+ "docs": "npm run dubCheck && react-cli docs",
32
+ "build:lib": "react-cli build:component:cmjs",
33
+ "build:es": "react-cli build:library:es",
34
+ "build": "npm run build:lib && npm run build:es",
35
+ "build:local": " npm run build && npm run rtl && npm run cssVariableConvert",
36
+ "build:watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
37
+ "rtl:watch": "react-cli rtl ./src ./es -w",
38
+ "build:css:umd": "npm run clean && npm run init && react-cli build:css:umd",
39
+ "coverage": "react-cli coverage",
40
+ "prepare": "npm run init && npm run build && npm run rtl && npm run cssVariableConvert ",
41
+ "prepublishOnly": "node prePublish.js && npm run test && npm run review:props",
42
+ "postpublish": "node postPublish.js",
43
+ "report": "react-cli publish:report",
44
+ "test": "react-cli test",
45
+ "snap-update": "npm run test -- -u",
46
+ "sstest": "npm run init && react-cli sstest",
47
+ "build:external": "npm run clean && npm run init && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
48
+ "download": "react-cli clean ./node_modules ./package-lock.json && npm install",
49
+ "expublish": "npm publish --tag experimental-version",
50
+ "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
51
+ "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
52
+ "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
53
+ "variable:check": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
54
+ "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js ./src/ ./.cli ./.cli "
55
+ },
56
+ "devDependencies": {
57
+ "@testing-library/jest-dom": "^5.11.9",
58
+ "@testing-library/react": "^11.2.5",
59
+ "@testing-library/react-hooks": "^7.0.2",
60
+ "@testing-library/user-event": "^13.0.10",
61
+ "@zohodesk-private/color-variable-preprocessor": "1.0.6",
62
+ "@zohodesk-private/css-variable-migrator": "^1.0.7",
63
+ "@zohodesk-private/node-plugins": "^1.0.0",
64
+ "@zohodesk-private/react-prop-validator": "^0.1.1",
65
+ "@zohodesk/a11y": "2.1.0",
66
+ "@zohodesk/docstool": "1.0.0-alpha-2",
67
+ "@zohodesk/hooks": "2.0.1",
68
+ "@zohodesk/icons": "1.0.10",
69
+ "@zohodesk/svg": "1.1.4",
70
+ "@zohodesk/utils": "1.3.13",
71
+ "@zohodesk/variables": "1.0.0",
72
+ "@zohodesk/virtualizer": "1.0.3",
73
+ "react-sortable-hoc": "^0.8.3",
74
+ "velocity-react": "1.4.3"
75
+ },
76
+ "dependencies": {
77
+ "hoist-non-react-statics": "3.0.1",
78
+ "react-transition-group": "2.5.0",
79
+ "reselect": "4.0.0",
80
+ "selectn": "1.1.2"
81
+ },
82
+ "peerDependencies": {
83
+ "@zohodesk/icons": "1.0.10",
84
+ "@zohodesk/variables": "1.0.0",
85
+ "@zohodesk/svg": "1.1.4",
86
+ "@zohodesk/virtualizer": "1.0.3",
87
+ "velocity-react": "1.4.3",
88
+ "react-sortable-hoc": "^0.8.3",
89
+ "@zohodesk/hooks": "2.0.1",
90
+ "@zohodesk/utils": "1.3.13",
91
+ "@zohodesk/a11y": "2.1.0"
92
+ }
93
+ }
package/postPublish.js CHANGED
@@ -1,8 +1,8 @@
1
- const { execSync } = require('child_process');
2
- const { version, name } = require('./package.json');
3
- const tagName = `${name}@${version}`;
4
- // const tagName = `${name.replace(/^@/g, "").replace(/\//g, "-")}-v-${version}}@${version}`;
5
- console.log(`going to add git tag... ${tagName}`);
6
-
7
- execSync(`git tag -a ${tagName} -m ${tagName}`, { stdio: 'inherit' });
8
- execSync(`git push origin ${tagName}`, { stdio: 'inherit' });
1
+ const { execSync } = require('child_process');
2
+ const { version, name } = require('./package.json');
3
+ const tagName = `${name}@${version}`;
4
+ // const tagName = `${name.replace(/^@/g, "").replace(/\//g, "-")}-v-${version}}@${version}`;
5
+ console.log(`going to add git tag... ${tagName}`);
6
+
7
+ execSync(`git tag -a ${tagName} -m ${tagName}`, { stdio: 'inherit' });
8
+ execSync(`git push origin ${tagName}`, { stdio: 'inherit' });
package/prePublish.js CHANGED
@@ -1,70 +1,70 @@
1
- const readline = require('readline');
2
- const { exec } = require('child_process');
3
-
4
- const rl = readline.createInterface({
5
- input: process.stdin,
6
- output: process.stdout
7
- });
8
-
9
- console.log('\nNode.js version:', process.version);
10
-
11
- function runConsole(command, callback) {
12
- exec(command, (error, stdout, stderr) => {
13
- if (error) {
14
- console.error('Error:', error.message);
15
- return;
16
- }
17
-
18
- if (stderr) {
19
- console.error('Error:', stderr);
20
- return;
21
- }
22
-
23
- const npmVersion = stdout.trim();
24
- console.log('\n' + command, npmVersion);
25
- callback && callback();
26
- });
27
- }
28
-
29
- function askQuestion1() {
30
- rl.question('\nHave you updated the changelog in README.md? (yes/no): ', (answer) => {
31
- if (answer.toLowerCase() === 'yes') {
32
- console.log('\nGreat! Proceeding...');
33
- askQuestion2();
34
- // rl.close();
35
- // Call the function or code to proceed further here.
36
- } else if (answer.toLowerCase() === 'no') {
37
- rl.close();
38
- console.log('\nPlease Update the ChangeLog in README.md, then try again');
39
- //throw new Error('\nPlease Update the ChangeLog in README.md, then try again');
40
- process.exitCode = 1; // Exit the Node.js process with a success code.
41
- } else {
42
- console.log('\nInvalid answer. Please enter "yes" or "no".');
43
- askQuestion1(); // Ask the question again if the input is not "yes" or "no".
44
- }
45
- });
46
- }
47
-
48
- function askQuestion2() {
49
- rl.question('\nHave you verified the test snapshot? (yes/no): ', (answer) => {
50
- if (answer.toLowerCase() === 'yes') {
51
- console.log('\nGreat! Proceeding...');
52
- rl.close();
53
- // Call the function or code to proceed further here.
54
- } else if (answer.toLowerCase() === 'no') {
55
- rl.close();
56
- //throw new Error('\nPlease Verify the snapshot results, then try again');
57
- console.log('\nPlease Verify the snapshot results, then try again');
58
- process.exitCode = 1; // Exit the Node.js process with a success code.
59
- } else {
60
- console.log('\nInvalid answer. Please enter "yes" or "no".');
61
- askQuestion2(); // Ask the question again if the input is not "yes" or "no".
62
- }
63
- });
64
- }
65
-
66
- function getReactCliVersion() {
67
- runConsole('react-cli --version', askQuestion1);
68
- }
69
-
70
- runConsole('npm --version', getReactCliVersion);
1
+ const readline = require('readline');
2
+ const { exec } = require('child_process');
3
+
4
+ const rl = readline.createInterface({
5
+ input: process.stdin,
6
+ output: process.stdout
7
+ });
8
+
9
+ console.log('\nNode.js version:', process.version);
10
+
11
+ function runConsole(command, callback) {
12
+ exec(command, (error, stdout, stderr) => {
13
+ if (error) {
14
+ console.error('Error:', error.message);
15
+ return;
16
+ }
17
+
18
+ if (stderr) {
19
+ console.error('Error:', stderr);
20
+ return;
21
+ }
22
+
23
+ const npmVersion = stdout.trim();
24
+ console.log('\n' + command, npmVersion);
25
+ callback && callback();
26
+ });
27
+ }
28
+
29
+ function askQuestion1() {
30
+ rl.question('\nHave you updated the changelog in README.md? (yes/no): ', (answer) => {
31
+ if (answer.toLowerCase() === 'yes') {
32
+ console.log('\nGreat! Proceeding...');
33
+ askQuestion2();
34
+ // rl.close();
35
+ // Call the function or code to proceed further here.
36
+ } else if (answer.toLowerCase() === 'no') {
37
+ rl.close();
38
+ console.log('\nPlease Update the ChangeLog in README.md, then try again');
39
+ //throw new Error('\nPlease Update the ChangeLog in README.md, then try again');
40
+ process.exitCode = 1; // Exit the Node.js process with a success code.
41
+ } else {
42
+ console.log('\nInvalid answer. Please enter "yes" or "no".');
43
+ askQuestion1(); // Ask the question again if the input is not "yes" or "no".
44
+ }
45
+ });
46
+ }
47
+
48
+ function askQuestion2() {
49
+ rl.question('\nHave you verified the test snapshot? (yes/no): ', (answer) => {
50
+ if (answer.toLowerCase() === 'yes') {
51
+ console.log('\nGreat! Proceeding...');
52
+ rl.close();
53
+ // Call the function or code to proceed further here.
54
+ } else if (answer.toLowerCase() === 'no') {
55
+ rl.close();
56
+ //throw new Error('\nPlease Verify the snapshot results, then try again');
57
+ console.log('\nPlease Verify the snapshot results, then try again');
58
+ process.exitCode = 1; // Exit the Node.js process with a success code.
59
+ } else {
60
+ console.log('\nInvalid answer. Please enter "yes" or "no".');
61
+ askQuestion2(); // Ask the question again if the input is not "yes" or "no".
62
+ }
63
+ });
64
+ }
65
+
66
+ function getReactCliVersion() {
67
+ runConsole('react-cli --version', askQuestion1);
68
+ }
69
+
70
+ runConsole('npm --version', getReactCliVersion);
@@ -1,24 +1,24 @@
1
- exports.config= {
2
- "preprocess": {
3
- "runner": "./preprocess/index.js"
4
- },
5
- "css": {
6
- "plugins": {
7
- "hasRTL": true,
8
- "cssVariableReplacement": true
9
- },
10
- "patterns": {
11
- "cssVariableReplacement": [
12
- "**/src/**",
13
- "**/lib/**",
14
- "**/es/**",
15
- "!**/node_modules/**"
16
- ],
17
- "hasRTL":[
18
- "**/src/**",
19
- "!**/node_modules/**"
20
- ]
21
- },
22
- "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
23
- }
1
+ exports.config= {
2
+ "preprocess": {
3
+ "runner": "./preprocess/index.js"
4
+ },
5
+ "css": {
6
+ "plugins": {
7
+ "hasRTL": true,
8
+ "cssVariableReplacement": true
9
+ },
10
+ "patterns": {
11
+ "cssVariableReplacement": [
12
+ "**/src/**",
13
+ "**/lib/**",
14
+ "**/es/**",
15
+ "!**/node_modules/**"
16
+ ],
17
+ "hasRTL":[
18
+ "**/src/**",
19
+ "!**/node_modules/**"
20
+ ]
21
+ },
22
+ "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
23
+ }
24
24
  }