@zohodesk/components 1.0.0-temp-68 → 1.0.0-temp-444

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 (481) hide show
  1. package/README.md +1048 -1020
  2. package/assets/Appearance/dark/mode/darkMode.module.css +2 -2
  3. package/assets/Appearance/default/mode/defaultMode.module.css +3 -3
  4. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +12 -12
  5. package/assets/Appearance/pureDark/themes/blue/bluePureDarkComponentTheme.module.css +2 -2
  6. package/assets/Appearance/pureDark/themes/green/greenPureDarkComponentTheme.module.css +2 -2
  7. package/assets/Appearance/pureDark/themes/orange/orangePureDarkComponentTheme.module.css +2 -2
  8. package/assets/Appearance/pureDark/themes/red/redPureDarkComponentTheme.module.css +2 -2
  9. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkComponentTheme.module.css +2 -2
  10. package/docs/external/active-line.js +72 -0
  11. package/docs/external/autorefresh.js +47 -0
  12. package/docs/external/codemirror.js +9681 -0
  13. package/docs/external/css/hopscotch.css +576 -0
  14. package/docs/external/css/styleGuide.css +1100 -0
  15. package/docs/external/css.js +466 -0
  16. package/docs/external/designTokens.js +1 -0
  17. package/docs/external/foldcode.js +152 -0
  18. package/docs/external/format.js +129 -0
  19. package/docs/external/htmlmixed.js +84 -0
  20. package/docs/external/images/bottom.png +0 -0
  21. package/docs/external/images/bottombg.jpg +0 -0
  22. package/docs/external/images/desk.png +0 -0
  23. package/docs/external/images/desklogo.png +0 -0
  24. package/docs/external/images/menu.png +0 -0
  25. package/docs/external/index.html +127 -0
  26. package/docs/external/javascript.js +422 -0
  27. package/docs/external/jsx.js +148 -0
  28. package/docs/external/matchbrackets.js +145 -0
  29. package/docs/external/xml.js +322 -0
  30. package/docs/package.json +41 -0
  31. package/docs/src/index.js +1311 -0
  32. package/es/Accordion/docs/Accordion__Demo.docs.js +80 -0
  33. package/es/Animation/docs/Animation__default.docs.js +34 -0
  34. package/es/Animation/docs/Animation__fadeIn.docs.js +34 -0
  35. package/es/Animation/docs/Animation__scaleIn.docs.js +34 -0
  36. package/es/Animation/docs/Animation__skewIn.docs.js +34 -0
  37. package/es/Animation/docs/Animation__slideDown.docs.js +34 -0
  38. package/es/Animation/docs/Animation__slideLeft.docs.js +34 -0
  39. package/es/Animation/docs/Animation__zoomIn.docs.js +34 -0
  40. package/es/AppContainer/AppContainer.js +6 -1
  41. package/es/AppContainer/AppContainer.module.css +18 -18
  42. package/es/AppContainer/docs/AppContainer__default.docs.js +20 -0
  43. package/es/Avatar/Avatar.js +9 -9
  44. package/es/Avatar/Avatar.module.css +115 -117
  45. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  46. package/es/Avatar/docs/Avatar__custom.docs.js +29 -0
  47. package/es/Avatar/docs/Avatar__default.docs.js +29 -0
  48. package/es/Avatar/docs/Avatar__palette.docs.js +49 -0
  49. package/es/Avatar/docs/Avatar__text.docs.js +28 -0
  50. package/es/AvatarTeam/AvatarTeam.js +7 -7
  51. package/es/AvatarTeam/AvatarTeam.module.css +147 -161
  52. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  53. package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +73 -0
  54. package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +31 -0
  55. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +50 -0
  56. package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +49 -0
  57. package/es/Button/Button.js +4 -4
  58. package/es/Button/Button.module.css +448 -521
  59. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  60. package/es/Button/docs/Button__custom.docs.js +771 -0
  61. package/es/Button/docs/Button__default.docs.js +536 -0
  62. package/es/Buttongroup/Buttongroup.js +1 -1
  63. package/es/Buttongroup/Buttongroup.module.css +60 -89
  64. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  65. package/es/Buttongroup/docs/Buttongroup__custom.docs.js +37 -0
  66. package/es/Buttongroup/docs/Buttongroup__footer.docs.js +33 -0
  67. package/es/Buttongroup/docs/Buttongroup__header.docs.js +42 -0
  68. package/es/Card/Card.js +4 -4
  69. package/es/Card/Card.module.css +20 -20
  70. package/es/Card/docs/Card__Custom.docs.js +34 -0
  71. package/es/Card/docs/Card__Default.docs.js +37 -0
  72. package/es/Card/docs/Card__Scroll.docs.js +59 -0
  73. package/es/CheckBox/CheckBox.js +0 -0
  74. package/es/CheckBox/CheckBox.module.css +147 -153
  75. package/es/CheckBox/docs/CheckBox__custom.docs.js +293 -0
  76. package/es/CheckBox/docs/CheckBox__default.docs.js +219 -0
  77. package/es/DateTime/CalendarView.js +0 -0
  78. package/es/DateTime/DateTime.js +46 -19
  79. package/es/DateTime/DateTime.module.css +160 -187
  80. package/es/DateTime/DateWidget.js +10 -2
  81. package/es/DateTime/DateWidget.module.css +34 -42
  82. package/es/DateTime/YearView.js +0 -0
  83. package/es/DateTime/YearView.module.css +70 -80
  84. package/es/DateTime/common.js +0 -0
  85. package/es/DateTime/docs/DateTime__default.docs.js +91 -0
  86. package/es/DateTime/docs/DateWidget__default.docs.js +183 -0
  87. package/es/DateTime/docs/timezonedata.json +1 -0
  88. package/es/DateTime/index.js +0 -0
  89. package/es/DateTime/objectUtils.js +0 -0
  90. package/es/DateTime/typeChecker.js +0 -0
  91. package/es/DateTime/validator.js +0 -0
  92. package/es/DropBox/DropBox.js +0 -0
  93. package/es/DropBox/DropBox.module.css +370 -406
  94. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  95. package/es/DropBox/docs/DropBox__custom.docs.js +66 -0
  96. package/es/DropBox/docs/DropBox__customOrder.docs.js +92 -0
  97. package/es/DropBox/docs/DropBox__fixedPosition.docs.js +91 -0
  98. package/es/DropBox/docs/DropBox__position.docs.js +87 -0
  99. package/es/DropBox/docs/DropBox__size.docs.js +61 -0
  100. package/es/DropDown/DropDown.js +0 -0
  101. package/es/DropDown/DropDown.module.css +5 -5
  102. package/es/DropDown/DropDownHeading.js +0 -0
  103. package/es/DropDown/DropDownHeading.module.css +49 -53
  104. package/es/DropDown/DropDownItem.js +0 -0
  105. package/es/DropDown/DropDownItem.module.css +68 -94
  106. package/es/DropDown/DropDownSearch.js +0 -0
  107. package/es/DropDown/DropDownSearch.module.css +14 -14
  108. package/es/DropDown/DropDownSeparator.js +0 -0
  109. package/es/DropDown/DropDownSeparator.module.css +7 -7
  110. package/es/DropDown/docs/DropDownHeading__custom.docs.js +23 -0
  111. package/es/DropDown/docs/DropDownHeading__default.docs.js +21 -0
  112. package/es/Label/Label.js +2 -2
  113. package/es/Label/Label.module.css +52 -52
  114. package/es/Label/LabelColors.module.css +20 -20
  115. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  116. package/es/Label/docs/Label__clipped.docs.js +27 -0
  117. package/es/Label/docs/Label__custom.docs.js +30 -0
  118. package/es/Label/docs/Label__palette.docs.js +42 -0
  119. package/es/Label/docs/Label__size.docs.js +29 -0
  120. package/es/Label/docs/Label__type.docs.js +37 -0
  121. package/es/Layout/Box.js +0 -0
  122. package/es/Layout/Container.js +0 -0
  123. package/es/Layout/Layout.module.css +324 -324
  124. package/es/Layout/docs/Layout__Hidden.docs.js +77 -0
  125. package/es/Layout/docs/Layout__default.docs.js +49 -0
  126. package/es/Layout/docs/Layout__four_Column.docs.js +85 -0
  127. package/es/Layout/docs/Layout__three_Column.docs.js +76 -0
  128. package/es/Layout/docs/Layout__two_Column.docs.js +69 -0
  129. package/es/Layout/utils.js +0 -0
  130. package/es/LightNightMode/Colors.json +397 -397
  131. package/es/LightNightMode/docs/AlternativeColors.docs.js +74 -0
  132. package/es/ListItem/ListItem.js +0 -0
  133. package/es/ListItem/ListItem.module.css +173 -205
  134. package/es/ListItem/docs/ListItemWithAvatar__custom.docs.js +155 -0
  135. package/es/ListItem/docs/ListItemWithAvatar__default.docs.js +112 -0
  136. package/es/ListItem/docs/ListItemWithCheckBox__custom.docs.js +91 -0
  137. package/es/ListItem/docs/ListItemWithCheckBox__default.docs.js +65 -0
  138. package/es/ListItem/docs/ListItemWithIcon__custom.docs.js +68 -0
  139. package/es/ListItem/docs/ListItemWithIcon__default.docs.js +62 -0
  140. package/es/ListItem/docs/ListItemWithRadio__custom.docs.js +91 -0
  141. package/es/ListItem/docs/ListItemWithRadio__default.docs.js +65 -0
  142. package/es/ListItem/docs/ListItem__custom.docs.js +114 -0
  143. package/es/ListItem/docs/ListItem__default.docs.js +82 -0
  144. package/es/MultiSelect/AdvancedGroupMultiSelect.js +105 -80
  145. package/es/MultiSelect/AdvancedMultiSelect.js +75 -49
  146. package/es/MultiSelect/AdvancedMultiSelect.module.css +113 -127
  147. package/es/MultiSelect/MultiSelect.js +85 -60
  148. package/es/MultiSelect/MultiSelect.module.css +181 -193
  149. package/es/MultiSelect/MultiSelectWithAvatar.js +77 -52
  150. package/es/MultiSelect/SelectedOptions.module.css +9 -15
  151. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  152. package/es/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +125 -0
  153. package/es/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +114 -0
  154. package/es/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +141 -0
  155. package/es/MultiSelect/docs/MultiSelect__default.docs.js +161 -0
  156. package/es/PopOver/PopOver.js +10 -4
  157. package/es/PopOver/PopOver.module.css +8 -8
  158. package/es/PopOver/docs/PopOver__default.docs.js +32 -0
  159. package/es/Popup/Popup.js +0 -0
  160. package/es/Popup/PositionMapping.json +73 -73
  161. package/es/Provider/Config.js +1 -2
  162. package/es/Provider/docs/Provider_Id__Class.docs.js +29 -0
  163. package/es/Provider/docs/Provider_Id__Function.docs.js +18 -0
  164. package/es/Provider/docs/Provider_Zindex__Class.docs.js +32 -0
  165. package/es/Provider/docs/Provider_Zindex__Function.docs.js +23 -0
  166. package/es/Provider.js +5 -105
  167. package/es/Radio/Radio.js +0 -0
  168. package/es/Radio/Radio.module.css +104 -110
  169. package/es/Radio/docs/Radio__custom.docs.js +245 -0
  170. package/es/Radio/docs/Radio__default.docs.js +169 -0
  171. package/es/Responsive/CustomResponsive.js +0 -0
  172. package/es/Responsive/ResizeComponent.js +73 -15
  173. package/es/Responsive/ResizeObserver.js +6 -2
  174. package/es/Responsive/Responsive.js +1 -0
  175. package/es/Responsive/docs/Responsive__Custom.docs.js +206 -0
  176. package/es/Responsive/docs/Responsive__default.docs.js +97 -0
  177. package/es/Responsive/docs/style.module.css +47 -0
  178. package/es/ResponsiveDropBox/ResponsiveDropBox.js +74 -0
  179. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -0
  180. package/es/Ribbon/Ribbon.js +0 -0
  181. package/es/Ribbon/Ribbon.module.css +311 -376
  182. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  183. package/es/Ribbon/docs/Ribbon__custom.docs.js +386 -0
  184. package/es/Ribbon/docs/Ribbon__default.docs.js +342 -0
  185. package/es/RippleEffect/RippleEffect.module.css +99 -70
  186. package/es/RippleEffect/docs/RippleEffect__default.docs.js +435 -0
  187. package/es/Select/GroupSelect.js +99 -74
  188. package/es/Select/Select.js +95 -68
  189. package/es/Select/Select.module.css +96 -100
  190. package/es/Select/SelectWithAvatar.js +91 -66
  191. package/es/Select/SelectWithIcon.js +100 -74
  192. package/es/Select/__tests__/Select.spec.js +0 -0
  193. package/es/Select/docs/GroupSelect__default.docs.js +149 -0
  194. package/es/Select/docs/SelectWithAvatar__default.docs.js +97 -0
  195. package/es/Select/docs/SelectWithIcon__default.docs.js +138 -0
  196. package/es/Select/docs/Select__default.docs.js +288 -0
  197. package/es/Stencils/Stencils.js +0 -0
  198. package/es/Stencils/Stencils.module.css +78 -96
  199. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  200. package/es/Stencils/docs/Stencils__custom.docs.js +45 -0
  201. package/es/Stencils/docs/Stencils__default.docs.js +50 -0
  202. package/es/Switch/Switch.js +0 -0
  203. package/es/Switch/Switch.module.css +110 -109
  204. package/es/Switch/docs/Switch__custom.docs.js +153 -0
  205. package/es/Switch/docs/Switch__default.docs.js +107 -0
  206. package/es/Tab/Tab.module.css +92 -101
  207. package/es/Tab/TabContent.module.css +4 -4
  208. package/es/Tab/Tabs.js +85 -60
  209. package/es/Tab/Tabs.module.css +107 -140
  210. package/es/Tab/docs/Tab__default.docs.js +258 -0
  211. package/es/Tab/docs/tabdocs.module.css +29 -0
  212. package/es/Tag/Tag.js +9 -9
  213. package/es/Tag/Tag.module.css +232 -250
  214. package/es/Tag/docs/Tag__custom.docs.js +368 -0
  215. package/es/Tag/docs/Tag__default.docs.js +323 -0
  216. package/es/TextBox/TextBox.js +0 -0
  217. package/es/TextBox/TextBox.module.css +161 -157
  218. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  219. package/es/TextBox/docs/TextBox__custom.docs.js +43 -0
  220. package/es/TextBox/docs/TextBox__default.docs.js +40 -0
  221. package/es/TextBox/docs/TextBox__size.docs.js +38 -0
  222. package/es/TextBox/docs/TextBox__variant.docs.js +38 -0
  223. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  224. package/es/TextBoxIcon/TextBoxIcon.module.css +71 -78
  225. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  226. package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +89 -0
  227. package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +61 -0
  228. package/es/Textarea/Textarea.js +0 -0
  229. package/es/Textarea/Textarea.module.css +140 -139
  230. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  231. package/es/Textarea/docs/Textarea__animated.docs.js +41 -0
  232. package/es/Textarea/docs/Textarea__custom.docs.js +82 -0
  233. package/es/Textarea/docs/Textarea__default.docs.js +76 -0
  234. package/es/Textarea/docs/Textarea__disabled.docs.js +29 -0
  235. package/es/Tooltip/Tooltip.js +40 -2
  236. package/es/Tooltip/Tooltip.module.css +108 -109
  237. package/es/Tooltip/docs/Tooltip__default.docs.js +371 -0
  238. package/es/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +97 -0
  239. package/es/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +150 -0
  240. package/es/a11y/FocusScope/docs/FocusScope__default.docs.js +139 -0
  241. package/es/beta/FocusRing/FocusRing.module.css +126 -151
  242. package/es/beta/FocusRing/docs/FocusRing__default.docs.js +48 -0
  243. package/es/common/animation.module.css +426 -624
  244. package/es/common/avatarsizes.module.css +44 -44
  245. package/es/common/basic.module.css +33 -33
  246. package/es/common/basicReset.module.css +50 -40
  247. package/es/common/common.module.css +458 -502
  248. package/es/common/customscroll.module.css +93 -89
  249. package/es/common/docStyle.module.css +719 -766
  250. package/es/common/reset.module.css +12 -12
  251. package/es/common/transition.module.css +106 -146
  252. package/es/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +72 -0
  253. package/es/index.js +2 -1
  254. package/es/semantic/Button/docs/Button__default.docs.js +20 -0
  255. package/es/semantic/Button/semanticButton.module.css +9 -9
  256. package/es/utils/Common.js +0 -0
  257. package/es/utils/dropDownUtils.js +0 -0
  258. package/lib/Accordion/docs/Accordion__Demo.docs.js +126 -0
  259. package/lib/Animation/docs/Animation__default.docs.js +85 -0
  260. package/lib/Animation/docs/Animation__fadeIn.docs.js +85 -0
  261. package/lib/Animation/docs/Animation__scaleIn.docs.js +85 -0
  262. package/lib/Animation/docs/Animation__skewIn.docs.js +85 -0
  263. package/lib/Animation/docs/Animation__slideDown.docs.js +85 -0
  264. package/lib/Animation/docs/Animation__slideLeft.docs.js +85 -0
  265. package/lib/Animation/docs/Animation__zoomIn.docs.js +85 -0
  266. package/lib/AppContainer/AppContainer.js +1 -1
  267. package/lib/AppContainer/AppContainer.module.css +18 -18
  268. package/lib/AppContainer/docs/AppContainer__default.docs.js +70 -0
  269. package/lib/Avatar/Avatar.js +9 -9
  270. package/lib/Avatar/Avatar.module.css +117 -117
  271. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  272. package/lib/Avatar/docs/Avatar__custom.docs.js +87 -0
  273. package/lib/Avatar/docs/Avatar__default.docs.js +83 -0
  274. package/lib/Avatar/docs/Avatar__palette.docs.js +107 -0
  275. package/lib/Avatar/docs/Avatar__text.docs.js +86 -0
  276. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  277. package/lib/AvatarTeam/AvatarTeam.module.css +161 -161
  278. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  279. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +124 -0
  280. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +82 -0
  281. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +101 -0
  282. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +100 -0
  283. package/lib/Button/Button.js +4 -4
  284. package/lib/Button/Button.module.css +521 -521
  285. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  286. package/lib/Button/docs/Button__custom.docs.js +826 -0
  287. package/lib/Button/docs/Button__default.docs.js +590 -0
  288. package/lib/Buttongroup/Buttongroup.js +1 -1
  289. package/lib/Buttongroup/Buttongroup.module.css +89 -89
  290. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  291. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +89 -0
  292. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +85 -0
  293. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +98 -0
  294. package/lib/Card/Card.js +4 -4
  295. package/lib/Card/Card.module.css +20 -20
  296. package/lib/Card/docs/Card__Custom.docs.js +90 -0
  297. package/lib/Card/docs/Card__Default.docs.js +92 -0
  298. package/lib/Card/docs/Card__Scroll.docs.js +114 -0
  299. package/lib/CheckBox/CheckBox.js +1 -2
  300. package/lib/CheckBox/CheckBox.module.css +153 -153
  301. package/lib/CheckBox/docs/CheckBox__custom.docs.js +348 -0
  302. package/lib/CheckBox/docs/CheckBox__default.docs.js +273 -0
  303. package/lib/DateTime/CalendarView.js +0 -0
  304. package/lib/DateTime/DateTime.js +0 -0
  305. package/lib/DateTime/DateTime.module.css +187 -187
  306. package/lib/DateTime/DateWidget.js +0 -0
  307. package/lib/DateTime/DateWidget.module.css +42 -42
  308. package/lib/DateTime/YearView.js +0 -0
  309. package/lib/DateTime/YearView.module.css +80 -80
  310. package/lib/DateTime/common.js +0 -0
  311. package/lib/DateTime/docs/DateTime__default.docs.js +142 -0
  312. package/lib/DateTime/docs/DateWidget__default.docs.js +240 -0
  313. package/lib/DateTime/docs/timezonedata.json +1 -0
  314. package/lib/DateTime/index.js +0 -0
  315. package/lib/DateTime/objectUtils.js +0 -0
  316. package/lib/DateTime/typeChecker.js +0 -0
  317. package/lib/DateTime/validator.js +0 -0
  318. package/lib/DropBox/DropBox.js +1 -1
  319. package/lib/DropBox/DropBox.module.css +406 -406
  320. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  321. package/lib/DropBox/docs/DropBox__custom.docs.js +122 -0
  322. package/lib/DropBox/docs/DropBox__customOrder.docs.js +141 -0
  323. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +140 -0
  324. package/lib/DropBox/docs/DropBox__position.docs.js +142 -0
  325. package/lib/DropBox/docs/DropBox__size.docs.js +116 -0
  326. package/lib/DropDown/DropDown.js +0 -0
  327. package/lib/DropDown/DropDown.module.css +5 -5
  328. package/lib/DropDown/DropDownHeading.js +0 -0
  329. package/lib/DropDown/DropDownHeading.module.css +53 -53
  330. package/lib/DropDown/DropDownItem.js +0 -0
  331. package/lib/DropDown/DropDownItem.module.css +94 -94
  332. package/lib/DropDown/DropDownSearch.js +0 -0
  333. package/lib/DropDown/DropDownSearch.module.css +14 -14
  334. package/lib/DropDown/DropDownSeparator.js +0 -0
  335. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  336. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +73 -0
  337. package/lib/DropDown/docs/DropDownHeading__default.docs.js +70 -0
  338. package/lib/Label/Label.js +0 -0
  339. package/lib/Label/Label.module.css +52 -52
  340. package/lib/Label/LabelColors.module.css +20 -20
  341. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  342. package/lib/Label/docs/Label__clipped.docs.js +81 -0
  343. package/lib/Label/docs/Label__custom.docs.js +85 -0
  344. package/lib/Label/docs/Label__palette.docs.js +96 -0
  345. package/lib/Label/docs/Label__size.docs.js +83 -0
  346. package/lib/Label/docs/Label__type.docs.js +91 -0
  347. package/lib/Layout/Box.js +0 -0
  348. package/lib/Layout/Container.js +0 -0
  349. package/lib/Layout/Layout.module.css +324 -324
  350. package/lib/Layout/docs/Layout__Hidden.docs.js +127 -0
  351. package/lib/Layout/docs/Layout__default.docs.js +98 -0
  352. package/lib/Layout/docs/Layout__four_Column.docs.js +135 -0
  353. package/lib/Layout/docs/Layout__three_Column.docs.js +126 -0
  354. package/lib/Layout/docs/Layout__two_Column.docs.js +119 -0
  355. package/lib/Layout/utils.js +0 -0
  356. package/lib/LightNightMode/Colors.json +397 -397
  357. package/lib/LightNightMode/docs/AlternativeColors.docs.js +131 -0
  358. package/lib/ListItem/ListContainer.js +4 -7
  359. package/lib/ListItem/ListItem.js +1 -1
  360. package/lib/ListItem/ListItem.module.css +210 -205
  361. package/lib/ListItem/ListItemWithAvatar.js +1 -1
  362. package/lib/ListItem/ListItemWithCheckBox.js +1 -1
  363. package/lib/ListItem/ListItemWithIcon.js +1 -1
  364. package/lib/ListItem/ListItemWithRadio.js +1 -1
  365. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +206 -0
  366. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +162 -0
  367. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +142 -0
  368. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +115 -0
  369. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +119 -0
  370. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +112 -0
  371. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +142 -0
  372. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +115 -0
  373. package/lib/ListItem/docs/ListItem__custom.docs.js +164 -0
  374. package/lib/ListItem/docs/ListItem__default.docs.js +131 -0
  375. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +8 -12
  376. package/lib/MultiSelect/AdvancedMultiSelect.module.css +127 -127
  377. package/lib/MultiSelect/MultiSelect.js +11 -12
  378. package/lib/MultiSelect/MultiSelect.module.css +193 -193
  379. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  380. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  381. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  382. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +177 -0
  383. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +165 -0
  384. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +191 -0
  385. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +214 -0
  386. package/lib/PopOver/PopOver.module.css +8 -8
  387. package/lib/PopOver/docs/PopOver__default.docs.js +86 -0
  388. package/lib/Popup/Popup.js +0 -0
  389. package/lib/Popup/PositionMapping.json +73 -73
  390. package/lib/Provider/Config.js +1 -4
  391. package/lib/Provider/docs/Provider_Id__Class.docs.js +77 -0
  392. package/lib/Provider/docs/Provider_Id__Function.docs.js +29 -0
  393. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +80 -0
  394. package/lib/Provider/docs/Provider_Zindex__Function.docs.js +34 -0
  395. package/lib/Provider.js +37 -88
  396. package/lib/Radio/Radio.js +0 -0
  397. package/lib/Radio/Radio.module.css +110 -110
  398. package/lib/Radio/docs/Radio__custom.docs.js +299 -0
  399. package/lib/Radio/docs/Radio__default.docs.js +222 -0
  400. package/lib/Responsive/CustomResponsive.js +0 -0
  401. package/lib/Responsive/docs/Responsive__Custom.docs.js +272 -0
  402. package/lib/Responsive/docs/Responsive__default.docs.js +142 -0
  403. package/lib/Responsive/docs/style.module.css +56 -0
  404. package/lib/Ribbon/Ribbon.js +0 -0
  405. package/lib/Ribbon/Ribbon.module.css +376 -376
  406. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  407. package/lib/Ribbon/docs/Ribbon__custom.docs.js +437 -0
  408. package/lib/Ribbon/docs/Ribbon__default.docs.js +392 -0
  409. package/lib/RippleEffect/RippleEffect.module.css +70 -70
  410. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +484 -0
  411. package/lib/Select/GroupSelect.js +1 -1
  412. package/lib/Select/Select.js +4 -9
  413. package/lib/Select/Select.module.css +100 -100
  414. package/lib/Select/SelectWithAvatar.js +0 -0
  415. package/lib/Select/SelectWithIcon.js +0 -0
  416. package/lib/Select/__tests__/Select.spec.js +0 -0
  417. package/lib/Select/docs/GroupSelect__default.docs.js +199 -0
  418. package/lib/Select/docs/SelectWithAvatar__default.docs.js +152 -0
  419. package/lib/Select/docs/SelectWithIcon__default.docs.js +190 -0
  420. package/lib/Select/docs/Select__default.docs.js +340 -0
  421. package/lib/Stencils/Stencils.js +0 -0
  422. package/lib/Stencils/Stencils.module.css +96 -96
  423. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  424. package/lib/Stencils/docs/Stencils__custom.docs.js +96 -0
  425. package/lib/Stencils/docs/Stencils__default.docs.js +101 -0
  426. package/lib/Switch/Switch.js +0 -0
  427. package/lib/Switch/Switch.module.css +109 -109
  428. package/lib/Switch/docs/Switch__custom.docs.js +203 -0
  429. package/lib/Switch/docs/Switch__default.docs.js +156 -0
  430. package/lib/Tab/Tab.module.css +101 -101
  431. package/lib/Tab/TabContent.module.css +4 -4
  432. package/lib/Tab/Tabs.js +11 -11
  433. package/lib/Tab/Tabs.module.css +140 -140
  434. package/lib/Tab/docs/Tab__default.docs.js +308 -0
  435. package/lib/Tab/docs/tabdocs.module.css +29 -0
  436. package/lib/Tag/Tag.js +8 -8
  437. package/lib/Tag/Tag.module.css +250 -250
  438. package/lib/Tag/docs/Tag__custom.docs.js +423 -0
  439. package/lib/Tag/docs/Tag__default.docs.js +377 -0
  440. package/lib/TextBox/TextBox.js +0 -0
  441. package/lib/TextBox/TextBox.module.css +157 -157
  442. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  443. package/lib/TextBox/docs/TextBox__custom.docs.js +98 -0
  444. package/lib/TextBox/docs/TextBox__default.docs.js +95 -0
  445. package/lib/TextBox/docs/TextBox__size.docs.js +93 -0
  446. package/lib/TextBox/docs/TextBox__variant.docs.js +93 -0
  447. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  448. package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -78
  449. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  450. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +145 -0
  451. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +117 -0
  452. package/lib/Textarea/Textarea.js +0 -0
  453. package/lib/Textarea/Textarea.module.css +139 -139
  454. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  455. package/lib/Textarea/docs/Textarea__animated.docs.js +95 -0
  456. package/lib/Textarea/docs/Textarea__custom.docs.js +137 -0
  457. package/lib/Textarea/docs/Textarea__default.docs.js +130 -0
  458. package/lib/Textarea/docs/Textarea__disabled.docs.js +83 -0
  459. package/lib/Tooltip/Tooltip.js +8 -15
  460. package/lib/Tooltip/Tooltip.module.css +104 -109
  461. package/lib/Tooltip/docs/Tooltip__default.docs.js +391 -0
  462. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +150 -0
  463. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +206 -0
  464. package/lib/a11y/FocusScope/docs/FocusScope__default.docs.js +191 -0
  465. package/lib/beta/FocusRing/FocusRing.module.css +151 -151
  466. package/lib/beta/FocusRing/docs/FocusRing__default.docs.js +101 -0
  467. package/lib/common/animation.module.css +624 -624
  468. package/lib/common/avatarsizes.module.css +44 -44
  469. package/lib/common/basic.module.css +33 -33
  470. package/lib/common/basicReset.module.css +40 -40
  471. package/lib/common/common.module.css +502 -502
  472. package/lib/common/customscroll.module.css +89 -89
  473. package/lib/common/docStyle.module.css +762 -766
  474. package/lib/common/reset.module.css +12 -12
  475. package/lib/common/transition.module.css +146 -146
  476. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +145 -0
  477. package/lib/semantic/Button/docs/Button__default.docs.js +66 -0
  478. package/lib/semantic/Button/semanticButton.module.css +9 -9
  479. package/lib/utils/Common.js +0 -0
  480. package/lib/utils/dropDownUtils.js +0 -0
  481. 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