@zohodesk/components 1.0.0-temp-67 → 1.0.0-temp-350

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 (482) hide show
  1. package/README.md +1045 -1020
  2. package/assets/Appearance/dark/mode/darkMode.module.css +2 -2
  3. package/assets/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +1 -1
  4. package/assets/Appearance/default/mode/defaultMode.module.css +4 -4
  5. package/assets/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +1 -1
  6. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +12 -12
  7. package/assets/Appearance/pureDark/themes/blue/bluePureDarkComponentTheme.module.css +3 -3
  8. package/assets/Appearance/pureDark/themes/green/greenPureDarkComponentTheme.module.css +2 -2
  9. package/assets/Appearance/pureDark/themes/orange/orangePureDarkComponentTheme.module.css +2 -2
  10. package/assets/Appearance/pureDark/themes/red/redPureDarkComponentTheme.module.css +2 -2
  11. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkComponentTheme.module.css +2 -2
  12. package/docs/external/active-line.js +72 -0
  13. package/docs/external/autorefresh.js +47 -0
  14. package/docs/external/codemirror.js +9681 -0
  15. package/docs/external/css/hopscotch.css +576 -0
  16. package/docs/external/css/styleGuide.css +1100 -0
  17. package/docs/external/css.js +466 -0
  18. package/docs/external/designTokens.js +1 -0
  19. package/docs/external/foldcode.js +152 -0
  20. package/docs/external/format.js +129 -0
  21. package/docs/external/htmlmixed.js +84 -0
  22. package/docs/external/images/bottom.png +0 -0
  23. package/docs/external/images/bottombg.jpg +0 -0
  24. package/docs/external/images/desk.png +0 -0
  25. package/docs/external/images/desklogo.png +0 -0
  26. package/docs/external/images/menu.png +0 -0
  27. package/docs/external/index.html +127 -0
  28. package/docs/external/javascript.js +422 -0
  29. package/docs/external/jsx.js +148 -0
  30. package/docs/external/matchbrackets.js +145 -0
  31. package/docs/external/xml.js +322 -0
  32. package/docs/package.json +41 -0
  33. package/docs/src/index.js +1311 -0
  34. package/es/Accordion/docs/Accordion__Demo.docs.js +80 -0
  35. package/es/Animation/docs/Animation__default.docs.js +34 -0
  36. package/es/Animation/docs/Animation__fadeIn.docs.js +34 -0
  37. package/es/Animation/docs/Animation__scaleIn.docs.js +34 -0
  38. package/es/Animation/docs/Animation__skewIn.docs.js +34 -0
  39. package/es/Animation/docs/Animation__slideDown.docs.js +34 -0
  40. package/es/Animation/docs/Animation__slideLeft.docs.js +34 -0
  41. package/es/Animation/docs/Animation__zoomIn.docs.js +34 -0
  42. package/es/AppContainer/AppContainer.js +6 -1
  43. package/es/AppContainer/AppContainer.module.css +18 -18
  44. package/es/AppContainer/docs/AppContainer__default.docs.js +20 -0
  45. package/es/Avatar/Avatar.js +9 -9
  46. package/es/Avatar/Avatar.module.css +115 -117
  47. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  48. package/es/Avatar/docs/Avatar__custom.docs.js +29 -0
  49. package/es/Avatar/docs/Avatar__default.docs.js +29 -0
  50. package/es/Avatar/docs/Avatar__palette.docs.js +49 -0
  51. package/es/Avatar/docs/Avatar__text.docs.js +28 -0
  52. package/es/AvatarTeam/AvatarTeam.js +7 -7
  53. package/es/AvatarTeam/AvatarTeam.module.css +147 -161
  54. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  55. package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +73 -0
  56. package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +31 -0
  57. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +50 -0
  58. package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +49 -0
  59. package/es/Button/Button.js +4 -4
  60. package/es/Button/Button.module.css +448 -521
  61. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  62. package/es/Button/docs/Button__custom.docs.js +771 -0
  63. package/es/Button/docs/Button__default.docs.js +536 -0
  64. package/es/Buttongroup/Buttongroup.js +1 -1
  65. package/es/Buttongroup/Buttongroup.module.css +60 -89
  66. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  67. package/es/Buttongroup/docs/Buttongroup__custom.docs.js +37 -0
  68. package/es/Buttongroup/docs/Buttongroup__footer.docs.js +33 -0
  69. package/es/Buttongroup/docs/Buttongroup__header.docs.js +42 -0
  70. package/es/Card/Card.js +4 -4
  71. package/es/Card/Card.module.css +20 -20
  72. package/es/Card/docs/Card__Custom.docs.js +34 -0
  73. package/es/Card/docs/Card__Default.docs.js +37 -0
  74. package/es/Card/docs/Card__Scroll.docs.js +59 -0
  75. package/es/CheckBox/CheckBox.js +0 -0
  76. package/es/CheckBox/CheckBox.module.css +147 -153
  77. package/es/CheckBox/docs/CheckBox__custom.docs.js +293 -0
  78. package/es/CheckBox/docs/CheckBox__default.docs.js +219 -0
  79. package/es/DateTime/CalendarView.js +0 -0
  80. package/es/DateTime/DateTime.js +46 -19
  81. package/es/DateTime/DateTime.module.css +160 -187
  82. package/es/DateTime/DateWidget.js +10 -2
  83. package/es/DateTime/DateWidget.module.css +34 -42
  84. package/es/DateTime/YearView.js +0 -0
  85. package/es/DateTime/YearView.module.css +70 -80
  86. package/es/DateTime/common.js +0 -0
  87. package/es/DateTime/docs/DateTime__default.docs.js +91 -0
  88. package/es/DateTime/docs/DateWidget__default.docs.js +183 -0
  89. package/es/DateTime/docs/timezonedata.json +1 -0
  90. package/es/DateTime/index.js +0 -0
  91. package/es/DateTime/objectUtils.js +0 -0
  92. package/es/DateTime/typeChecker.js +0 -0
  93. package/es/DateTime/validator.js +0 -0
  94. package/es/DropBox/DropBox.js +0 -0
  95. package/es/DropBox/DropBox.module.css +370 -406
  96. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  97. package/es/DropBox/docs/DropBox__custom.docs.js +66 -0
  98. package/es/DropBox/docs/DropBox__customOrder.docs.js +92 -0
  99. package/es/DropBox/docs/DropBox__fixedPosition.docs.js +91 -0
  100. package/es/DropBox/docs/DropBox__position.docs.js +87 -0
  101. package/es/DropBox/docs/DropBox__size.docs.js +61 -0
  102. package/es/DropDown/DropDown.js +0 -0
  103. package/es/DropDown/DropDown.module.css +5 -5
  104. package/es/DropDown/DropDownHeading.js +0 -0
  105. package/es/DropDown/DropDownHeading.module.css +49 -53
  106. package/es/DropDown/DropDownItem.js +0 -0
  107. package/es/DropDown/DropDownItem.module.css +68 -94
  108. package/es/DropDown/DropDownSearch.js +0 -0
  109. package/es/DropDown/DropDownSearch.module.css +14 -14
  110. package/es/DropDown/DropDownSeparator.js +0 -0
  111. package/es/DropDown/DropDownSeparator.module.css +7 -7
  112. package/es/DropDown/docs/DropDownHeading__custom.docs.js +23 -0
  113. package/es/DropDown/docs/DropDownHeading__default.docs.js +21 -0
  114. package/es/Label/Label.js +2 -2
  115. package/es/Label/Label.module.css +52 -52
  116. package/es/Label/LabelColors.module.css +20 -20
  117. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  118. package/es/Label/docs/Label__clipped.docs.js +27 -0
  119. package/es/Label/docs/Label__custom.docs.js +30 -0
  120. package/es/Label/docs/Label__palette.docs.js +42 -0
  121. package/es/Label/docs/Label__size.docs.js +29 -0
  122. package/es/Label/docs/Label__type.docs.js +37 -0
  123. package/es/Layout/Box.js +0 -0
  124. package/es/Layout/Container.js +0 -0
  125. package/es/Layout/Layout.module.css +324 -324
  126. package/es/Layout/docs/Layout__Hidden.docs.js +77 -0
  127. package/es/Layout/docs/Layout__default.docs.js +49 -0
  128. package/es/Layout/docs/Layout__four_Column.docs.js +85 -0
  129. package/es/Layout/docs/Layout__three_Column.docs.js +76 -0
  130. package/es/Layout/docs/Layout__two_Column.docs.js +69 -0
  131. package/es/Layout/utils.js +0 -0
  132. package/es/LightNightMode/Colors.json +397 -397
  133. package/es/LightNightMode/docs/AlternativeColors.docs.js +74 -0
  134. package/es/ListItem/ListItem.js +0 -0
  135. package/es/ListItem/ListItem.module.css +173 -205
  136. package/es/ListItem/docs/ListItemWithAvatar__custom.docs.js +155 -0
  137. package/es/ListItem/docs/ListItemWithAvatar__default.docs.js +112 -0
  138. package/es/ListItem/docs/ListItemWithCheckBox__custom.docs.js +91 -0
  139. package/es/ListItem/docs/ListItemWithCheckBox__default.docs.js +65 -0
  140. package/es/ListItem/docs/ListItemWithIcon__custom.docs.js +68 -0
  141. package/es/ListItem/docs/ListItemWithIcon__default.docs.js +62 -0
  142. package/es/ListItem/docs/ListItemWithRadio__custom.docs.js +91 -0
  143. package/es/ListItem/docs/ListItemWithRadio__default.docs.js +65 -0
  144. package/es/ListItem/docs/ListItem__custom.docs.js +114 -0
  145. package/es/ListItem/docs/ListItem__default.docs.js +82 -0
  146. package/es/MultiSelect/AdvancedGroupMultiSelect.js +105 -80
  147. package/es/MultiSelect/AdvancedMultiSelect.js +75 -49
  148. package/es/MultiSelect/AdvancedMultiSelect.module.css +113 -127
  149. package/es/MultiSelect/MultiSelect.js +85 -60
  150. package/es/MultiSelect/MultiSelect.module.css +181 -193
  151. package/es/MultiSelect/MultiSelectWithAvatar.js +77 -52
  152. package/es/MultiSelect/SelectedOptions.module.css +9 -15
  153. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  154. package/es/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +125 -0
  155. package/es/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +114 -0
  156. package/es/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +141 -0
  157. package/es/MultiSelect/docs/MultiSelect__default.docs.js +161 -0
  158. package/es/PopOver/PopOver.js +10 -4
  159. package/es/PopOver/PopOver.module.css +8 -8
  160. package/es/PopOver/docs/PopOver__default.docs.js +32 -0
  161. package/es/Popup/Popup.js +0 -0
  162. package/es/Popup/PositionMapping.json +73 -73
  163. package/es/Provider/Config.js +1 -2
  164. package/es/Provider/docs/Provider_Id__Class.docs.js +29 -0
  165. package/es/Provider/docs/Provider_Id__Function.docs.js +18 -0
  166. package/es/Provider/docs/Provider_Zindex__Class.docs.js +32 -0
  167. package/es/Provider/docs/Provider_Zindex__Function.docs.js +23 -0
  168. package/es/Provider.js +5 -105
  169. package/es/Radio/Radio.js +0 -0
  170. package/es/Radio/Radio.module.css +104 -110
  171. package/es/Radio/docs/Radio__custom.docs.js +245 -0
  172. package/es/Radio/docs/Radio__default.docs.js +169 -0
  173. package/es/Responsive/CustomResponsive.js +0 -0
  174. package/es/Responsive/ResizeComponent.js +69 -14
  175. package/es/Responsive/Responsive.js +1 -0
  176. package/es/Responsive/docs/Responsive__Custom.docs.js +206 -0
  177. package/es/Responsive/docs/Responsive__default.docs.js +97 -0
  178. package/es/Responsive/docs/style.module.css +47 -0
  179. package/es/ResponsiveDropbox/ResponsiveDropbox.js +74 -0
  180. package/es/ResponsiveDropbox/ResponsiveDropbox.module.css +6 -0
  181. package/es/Ribbon/Ribbon.js +0 -0
  182. package/es/Ribbon/Ribbon.module.css +311 -376
  183. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  184. package/es/Ribbon/docs/Ribbon__custom.docs.js +386 -0
  185. package/es/Ribbon/docs/Ribbon__default.docs.js +342 -0
  186. package/es/RippleEffect/RippleEffect.module.css +99 -70
  187. package/es/RippleEffect/docs/RippleEffect__default.docs.js +435 -0
  188. package/es/Select/GroupSelect.js +99 -74
  189. package/es/Select/Select.js +95 -68
  190. package/es/Select/Select.module.css +96 -100
  191. package/es/Select/SelectWithAvatar.js +91 -66
  192. package/es/Select/SelectWithIcon.js +100 -74
  193. package/es/Select/__tests__/Select.spec.js +0 -0
  194. package/es/Select/docs/GroupSelect__default.docs.js +149 -0
  195. package/es/Select/docs/SelectWithAvatar__default.docs.js +97 -0
  196. package/es/Select/docs/SelectWithIcon__default.docs.js +138 -0
  197. package/es/Select/docs/Select__default.docs.js +288 -0
  198. package/es/Stencils/Stencils.js +0 -0
  199. package/es/Stencils/Stencils.module.css +78 -96
  200. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  201. package/es/Stencils/docs/Stencils__custom.docs.js +45 -0
  202. package/es/Stencils/docs/Stencils__default.docs.js +50 -0
  203. package/es/Switch/Switch.js +0 -0
  204. package/es/Switch/Switch.module.css +110 -109
  205. package/es/Switch/docs/Switch__custom.docs.js +153 -0
  206. package/es/Switch/docs/Switch__default.docs.js +107 -0
  207. package/es/Tab/Tab.module.css +92 -101
  208. package/es/Tab/TabContent.module.css +4 -4
  209. package/es/Tab/Tabs.js +85 -60
  210. package/es/Tab/Tabs.module.css +107 -140
  211. package/es/Tab/docs/Tab__default.docs.js +258 -0
  212. package/es/Tab/docs/tabdocs.module.css +29 -0
  213. package/es/Tag/Tag.js +9 -9
  214. package/es/Tag/Tag.module.css +232 -250
  215. package/es/Tag/docs/Tag__custom.docs.js +368 -0
  216. package/es/Tag/docs/Tag__default.docs.js +323 -0
  217. package/es/TextBox/TextBox.js +0 -0
  218. package/es/TextBox/TextBox.module.css +161 -157
  219. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  220. package/es/TextBox/docs/TextBox__custom.docs.js +43 -0
  221. package/es/TextBox/docs/TextBox__default.docs.js +40 -0
  222. package/es/TextBox/docs/TextBox__size.docs.js +38 -0
  223. package/es/TextBox/docs/TextBox__variant.docs.js +38 -0
  224. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  225. package/es/TextBoxIcon/TextBoxIcon.module.css +71 -78
  226. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  227. package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +89 -0
  228. package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +61 -0
  229. package/es/Textarea/Textarea.js +0 -0
  230. package/es/Textarea/Textarea.module.css +140 -139
  231. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  232. package/es/Textarea/docs/Textarea__animated.docs.js +41 -0
  233. package/es/Textarea/docs/Textarea__custom.docs.js +82 -0
  234. package/es/Textarea/docs/Textarea__default.docs.js +76 -0
  235. package/es/Textarea/docs/Textarea__disabled.docs.js +29 -0
  236. package/es/Tooltip/Tooltip.js +40 -2
  237. package/es/Tooltip/Tooltip.module.css +108 -109
  238. package/es/Tooltip/docs/Tooltip__default.docs.js +371 -0
  239. package/es/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +97 -0
  240. package/es/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +150 -0
  241. package/es/a11y/FocusScope/docs/FocusScope__default.docs.js +139 -0
  242. package/es/beta/FocusRing/FocusRing.module.css +126 -151
  243. package/es/beta/FocusRing/docs/FocusRing__default.docs.js +48 -0
  244. package/es/common/animation.module.css +426 -624
  245. package/es/common/avatarsizes.module.css +44 -44
  246. package/es/common/basic.module.css +33 -33
  247. package/es/common/basicReset.module.css +50 -40
  248. package/es/common/common.module.css +458 -502
  249. package/es/common/customscroll.module.css +93 -89
  250. package/es/common/docStyle.module.css +719 -766
  251. package/es/common/reset.module.css +12 -12
  252. package/es/common/transition.module.css +106 -146
  253. package/es/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +72 -0
  254. package/es/index.js +2 -1
  255. package/es/semantic/Button/docs/Button__default.docs.js +20 -0
  256. package/es/semantic/Button/semanticButton.module.css +9 -9
  257. package/es/utils/Common.js +0 -0
  258. package/es/utils/dropDownUtils.js +0 -0
  259. package/lib/Accordion/docs/Accordion__Demo.docs.js +126 -0
  260. package/lib/Animation/docs/Animation__default.docs.js +85 -0
  261. package/lib/Animation/docs/Animation__fadeIn.docs.js +85 -0
  262. package/lib/Animation/docs/Animation__scaleIn.docs.js +85 -0
  263. package/lib/Animation/docs/Animation__skewIn.docs.js +85 -0
  264. package/lib/Animation/docs/Animation__slideDown.docs.js +85 -0
  265. package/lib/Animation/docs/Animation__slideLeft.docs.js +85 -0
  266. package/lib/Animation/docs/Animation__zoomIn.docs.js +85 -0
  267. package/lib/AppContainer/AppContainer.js +1 -1
  268. package/lib/AppContainer/AppContainer.module.css +18 -18
  269. package/lib/AppContainer/docs/AppContainer__default.docs.js +70 -0
  270. package/lib/Avatar/Avatar.js +9 -9
  271. package/lib/Avatar/Avatar.module.css +117 -117
  272. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  273. package/lib/Avatar/docs/Avatar__custom.docs.js +87 -0
  274. package/lib/Avatar/docs/Avatar__default.docs.js +83 -0
  275. package/lib/Avatar/docs/Avatar__palette.docs.js +107 -0
  276. package/lib/Avatar/docs/Avatar__text.docs.js +86 -0
  277. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  278. package/lib/AvatarTeam/AvatarTeam.module.css +161 -161
  279. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  280. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +124 -0
  281. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +82 -0
  282. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +101 -0
  283. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +100 -0
  284. package/lib/Button/Button.js +4 -4
  285. package/lib/Button/Button.module.css +521 -521
  286. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  287. package/lib/Button/docs/Button__custom.docs.js +826 -0
  288. package/lib/Button/docs/Button__default.docs.js +590 -0
  289. package/lib/Buttongroup/Buttongroup.js +1 -1
  290. package/lib/Buttongroup/Buttongroup.module.css +89 -89
  291. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  292. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +89 -0
  293. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +85 -0
  294. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +98 -0
  295. package/lib/Card/Card.js +4 -4
  296. package/lib/Card/Card.module.css +20 -20
  297. package/lib/Card/docs/Card__Custom.docs.js +90 -0
  298. package/lib/Card/docs/Card__Default.docs.js +92 -0
  299. package/lib/Card/docs/Card__Scroll.docs.js +114 -0
  300. package/lib/CheckBox/CheckBox.js +1 -2
  301. package/lib/CheckBox/CheckBox.module.css +153 -153
  302. package/lib/CheckBox/docs/CheckBox__custom.docs.js +348 -0
  303. package/lib/CheckBox/docs/CheckBox__default.docs.js +273 -0
  304. package/lib/DateTime/CalendarView.js +0 -0
  305. package/lib/DateTime/DateTime.js +0 -0
  306. package/lib/DateTime/DateTime.module.css +187 -187
  307. package/lib/DateTime/DateWidget.js +0 -0
  308. package/lib/DateTime/DateWidget.module.css +42 -42
  309. package/lib/DateTime/YearView.js +0 -0
  310. package/lib/DateTime/YearView.module.css +80 -80
  311. package/lib/DateTime/common.js +0 -0
  312. package/lib/DateTime/docs/DateTime__default.docs.js +142 -0
  313. package/lib/DateTime/docs/DateWidget__default.docs.js +240 -0
  314. package/lib/DateTime/docs/timezonedata.json +1 -0
  315. package/lib/DateTime/index.js +0 -0
  316. package/lib/DateTime/objectUtils.js +0 -0
  317. package/lib/DateTime/typeChecker.js +0 -0
  318. package/lib/DateTime/validator.js +0 -0
  319. package/lib/DropBox/DropBox.js +1 -1
  320. package/lib/DropBox/DropBox.module.css +406 -406
  321. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  322. package/lib/DropBox/docs/DropBox__custom.docs.js +122 -0
  323. package/lib/DropBox/docs/DropBox__customOrder.docs.js +141 -0
  324. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +140 -0
  325. package/lib/DropBox/docs/DropBox__position.docs.js +142 -0
  326. package/lib/DropBox/docs/DropBox__size.docs.js +116 -0
  327. package/lib/DropDown/DropDown.js +0 -0
  328. package/lib/DropDown/DropDown.module.css +5 -5
  329. package/lib/DropDown/DropDownHeading.js +0 -0
  330. package/lib/DropDown/DropDownHeading.module.css +53 -53
  331. package/lib/DropDown/DropDownItem.js +0 -0
  332. package/lib/DropDown/DropDownItem.module.css +94 -94
  333. package/lib/DropDown/DropDownSearch.js +0 -0
  334. package/lib/DropDown/DropDownSearch.module.css +14 -14
  335. package/lib/DropDown/DropDownSeparator.js +0 -0
  336. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  337. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +73 -0
  338. package/lib/DropDown/docs/DropDownHeading__default.docs.js +70 -0
  339. package/lib/Label/Label.js +0 -0
  340. package/lib/Label/Label.module.css +52 -52
  341. package/lib/Label/LabelColors.module.css +20 -20
  342. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  343. package/lib/Label/docs/Label__clipped.docs.js +81 -0
  344. package/lib/Label/docs/Label__custom.docs.js +85 -0
  345. package/lib/Label/docs/Label__palette.docs.js +96 -0
  346. package/lib/Label/docs/Label__size.docs.js +83 -0
  347. package/lib/Label/docs/Label__type.docs.js +91 -0
  348. package/lib/Layout/Box.js +0 -0
  349. package/lib/Layout/Container.js +0 -0
  350. package/lib/Layout/Layout.module.css +324 -324
  351. package/lib/Layout/docs/Layout__Hidden.docs.js +127 -0
  352. package/lib/Layout/docs/Layout__default.docs.js +98 -0
  353. package/lib/Layout/docs/Layout__four_Column.docs.js +135 -0
  354. package/lib/Layout/docs/Layout__three_Column.docs.js +126 -0
  355. package/lib/Layout/docs/Layout__two_Column.docs.js +119 -0
  356. package/lib/Layout/utils.js +0 -0
  357. package/lib/LightNightMode/Colors.json +397 -397
  358. package/lib/LightNightMode/docs/AlternativeColors.docs.js +131 -0
  359. package/lib/ListItem/ListContainer.js +4 -7
  360. package/lib/ListItem/ListItem.js +1 -1
  361. package/lib/ListItem/ListItem.module.css +210 -205
  362. package/lib/ListItem/ListItemWithAvatar.js +1 -1
  363. package/lib/ListItem/ListItemWithCheckBox.js +1 -1
  364. package/lib/ListItem/ListItemWithIcon.js +1 -1
  365. package/lib/ListItem/ListItemWithRadio.js +1 -1
  366. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +206 -0
  367. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +162 -0
  368. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +142 -0
  369. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +115 -0
  370. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +119 -0
  371. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +112 -0
  372. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +142 -0
  373. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +115 -0
  374. package/lib/ListItem/docs/ListItem__custom.docs.js +164 -0
  375. package/lib/ListItem/docs/ListItem__default.docs.js +131 -0
  376. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +8 -12
  377. package/lib/MultiSelect/AdvancedMultiSelect.module.css +127 -127
  378. package/lib/MultiSelect/MultiSelect.js +11 -12
  379. package/lib/MultiSelect/MultiSelect.module.css +193 -193
  380. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  381. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  382. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  383. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +177 -0
  384. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +165 -0
  385. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +191 -0
  386. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +214 -0
  387. package/lib/PopOver/PopOver.module.css +8 -8
  388. package/lib/PopOver/docs/PopOver__default.docs.js +86 -0
  389. package/lib/Popup/Popup.js +0 -0
  390. package/lib/Popup/PositionMapping.json +73 -73
  391. package/lib/Provider/Config.js +1 -4
  392. package/lib/Provider/docs/Provider_Id__Class.docs.js +77 -0
  393. package/lib/Provider/docs/Provider_Id__Function.docs.js +29 -0
  394. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +80 -0
  395. package/lib/Provider/docs/Provider_Zindex__Function.docs.js +34 -0
  396. package/lib/Provider.js +37 -88
  397. package/lib/Radio/Radio.js +0 -0
  398. package/lib/Radio/Radio.module.css +110 -110
  399. package/lib/Radio/docs/Radio__custom.docs.js +299 -0
  400. package/lib/Radio/docs/Radio__default.docs.js +222 -0
  401. package/lib/Responsive/CustomResponsive.js +0 -0
  402. package/lib/Responsive/docs/Responsive__Custom.docs.js +272 -0
  403. package/lib/Responsive/docs/Responsive__default.docs.js +142 -0
  404. package/lib/Responsive/docs/style.module.css +56 -0
  405. package/lib/Ribbon/Ribbon.js +0 -0
  406. package/lib/Ribbon/Ribbon.module.css +376 -376
  407. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  408. package/lib/Ribbon/docs/Ribbon__custom.docs.js +437 -0
  409. package/lib/Ribbon/docs/Ribbon__default.docs.js +392 -0
  410. package/lib/RippleEffect/RippleEffect.module.css +70 -70
  411. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +484 -0
  412. package/lib/Select/GroupSelect.js +1 -1
  413. package/lib/Select/Select.js +4 -9
  414. package/lib/Select/Select.module.css +100 -100
  415. package/lib/Select/SelectWithAvatar.js +0 -0
  416. package/lib/Select/SelectWithIcon.js +0 -0
  417. package/lib/Select/__tests__/Select.spec.js +0 -0
  418. package/lib/Select/docs/GroupSelect__default.docs.js +199 -0
  419. package/lib/Select/docs/SelectWithAvatar__default.docs.js +152 -0
  420. package/lib/Select/docs/SelectWithIcon__default.docs.js +190 -0
  421. package/lib/Select/docs/Select__default.docs.js +340 -0
  422. package/lib/Stencils/Stencils.js +0 -0
  423. package/lib/Stencils/Stencils.module.css +96 -96
  424. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  425. package/lib/Stencils/docs/Stencils__custom.docs.js +96 -0
  426. package/lib/Stencils/docs/Stencils__default.docs.js +101 -0
  427. package/lib/Switch/Switch.js +0 -0
  428. package/lib/Switch/Switch.module.css +109 -109
  429. package/lib/Switch/docs/Switch__custom.docs.js +203 -0
  430. package/lib/Switch/docs/Switch__default.docs.js +156 -0
  431. package/lib/Tab/Tab.module.css +101 -101
  432. package/lib/Tab/TabContent.module.css +4 -4
  433. package/lib/Tab/Tabs.js +11 -11
  434. package/lib/Tab/Tabs.module.css +140 -140
  435. package/lib/Tab/docs/Tab__default.docs.js +308 -0
  436. package/lib/Tab/docs/tabdocs.module.css +29 -0
  437. package/lib/Tag/Tag.js +8 -8
  438. package/lib/Tag/Tag.module.css +250 -250
  439. package/lib/Tag/docs/Tag__custom.docs.js +423 -0
  440. package/lib/Tag/docs/Tag__default.docs.js +377 -0
  441. package/lib/TextBox/TextBox.js +0 -0
  442. package/lib/TextBox/TextBox.module.css +157 -157
  443. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  444. package/lib/TextBox/docs/TextBox__custom.docs.js +98 -0
  445. package/lib/TextBox/docs/TextBox__default.docs.js +95 -0
  446. package/lib/TextBox/docs/TextBox__size.docs.js +93 -0
  447. package/lib/TextBox/docs/TextBox__variant.docs.js +93 -0
  448. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  449. package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -78
  450. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  451. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +145 -0
  452. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +117 -0
  453. package/lib/Textarea/Textarea.js +0 -0
  454. package/lib/Textarea/Textarea.module.css +139 -139
  455. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  456. package/lib/Textarea/docs/Textarea__animated.docs.js +95 -0
  457. package/lib/Textarea/docs/Textarea__custom.docs.js +137 -0
  458. package/lib/Textarea/docs/Textarea__default.docs.js +130 -0
  459. package/lib/Textarea/docs/Textarea__disabled.docs.js +83 -0
  460. package/lib/Tooltip/Tooltip.js +8 -15
  461. package/lib/Tooltip/Tooltip.module.css +104 -109
  462. package/lib/Tooltip/docs/Tooltip__default.docs.js +391 -0
  463. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +150 -0
  464. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +206 -0
  465. package/lib/a11y/FocusScope/docs/FocusScope__default.docs.js +191 -0
  466. package/lib/beta/FocusRing/FocusRing.module.css +151 -151
  467. package/lib/beta/FocusRing/docs/FocusRing__default.docs.js +101 -0
  468. package/lib/common/animation.module.css +624 -624
  469. package/lib/common/avatarsizes.module.css +44 -44
  470. package/lib/common/basic.module.css +33 -33
  471. package/lib/common/basicReset.module.css +40 -40
  472. package/lib/common/common.module.css +502 -502
  473. package/lib/common/customscroll.module.css +89 -89
  474. package/lib/common/docStyle.module.css +762 -766
  475. package/lib/common/reset.module.css +12 -12
  476. package/lib/common/transition.module.css +146 -146
  477. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +145 -0
  478. package/lib/semantic/Button/docs/Button__default.docs.js +66 -0
  479. package/lib/semantic/Button/semanticButton.module.css +9 -9
  480. package/lib/utils/Common.js +0 -0
  481. package/lib/utils/dropDownUtils.js +0 -0
  482. package/package.json +75 -75
@@ -978,7 +978,11 @@ class DateWidgetComponent extends React.Component {
978
978
  needErrorOnBlur,
979
979
  htmlId,
980
980
  iconOnHover,
981
- is24Hour
981
+ is24Hour,
982
+ isAbsolutePositioningNeeded,
983
+ positionsOffset,
984
+ targetOffset,
985
+ isRestrictScroll
982
986
  } = this.props;
983
987
  const {
984
988
  selected: value = '',
@@ -1058,7 +1062,11 @@ class DateWidgetComponent extends React.Component {
1058
1062
  needAction: isDateTime,
1059
1063
  onDateSelect: !isDateTime ? this.handleSelect : null,
1060
1064
  i18nKeys: i18nKeys,
1061
- is24Hour: is24Hour
1065
+ is24Hour: is24Hour,
1066
+ isAbsolute: isAbsolutePositioningNeeded,
1067
+ positionsOffset: positionsOffset,
1068
+ targetOffset: targetOffset,
1069
+ isRestrictScroll: isRestrictScroll
1062
1070
  }));
1063
1071
  }
1064
1072
 
@@ -1,42 +1,34 @@
1
- /* $Id */
2
- .container {
3
- position: relative;
4
- composes: offSelection from '../common/common.module.css';
5
- }
6
- .readOnly, .readOnly > input, .disabled {
7
- cursor: not-allowed;
8
- }
9
- .enabled {
10
- cursor: pointer;
11
- }
12
- .textBox {
13
- position: relative;
14
- }
15
- .inputLine {
16
- position: absolute;
17
- bottom: 0;
18
- transition: border var(--zd_transition2) linear 0s;
19
- border-bottom: 1px solid var(--zdt_datewidget_input_border);
20
- }
21
- [dir=ltr] .inputLine {
22
- left: 0;
23
- right: 0;
24
- }
25
- [dir=rtl] .inputLine {
26
- right: 0;
27
- left: 0;
28
- }
29
- .enabled:hover .inputLine {
30
- border-bottom-color: var(--zdt_datewidget_enabled_border);
31
- }
32
- .textBoxFocus .inputLine {
33
- border-bottom-color: var(--zdt_datewidget_textboxfocus_border);
34
- }
35
-
36
- .placeHolder input {
37
- color: var(--zdt_datewidget_placeholder_text);
38
- }
39
- .placeHolder input::selection {
40
- color: var(--zdt_datewidget_placeholder_selection_text);
41
- background: var(--zdt_datewidget_placeholder_selection_bg);
42
- }
1
+ /* $Id */
2
+ .container {
3
+ position: relative;
4
+ composes: offSelection from '../common/common.module.css';
5
+ }
6
+ .readOnly,
7
+ .readOnly > input,
8
+ .disabled {
9
+ cursor: not-allowed;
10
+ }
11
+ .enabled {
12
+ cursor: pointer;
13
+ }
14
+ .textBox {
15
+ position: relative;
16
+ }
17
+ .inputLine {
18
+ position: absolute;
19
+ bottom: 0;
20
+ left: 0;
21
+ right: 0;
22
+ border-bottom: 1px solid var(--zdt_datewidget_input_border);
23
+ transition: border var(--zd_transition2) linear 0s;
24
+ }
25
+ .enabled:hover .inputLine {
26
+ border-bottom-color: var(--zdt_datewidget_enabled_border);
27
+ }
28
+ .textBoxFocus .inputLine {
29
+ border-bottom-color: var(--zdt_datewidget_textboxfocus_border);
30
+ }
31
+
32
+ .placeHolder input {
33
+ color: var(--zdt_datewidget_placeholder_text);
34
+ }
File without changes
@@ -1,80 +1,70 @@
1
- [dir=ltr] .boxPadding {
2
- padding-right: var(--zd_size19);
3
- padding-left: var(--zd_size19);
4
- }[dir=rtl] .boxPadding {
5
- padding-left: var(--zd_size19);
6
- padding-right: var(--zd_size19);
7
- }
8
- .month {
9
- width: 30.333%;
10
- font-size: var(--zd_font_size12);
11
- line-height: var(--zd_size26);
12
- height: var(--zd_size26);
13
- text-align: center;
14
- margin: 0 0 var(--zd_size1);
15
- cursor: pointer;
16
- background-color: var(--zdt_yearview_month_bg);
17
- border-radius: 20px;
18
- }
19
- .month:hover {
20
- background-color: var(--zdt_yearview_month_hover_bg);
21
- }
22
- .currentMonth,
23
- .currentMonth:hover {
24
- color: var(--zdt_yearview_currentmonth_text);
25
- }
26
- .currentMonth, .currentMonth:hover {
27
- background-color: var(--zdt_yearview_currentmonth_bg);
28
- }
29
- .yearBox {
30
- border-bottom: 1px dotted var(--zdt_yearview_yearbox_border);
31
- }
32
- .year {
33
- padding: var(--zd_size7) 0;
34
- cursor: pointer;
35
- }
36
- .year:hover .yearText,
37
- .year:hover .arrow {
38
- color: var(--zdt_yearview_year_hover_text);
39
- }
40
- .yearText {
41
- color: var(--zdt_yearview_yeartext_text);
42
- font-size: var(--zd_font_size11);
43
- }
44
- .arrow {
45
- color: var(--zdt_yearview_yeartext_text);
46
- transition: transform var(--zd_transition1);
47
- }
48
- .isActive {
49
- cursor: default;
50
- }
51
- .isActive .yearText {
52
- font-family: var(--zd_semibold);
53
- color: var(--zdt_yearview_year_hover_text);
54
- }
55
- .arrowActive {
56
- color: var(--zdt_yearview_year_hover_text);
57
- }
58
- [dir=ltr] .arrowActive {
59
- transform: rotate(180deg);
60
- }
61
- [dir=rtl] .arrowActive {
62
- transform: rotate(-180deg);
63
- }
64
- .container {
65
- height: 100%;
66
- overflow-y: auto;
67
- overflow-x: hidden;
68
- composes: boxPadding;
69
- background-color: var(--zdt_yearview_default_bg);
70
- }
71
- .yearContainer {
72
- height: var(--zd_size135);
73
- overflow: hidden;
74
- transition: height var(--zd_transition1);
75
- padding-bottom: var(--zd_size5);
76
- }
77
- .toggleYear {
78
- height: 0;
79
- padding: 0;
80
- }
1
+ .boxPadding {
2
+ padding-right: var(--zd_size19);
3
+ padding-left: var(--zd_size19);
4
+ }
5
+ .month {
6
+ width: 30.333%;
7
+ text-align: center;
8
+ margin: 0 0 var(--zd_size1);
9
+ cursor: pointer;
10
+ background-color: var(--zdt_yearview_month_bg);
11
+ border-radius: 20px;
12
+ font-size: var(--zd_font_size12);
13
+ line-height: var(--zd_size26);
14
+ height: var(--zd_size26);
15
+ }
16
+ .month:hover {
17
+ background-color: var(--zdt_yearview_month_hover_bg);
18
+ }
19
+ .currentMonth,
20
+ .currentMonth:hover {
21
+ background-color: var(--zdt_yearview_currentmonth_bg);
22
+ color: var(--zdt_yearview_currentmonth_text);
23
+ }
24
+ .yearBox {
25
+ border-bottom: 1px dotted var(--zdt_yearview_yearbox_border);
26
+ }
27
+ .year {
28
+ padding: var(--zd_size7) 0;
29
+ cursor: pointer;
30
+ }
31
+ .year:hover .yearText,
32
+ .year:hover .arrow {
33
+ color: var(--zdt_yearview_year_hover_text);
34
+ }
35
+ .yearText {
36
+ color: var(--zdt_yearview_yeartext_text);
37
+ font-size: var(--zd_font_size11);
38
+ }
39
+ .arrow {
40
+ color: var(--zdt_yearview_yeartext_text);
41
+ transition: transform var(--zd_transition1);
42
+ }
43
+ .isActive {
44
+ cursor: default;
45
+ }
46
+ .isActive .yearText {
47
+ font-family: var(--zd_semibold);
48
+ color: var(--zdt_yearview_year_hover_text);
49
+ }
50
+ .arrowActive {
51
+ transform: rotate(180deg);
52
+ color: var(--zdt_yearview_year_hover_text);
53
+ }
54
+ .container {
55
+ height: 100%;
56
+ overflow-y: auto;
57
+ overflow-x: hidden;
58
+ composes: boxPadding;
59
+ background-color: var(--zdt_yearview_default_bg);
60
+ }
61
+ .yearContainer {
62
+ height: var(--zd_size135);
63
+ overflow: hidden;
64
+ transition: height var(--zd_transition1);
65
+ padding-bottom: var(--zd_size5);
66
+ }
67
+ .toggleYear {
68
+ height: 0;
69
+ padding: 0;
70
+ }
File without changes
@@ -0,0 +1,91 @@
1
+ import React from 'react';
2
+ import DateTime from '../DateTime';
3
+ import datetime from '@zohodesk/datetimejs';
4
+ import data from './timezonedata.json';
5
+ import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
6
+ export default class DateTime__default extends React.Component {
7
+ constructor(props) {
8
+ super(props);
9
+ this.state = {
10
+ dateTime: '2019-01-01T00:00:00.000',
11
+ date: '2019-01-01',
12
+ dateTimeformattedValue: '',
13
+ dateFormattedValue: ''
14
+ };
15
+ this.handleDateTimeChange = this.handleDateTimeChange.bind(this);
16
+ this.handleGetMethods = this.handleGetMethods.bind(this);
17
+ this.handleDateChange = this.handleDateChange.bind(this);
18
+ }
19
+
20
+ handleDateTimeChange(dateTime, dateTimeformattedValue) {
21
+ this.setState({
22
+ dateTime,
23
+ dateTimeformattedValue
24
+ });
25
+ }
26
+
27
+ handleDateChange(date, dateFormattedValue) {
28
+ this.setState({
29
+ date,
30
+ dateFormattedValue
31
+ });
32
+ }
33
+
34
+ handleGetMethods(methods) {
35
+ const {
36
+ resetLocalDate
37
+ } = methods;
38
+ this.resetLocalDate = resetLocalDate;
39
+ }
40
+
41
+ render() {
42
+ const {
43
+ dateTime,
44
+ date,
45
+ dateFormattedValue,
46
+ dateTimeformattedValue
47
+ } = this.state;
48
+ return /*#__PURE__*/React.createElement("div", {
49
+ style: {
50
+ width: '370px',
51
+ height: '1000px',
52
+ padding: '30px'
53
+ }
54
+ }, /*#__PURE__*/React.createElement("div", null, dateFormattedValue), /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(DateTime, {
55
+ value: date,
56
+ onChange: this.handleDateChange,
57
+ dateFormat: "MM.DD.YYYY",
58
+ timeZone: datetime.tz.unpack(data.timezone),
59
+ isAbsolute: false,
60
+ needAction: false,
61
+ isDateTimeField: false // onSelect={this.handleDateTimeChange}
62
+ ,
63
+ getMethods: this.handleGetMethods // onError={() => {
64
+ // this.resetLocalDate();
65
+ // }}
66
+ ,
67
+ isDefaultPosition: true
68
+ })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", null, dateTimeformattedValue), /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(DateTime, {
69
+ value: dateTime,
70
+ onChange: this.handleDateTimeChange,
71
+ dateFormat: "MM.DD.YYYY",
72
+ timeZone: datetime.tz.unpack(data.timezone),
73
+ isAbsolute: false,
74
+ needAction: false,
75
+ getMethods: this.handleGetMethods,
76
+ isDateTimeField: true // onError={() => {
77
+ // this.resetLocalDate();
78
+ // }}
79
+ ,
80
+ isDefaultPosition: true
81
+ })));
82
+ }
83
+
84
+ }
85
+
86
+ if (false) {
87
+ DateTime__default.docs = {
88
+ componentGroup: 'Form Elements',
89
+ folderName: 'Style Guide'
90
+ };
91
+ }
@@ -0,0 +1,183 @@
1
+ import React from 'react';
2
+ import DateWidget from '../DateWidget';
3
+ import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
4
+ import data from './timezonedata.json';
5
+ import datetime from '@zohodesk/datetimejs';
6
+ import { Box, Container } from '../../Layout';
7
+ export default class DateWidget__default extends React.Component {
8
+ constructor(props) {
9
+ super(props);
10
+ this.state = {
11
+ dateTime: '2021-08-13T20:00:00.000Z',
12
+ date: '1999-04-03'
13
+ };
14
+ this.handleDateChange = this.handleDateChange.bind(this);
15
+ this.handleDateTimeChange = this.handleDateTimeChange.bind(this);
16
+ }
17
+
18
+ handleDateChange(date) {
19
+ this.setState({
20
+ date
21
+ });
22
+ }
23
+
24
+ handleDateTimeChange(dateTime) {
25
+ this.setState({
26
+ dateTime
27
+ });
28
+ }
29
+
30
+ render() {
31
+ const i18nKey = {
32
+ submitText: 'OK',
33
+ cancelText: 'Close',
34
+ timeText: 'Choose Time',
35
+ nextMonthTitleText: 'Go Next',
36
+ prevMonthTitleText: 'Go Prev',
37
+ monthNames: ['ஜனவரி', 'பிப்ரவரி', 'மார்ச்', 'ஏப்ரல்', 'மே', 'ஜூன்', 'ஜூலை', 'ஆகஸ்ட்', 'செப்டம்பர்', 'அக்டோபர்', 'நவம்பர்', 'டிசம்பர்'],
38
+ monthNamesShort: ['ஜன', 'பிப்', 'மார்', 'ஏப்', 'மே', 'ஜூன்', 'ஜூலை', 'ஆக', 'செப்', 'அக்', 'நவ', 'டிச'],
39
+ dayNames: ['ஞாயிறு', 'திங்கள்', 'செவ்வாய்', 'புதன்', 'வியாழன்', 'வெள்ளி', 'சனி'],
40
+ dayNamesShort: ['ஞா', 'தி', 'செ', 'பு', 'வி', 'வெ', 'ச'],
41
+ ampmText: ['மு.ப', 'பி.ப']
42
+ };
43
+ const dataFormats = ['YYYY/MM/DD', 'YYYY-MM-DD', 'YYYY.MM.DD', 'YYYY MM DD', 'MM/DD/YYYY', 'MM-DD-YYYY', 'MM.DD.YYYY', 'MM DD YYYY', 'DD/MM/YYYY', 'DD-MM-YYYY', 'DD.MM.YYYY', 'DD MM YYYY', 'YYYY/MMM/DD', 'YYYY-MMM-DD', 'YYYY.MMM.DD', 'YYYY MMM DD', 'MMM/DD/YYYY', 'MMM-DD-YYYY', 'MMM.DD.YYYY', 'MMM DD YYYY', 'DD/MMM/YYYY', 'DD-MMM-YYYY', 'DD.MMM.YYYY', 'DD MMM YYYY', 'DD/MMMM/YYYY', 'DD-MMMM-YYYY', 'DD-MMMM-YYYY', 'DD MMMM YYYY', 'MMMM/DD/YYYY', 'MMMM-DD-YYYY', 'MMMM.DD.YYYY', 'MMMM DD YYYY', 'YYYY/MMMM/DD', 'YYYY-MMMM-DD', 'YYYY.MMMM.DD', 'YYYY MMMM DD', 'DD/MM/YY', 'DD-MM-YY', 'DD.MM.YY', 'DD MM YY', 'MM/DD/YY', 'MM-DD-YY', 'MM.DD.YY', 'MM DD YY', 'YY/MM/DD', 'YY-MM-DD', 'YY.MM.DD', 'YY MM DD', 'DD/MMM/YY', 'DD-MMM-YY', 'DD.MMM.YY', 'DD MMM YY', 'MMM/DD/YY', 'MMM-DD-YY', 'MMM.DD.YY', 'MMM DD YY', 'YY/MMM/DD', 'YY-MMM-DD', 'YY.MMM.DD', 'YY MMM DD', 'DD/MMMM/YY', 'DD-MMMM-YY', 'DD.MMMM.YY', 'DD MMMM YY', 'MMMM/DD/YY', 'MMMM-DD-YY', 'MMMM.DD.YY', 'MMMM DD YY', 'YY/MMMM/DD', 'YY-MMMM-DD', 'YY.MMMM.DD', 'YY MMMM DD'];
44
+ const {
45
+ date,
46
+ dateTime
47
+ } = this.state;
48
+ const boxStyle = {
49
+ padding: '10px',
50
+ border: '1px solid #000',
51
+ margin: '5px',
52
+ minWidth: '300px'
53
+ };
54
+ const headingStyle = {
55
+ fontSize: '14px',
56
+ textDecoration: 'underline',
57
+ marginBottom: '10px'
58
+ };
59
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Container, {
60
+ alignBox: "row",
61
+ wrap: "wrap"
62
+ }, /*#__PURE__*/React.createElement(CodeExtract, null, dataFormats.map(format => /*#__PURE__*/React.createElement(Box, {
63
+ flexible: true,
64
+ style: boxStyle
65
+ }, /*#__PURE__*/React.createElement("div", {
66
+ style: headingStyle
67
+ }, format), /*#__PURE__*/React.createElement(DateWidget, {
68
+ textBoxSize: "xmedium",
69
+ textBoxVariant: "primary",
70
+ value: dateTime,
71
+ onSelect: this.handleDateTimeChange,
72
+ isDateTime: true,
73
+ position: "bottomLeft",
74
+ dateFormat: format,
75
+ timeZone: datetime.tz.unpack(data.timezone),
76
+ isEditable: true,
77
+ is24Hour: false,
78
+ i18nKeys: i18nKey
79
+ }))), /*#__PURE__*/React.createElement(Box, {
80
+ flexible: true,
81
+ style: boxStyle
82
+ }, /*#__PURE__*/React.createElement("div", {
83
+ style: headingStyle
84
+ }, "24 Hours"), /*#__PURE__*/React.createElement(DateWidget, {
85
+ textBoxSize: "xmedium",
86
+ textBoxVariant: "primary",
87
+ value: dateTime,
88
+ onSelect: this.handleDateTimeChange,
89
+ isDateTime: true,
90
+ position: "bottomLeft",
91
+ dateFormat: "MMM-dd-yyyy",
92
+ timeZone: datetime.tz.unpack(data.timezone),
93
+ needDefaultTime: true,
94
+ is24Hour: true
95
+ })), /*#__PURE__*/React.createElement(Box, {
96
+ flexible: true,
97
+ style: boxStyle
98
+ }, /*#__PURE__*/React.createElement("div", {
99
+ style: headingStyle
100
+ }, "Default Time"), /*#__PURE__*/React.createElement(DateWidget, {
101
+ textBoxSize: "xmedium",
102
+ textBoxVariant: "primary",
103
+ value: dateTime,
104
+ onSelect: this.handleDateTimeChange,
105
+ isDateTime: true,
106
+ position: "bottomLeft",
107
+ dateFormat: "MMM-dd-yyyy",
108
+ timeZone: datetime.tz.unpack(data.timezone),
109
+ needDefaultTime: true
110
+ })), /*#__PURE__*/React.createElement(Box, {
111
+ flexible: true,
112
+ style: boxStyle
113
+ }, /*#__PURE__*/React.createElement("div", {
114
+ style: headingStyle
115
+ }, "ReadOnly"), /*#__PURE__*/React.createElement(DateWidget, {
116
+ textBoxSize: "xmedium",
117
+ textBoxVariant: "primary",
118
+ value: dateTime,
119
+ onSelect: this.handleDateTimeChange,
120
+ isDateTime: true,
121
+ position: "bottomLeft",
122
+ dateFormat: "yyyy.MM.dd",
123
+ timeZone: datetime.tz.unpack(data.timezone),
124
+ needDefaultTime: false,
125
+ isReadOnly: true
126
+ })), /*#__PURE__*/React.createElement(Box, {
127
+ flexible: true,
128
+ style: boxStyle
129
+ }, /*#__PURE__*/React.createElement("div", {
130
+ style: headingStyle
131
+ }, "Without Time"), /*#__PURE__*/React.createElement(DateWidget, {
132
+ textBoxSize: "xmedium",
133
+ textBoxVariant: "primary",
134
+ value: date,
135
+ onSelect: this.handleDateChange,
136
+ isDateTime: false,
137
+ position: "bottomLeft",
138
+ dateFormat: "yyyy.MM.dd",
139
+ timeZone: datetime.tz.unpack(data.timezone)
140
+ })), /*#__PURE__*/React.createElement(Box, {
141
+ flexible: true,
142
+ style: boxStyle
143
+ }, /*#__PURE__*/React.createElement("div", {
144
+ style: headingStyle
145
+ }, "Disabled"), /*#__PURE__*/React.createElement(DateWidget, {
146
+ textBoxSize: "xmedium",
147
+ textBoxVariant: "primary",
148
+ value: date,
149
+ onSelect: this.handleDateChange,
150
+ isDateTime: false,
151
+ position: "bottomLeft",
152
+ dateFormat: "MM-dd-yyyy",
153
+ isDisabled: true,
154
+ timeZone: datetime.tz.unpack(data.timezone)
155
+ })), /*#__PURE__*/React.createElement(Box, {
156
+ flexible: true,
157
+ style: boxStyle
158
+ }, /*#__PURE__*/React.createElement("div", {
159
+ style: headingStyle
160
+ }, "Hide Current Year"), /*#__PURE__*/React.createElement(DateWidget, {
161
+ textBoxSize: "xmedium",
162
+ textBoxVariant: "primary",
163
+ value: dateTime,
164
+ onSelect: this.handleDateTimeChange,
165
+ isDateTime: true,
166
+ position: "bottomLeft",
167
+ dateFormat: "MMM-dd-yyyy",
168
+ timeZone: datetime.tz.unpack(data.timezone),
169
+ needDefaultTime: true,
170
+ is24Hour: true,
171
+ isEditable: true,
172
+ isHideCurrentYear: true
173
+ })))));
174
+ }
175
+
176
+ }
177
+
178
+ if (false) {
179
+ DateWidget__default.docs = {
180
+ componentGroup: 'Form Elements',
181
+ folderName: 'Style Guide'
182
+ };
183
+ }
@@ -0,0 +1 @@
1
+ { "timezone": "7Q.W 80 70 70 70|0121213412121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121212121|-3tFE0 1nEe0 1nX0 11B0 1nX0 SgN0 8x10 iy0 5Wp1 1VaX 3dA0 WM0 1qM0 11A0 1o00 11A0 1o00 11A0 1o00 11A0 1o00 11A0 1qM0 11A0 1o00 11A0 1o00 11A0 1o00 11A0 1o00 11A0 1qM0 WM0 1qM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1fA0 1a00 1fA0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1fz0 1cN0 1cL0 1cN0 1cL0 s10 1Vz0 LB0 1BX0 1cN0 1fz0 1a10 1fz0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1fz0 1a10 1fz0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 14p0 1lb0 14p0 1nX0 11B0 1nX0 11B0 1nX0 14p0 1lb0 14p0 1lb0 14p0 1nX0 11B0 1nX0 11B0 1nX0 14p0 1lb0 14p0 1lb0 14p0 1lb0 14p0 1nX0 11B0 1nX0 11B0 1nX0 14p0 1lb0 14p0 1lb0 14p0 1nX0 11B0 1nX0 11B0 1nX0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0|15e6" }
File without changes
File without changes
File without changes
File without changes
File without changes