@zohodesk/components 1.0.0-alpha-225 → 1.0.0-alpha-228

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 (296) hide show
  1. package/README.md +20 -0
  2. package/assets/Appearance/dark/mode/darkMode.module.css +2 -0
  3. package/assets/Appearance/default/mode/defaultMode.module.css +2 -0
  4. package/es/Animation/Animation.js +7 -8
  5. package/es/Avatar/Avatar.js +10 -10
  6. package/es/Button/Button.js +15 -16
  7. package/es/Button/Button.module.css +6 -2
  8. package/es/Card/Card.js +4 -5
  9. package/es/DateTime/DateWidget.module.css +0 -4
  10. package/es/DropBox/DropBox.js +2 -2
  11. package/es/ListItem/ListContainer.js +118 -0
  12. package/es/ListItem/ListItem.js +23 -31
  13. package/es/ListItem/ListItemWithAvatar.js +21 -27
  14. package/es/ListItem/ListItemWithCheckBox.js +23 -29
  15. package/es/ListItem/ListItemWithIcon.js +26 -26
  16. package/es/ListItem/ListItemWithRadio.js +24 -31
  17. package/es/MultiSelect/AdvancedGroupMultiSelect.js +7 -4
  18. package/es/MultiSelect/AdvancedMultiSelect.js +6 -3
  19. package/es/MultiSelect/AdvancedMultiSelect.module.css +8 -8
  20. package/es/MultiSelect/MultiSelect.js +7 -4
  21. package/es/MultiSelect/MultiSelect.module.css +8 -13
  22. package/es/MultiSelect/MultiSelectWithAvatar.js +6 -3
  23. package/es/MultiSelect/SelectedOptions.js +3 -2
  24. package/es/PopOver/PopOver.js +19 -20
  25. package/es/Popup/Popup.js +1 -1
  26. package/es/Radio/Radio.js +1 -2
  27. package/es/Radio/Radio.module.css +2 -2
  28. package/es/Ribbon/Ribbon.js +8 -8
  29. package/es/RippleEffect/RippleEffect.js +7 -4
  30. package/es/RippleEffect/RippleEffect.module.css +3 -0
  31. package/es/Select/Select.module.css +1 -1
  32. package/es/Select/SelectWithAvatar.js +7 -4
  33. package/es/Stencils/Stencils.js +5 -6
  34. package/es/Tag/Tag.js +10 -4
  35. package/es/Tag/Tag.module.css +14 -11
  36. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  37. package/es/TextBoxIcon/TextBoxIcon.module.css +5 -2
  38. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -1
  39. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +1 -1
  40. package/lib/Animation/Animation.js +7 -8
  41. package/lib/Avatar/Avatar.js +10 -10
  42. package/lib/Button/Button.js +15 -16
  43. package/lib/Button/Button.module.css +6 -2
  44. package/lib/Card/Card.js +4 -5
  45. package/lib/DateTime/DateWidget.module.css +0 -4
  46. package/lib/DropBox/DropBox.js +6 -2
  47. package/lib/ListItem/ListContainer.js +127 -0
  48. package/lib/ListItem/ListItem.js +25 -32
  49. package/lib/ListItem/ListItemWithAvatar.js +23 -28
  50. package/lib/ListItem/ListItemWithCheckBox.js +24 -27
  51. package/lib/ListItem/ListItemWithIcon.js +27 -26
  52. package/lib/ListItem/ListItemWithRadio.js +26 -27
  53. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +7 -4
  54. package/lib/MultiSelect/AdvancedMultiSelect.js +6 -3
  55. package/lib/MultiSelect/AdvancedMultiSelect.module.css +8 -8
  56. package/lib/MultiSelect/MultiSelect.js +7 -4
  57. package/lib/MultiSelect/MultiSelect.module.css +8 -13
  58. package/lib/MultiSelect/MultiSelectWithAvatar.js +6 -3
  59. package/lib/MultiSelect/SelectedOptions.js +3 -2
  60. package/lib/PopOver/PopOver.js +19 -20
  61. package/lib/Popup/Popup.js +32 -29
  62. package/lib/Radio/Radio.js +1 -3
  63. package/lib/Radio/Radio.module.css +2 -2
  64. package/lib/Ribbon/Ribbon.js +8 -8
  65. package/lib/RippleEffect/RippleEffect.js +7 -4
  66. package/lib/RippleEffect/RippleEffect.module.css +3 -0
  67. package/lib/Select/Select.module.css +1 -1
  68. package/lib/Select/SelectWithAvatar.js +7 -4
  69. package/lib/Stencils/Stencils.js +5 -6
  70. package/lib/Tag/Tag.js +10 -4
  71. package/lib/Tag/Tag.module.css +14 -11
  72. package/lib/TextBoxIcon/TextBoxIcon.js +1 -1
  73. package/lib/TextBoxIcon/TextBoxIcon.module.css +5 -2
  74. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +5 -3
  75. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +5 -3
  76. package/package.json +3 -3
  77. package/README_Beta.md +0 -2
  78. package/__testUtils__/globals.js +0 -46
  79. package/__testUtils__/moduleMapKey.json +0 -138
  80. package/dubFinder.js +0 -96
  81. package/es/Accordion/docs/Accordion__Demo.docs.js +0 -80
  82. package/es/Animation/docs/Animation__default.docs.js +0 -34
  83. package/es/Animation/docs/Animation__fadeIn.docs.js +0 -34
  84. package/es/Animation/docs/Animation__scaleIn.docs.js +0 -34
  85. package/es/Animation/docs/Animation__skewIn.docs.js +0 -34
  86. package/es/Animation/docs/Animation__slideDown.docs.js +0 -34
  87. package/es/Animation/docs/Animation__slideLeft.docs.js +0 -34
  88. package/es/Animation/docs/Animation__zoomIn.docs.js +0 -34
  89. package/es/AppContainer/docs/AppContainer__default.docs.js +0 -20
  90. package/es/Avatar/docs/Avatar__custom.docs.js +0 -29
  91. package/es/Avatar/docs/Avatar__default.docs.js +0 -29
  92. package/es/Avatar/docs/Avatar__palette.docs.js +0 -49
  93. package/es/Avatar/docs/Avatar__text.docs.js +0 -28
  94. package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -73
  95. package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -31
  96. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -50
  97. package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -49
  98. package/es/Button/docs/Button__custom.docs.js +0 -771
  99. package/es/Button/docs/Button__default.docs.js +0 -536
  100. package/es/Buttongroup/docs/Buttongroup__custom.docs.js +0 -37
  101. package/es/Buttongroup/docs/Buttongroup__footer.docs.js +0 -33
  102. package/es/Buttongroup/docs/Buttongroup__header.docs.js +0 -42
  103. package/es/Card/docs/Card__Custom.docs.js +0 -34
  104. package/es/Card/docs/Card__Default.docs.js +0 -37
  105. package/es/Card/docs/Card__Scroll.docs.js +0 -59
  106. package/es/CheckBox/docs/CheckBox__custom.docs.js +0 -293
  107. package/es/CheckBox/docs/CheckBox__default.docs.js +0 -219
  108. package/es/DateTime/docs/DateTime__default.docs.js +0 -91
  109. package/es/DateTime/docs/DateWidget__default.docs.js +0 -183
  110. package/es/DateTime/docs/timezonedata.json +0 -1
  111. package/es/DropBox/docs/DropBox__custom.docs.js +0 -66
  112. package/es/DropBox/docs/DropBox__customOrder.docs.js +0 -92
  113. package/es/DropBox/docs/DropBox__fixedPosition.docs.js +0 -91
  114. package/es/DropBox/docs/DropBox__position.docs.js +0 -87
  115. package/es/DropBox/docs/DropBox__size.docs.js +0 -61
  116. package/es/DropDown/docs/DropDownHeading__custom.docs.js +0 -23
  117. package/es/DropDown/docs/DropDownHeading__default.docs.js +0 -21
  118. package/es/Label/docs/Label__clipped.docs.js +0 -27
  119. package/es/Label/docs/Label__custom.docs.js +0 -30
  120. package/es/Label/docs/Label__palette.docs.js +0 -42
  121. package/es/Label/docs/Label__size.docs.js +0 -29
  122. package/es/Label/docs/Label__type.docs.js +0 -37
  123. package/es/Layout/docs/Layout__Hidden.docs.js +0 -77
  124. package/es/Layout/docs/Layout__default.docs.js +0 -49
  125. package/es/Layout/docs/Layout__four_Column.docs.js +0 -85
  126. package/es/Layout/docs/Layout__three_Column.docs.js +0 -76
  127. package/es/Layout/docs/Layout__two_Column.docs.js +0 -69
  128. package/es/LightNightMode/docs/AlternativeColors.docs.js +0 -74
  129. package/es/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -155
  130. package/es/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -112
  131. package/es/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -91
  132. package/es/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -65
  133. package/es/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -68
  134. package/es/ListItem/docs/ListItemWithIcon__default.docs.js +0 -62
  135. package/es/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -91
  136. package/es/ListItem/docs/ListItemWithRadio__default.docs.js +0 -65
  137. package/es/ListItem/docs/ListItem__custom.docs.js +0 -114
  138. package/es/ListItem/docs/ListItem__default.docs.js +0 -82
  139. package/es/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -125
  140. package/es/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -114
  141. package/es/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -141
  142. package/es/MultiSelect/docs/MultiSelect__default.docs.js +0 -161
  143. package/es/PopOver/docs/PopOver__default.docs.js +0 -32
  144. package/es/Provider/docs/Provider_Id__Class.docs.js +0 -29
  145. package/es/Provider/docs/Provider_Id__Function.docs.js +0 -18
  146. package/es/Provider/docs/Provider_Zindex__Class.docs.js +0 -32
  147. package/es/Provider/docs/Provider_Zindex__Function.docs.js +0 -23
  148. package/es/Radio/docs/Radio__custom.docs.js +0 -245
  149. package/es/Radio/docs/Radio__default.docs.js +0 -169
  150. package/es/Responsive/docs/Responsive__Custom.docs.js +0 -206
  151. package/es/Responsive/docs/Responsive__default.docs.js +0 -97
  152. package/es/Responsive/docs/style.module.css +0 -56
  153. package/es/Ribbon/docs/Ribbon__custom.docs.js +0 -386
  154. package/es/Ribbon/docs/Ribbon__default.docs.js +0 -342
  155. package/es/RippleEffect/docs/RippleEffect__default.docs.js +0 -435
  156. package/es/Select/docs/GroupSelect__default.docs.js +0 -149
  157. package/es/Select/docs/SelectWithAvatar__default.docs.js +0 -97
  158. package/es/Select/docs/SelectWithIcon__default.docs.js +0 -138
  159. package/es/Select/docs/Select__default.docs.js +0 -288
  160. package/es/Stencils/docs/Stencils__custom.docs.js +0 -45
  161. package/es/Stencils/docs/Stencils__default.docs.js +0 -50
  162. package/es/Switch/docs/Switch__custom.docs.js +0 -153
  163. package/es/Switch/docs/Switch__default.docs.js +0 -107
  164. package/es/Tab/docs/Tab__default.docs.js +0 -258
  165. package/es/Tab/docs/tabdocs.module.css +0 -29
  166. package/es/Tag/docs/Tag__custom.docs.js +0 -368
  167. package/es/Tag/docs/Tag__default.docs.js +0 -253
  168. package/es/TextBox/docs/TextBox__custom.docs.js +0 -43
  169. package/es/TextBox/docs/TextBox__default.docs.js +0 -40
  170. package/es/TextBox/docs/TextBox__size.docs.js +0 -38
  171. package/es/TextBox/docs/TextBox__variant.docs.js +0 -38
  172. package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -89
  173. package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -61
  174. package/es/Textarea/docs/Textarea__animated.docs.js +0 -41
  175. package/es/Textarea/docs/Textarea__custom.docs.js +0 -82
  176. package/es/Textarea/docs/Textarea__default.docs.js +0 -76
  177. package/es/Textarea/docs/Textarea__disabled.docs.js +0 -29
  178. package/es/Tooltip/docs/Tooltip__default.docs.js +0 -332
  179. package/es/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -97
  180. package/es/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -150
  181. package/es/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -139
  182. package/es/beta/FocusRing/docs/FocusRing__default.docs.js +0 -48
  183. package/es/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -72
  184. package/es/semantic/Button/docs/Button__default.docs.js +0 -20
  185. package/externalDocsBuild.js +0 -21
  186. package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -126
  187. package/lib/Animation/docs/Animation__default.docs.js +0 -85
  188. package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -85
  189. package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -85
  190. package/lib/Animation/docs/Animation__skewIn.docs.js +0 -85
  191. package/lib/Animation/docs/Animation__slideDown.docs.js +0 -85
  192. package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -85
  193. package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -85
  194. package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -70
  195. package/lib/Avatar/docs/Avatar__custom.docs.js +0 -87
  196. package/lib/Avatar/docs/Avatar__default.docs.js +0 -83
  197. package/lib/Avatar/docs/Avatar__palette.docs.js +0 -107
  198. package/lib/Avatar/docs/Avatar__text.docs.js +0 -86
  199. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -124
  200. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -82
  201. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -101
  202. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -100
  203. package/lib/Button/docs/Button__custom.docs.js +0 -826
  204. package/lib/Button/docs/Button__default.docs.js +0 -590
  205. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -89
  206. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -85
  207. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -98
  208. package/lib/Card/docs/Card__Custom.docs.js +0 -90
  209. package/lib/Card/docs/Card__Default.docs.js +0 -92
  210. package/lib/Card/docs/Card__Scroll.docs.js +0 -114
  211. package/lib/CheckBox/docs/CheckBox__custom.docs.js +0 -348
  212. package/lib/CheckBox/docs/CheckBox__default.docs.js +0 -273
  213. package/lib/DateTime/docs/DateTime__default.docs.js +0 -142
  214. package/lib/DateTime/docs/DateWidget__default.docs.js +0 -240
  215. package/lib/DateTime/docs/timezonedata.json +0 -1
  216. package/lib/DropBox/docs/DropBox__custom.docs.js +0 -122
  217. package/lib/DropBox/docs/DropBox__customOrder.docs.js +0 -141
  218. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +0 -140
  219. package/lib/DropBox/docs/DropBox__position.docs.js +0 -142
  220. package/lib/DropBox/docs/DropBox__size.docs.js +0 -116
  221. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -73
  222. package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -70
  223. package/lib/Label/docs/Label__clipped.docs.js +0 -81
  224. package/lib/Label/docs/Label__custom.docs.js +0 -85
  225. package/lib/Label/docs/Label__palette.docs.js +0 -96
  226. package/lib/Label/docs/Label__size.docs.js +0 -83
  227. package/lib/Label/docs/Label__type.docs.js +0 -91
  228. package/lib/Layout/docs/Layout__Hidden.docs.js +0 -127
  229. package/lib/Layout/docs/Layout__default.docs.js +0 -98
  230. package/lib/Layout/docs/Layout__four_Column.docs.js +0 -135
  231. package/lib/Layout/docs/Layout__three_Column.docs.js +0 -126
  232. package/lib/Layout/docs/Layout__two_Column.docs.js +0 -119
  233. package/lib/LightNightMode/docs/AlternativeColors.docs.js +0 -131
  234. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -206
  235. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -162
  236. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -142
  237. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -115
  238. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -119
  239. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -112
  240. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -142
  241. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -115
  242. package/lib/ListItem/docs/ListItem__custom.docs.js +0 -164
  243. package/lib/ListItem/docs/ListItem__default.docs.js +0 -131
  244. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -177
  245. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -165
  246. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -191
  247. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +0 -214
  248. package/lib/PopOver/docs/PopOver__default.docs.js +0 -86
  249. package/lib/Provider/docs/Provider_Id__Class.docs.js +0 -77
  250. package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -29
  251. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +0 -80
  252. package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -34
  253. package/lib/Radio/docs/Radio__custom.docs.js +0 -299
  254. package/lib/Radio/docs/Radio__default.docs.js +0 -222
  255. package/lib/Responsive/docs/Responsive__Custom.docs.js +0 -272
  256. package/lib/Responsive/docs/Responsive__default.docs.js +0 -142
  257. package/lib/Responsive/docs/style.module.css +0 -56
  258. package/lib/Ribbon/docs/Ribbon__custom.docs.js +0 -437
  259. package/lib/Ribbon/docs/Ribbon__default.docs.js +0 -392
  260. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +0 -484
  261. package/lib/Select/docs/GroupSelect__default.docs.js +0 -199
  262. package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -152
  263. package/lib/Select/docs/SelectWithIcon__default.docs.js +0 -190
  264. package/lib/Select/docs/Select__default.docs.js +0 -340
  265. package/lib/Stencils/docs/Stencils__custom.docs.js +0 -96
  266. package/lib/Stencils/docs/Stencils__default.docs.js +0 -101
  267. package/lib/Switch/docs/Switch__custom.docs.js +0 -203
  268. package/lib/Switch/docs/Switch__default.docs.js +0 -156
  269. package/lib/Tab/docs/Tab__default.docs.js +0 -308
  270. package/lib/Tab/docs/tabdocs.module.css +0 -29
  271. package/lib/Tag/docs/Tag__custom.docs.js +0 -423
  272. package/lib/Tag/docs/Tag__default.docs.js +0 -307
  273. package/lib/TextBox/docs/TextBox__custom.docs.js +0 -98
  274. package/lib/TextBox/docs/TextBox__default.docs.js +0 -95
  275. package/lib/TextBox/docs/TextBox__size.docs.js +0 -93
  276. package/lib/TextBox/docs/TextBox__variant.docs.js +0 -93
  277. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -145
  278. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -117
  279. package/lib/Textarea/docs/Textarea__animated.docs.js +0 -95
  280. package/lib/Textarea/docs/Textarea__custom.docs.js +0 -137
  281. package/lib/Textarea/docs/Textarea__default.docs.js +0 -130
  282. package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -83
  283. package/lib/Tooltip/docs/Tooltip__default.docs.js +0 -391
  284. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -150
  285. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -206
  286. package/lib/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -191
  287. package/lib/beta/FocusRing/docs/FocusRing__default.docs.js +0 -101
  288. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -145
  289. package/lib/semantic/Button/docs/Button__default.docs.js +0 -66
  290. package/preprocess/componentAppearanceColors.js +0 -67
  291. package/preprocess/componentThemeColors.js +0 -123
  292. package/preprocess/ctaThemeColors.js +0 -101
  293. package/preprocess/index.js +0 -3
  294. package/preprocess/json/componentAppearanceVariableJson.js +0 -1346
  295. package/preprocess/json/componentThemeVariableJson.js +0 -242
  296. package/preprocess/json/ctaThemeVariableJson.js +0 -203
@@ -1,142 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _DateTime = _interopRequireDefault(require("../DateTime"));
13
-
14
- var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
15
-
16
- var _timezonedata = _interopRequireDefault(require("./timezonedata.json"));
17
-
18
- var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
-
22
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
23
-
24
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
25
-
26
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
27
-
28
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
29
-
30
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
31
-
32
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
33
-
34
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
35
-
36
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
37
-
38
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
39
-
40
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
41
-
42
- var DateTime__default = /*#__PURE__*/function (_React$Component) {
43
- _inherits(DateTime__default, _React$Component);
44
-
45
- var _super = _createSuper(DateTime__default);
46
-
47
- function DateTime__default(props) {
48
- var _this;
49
-
50
- _classCallCheck(this, DateTime__default);
51
-
52
- _this = _super.call(this, props);
53
- _this.state = {
54
- dateTime: '2019-01-01T00:00:00.000',
55
- date: '2019-01-01',
56
- dateTimeformattedValue: '',
57
- dateFormattedValue: ''
58
- };
59
- _this.handleDateTimeChange = _this.handleDateTimeChange.bind(_assertThisInitialized(_this));
60
- _this.handleGetMethods = _this.handleGetMethods.bind(_assertThisInitialized(_this));
61
- _this.handleDateChange = _this.handleDateChange.bind(_assertThisInitialized(_this));
62
- return _this;
63
- }
64
-
65
- _createClass(DateTime__default, [{
66
- key: "handleDateTimeChange",
67
- value: function handleDateTimeChange(dateTime, dateTimeformattedValue) {
68
- this.setState({
69
- dateTime: dateTime,
70
- dateTimeformattedValue: dateTimeformattedValue
71
- });
72
- }
73
- }, {
74
- key: "handleDateChange",
75
- value: function handleDateChange(date, dateFormattedValue) {
76
- this.setState({
77
- date: date,
78
- dateFormattedValue: dateFormattedValue
79
- });
80
- }
81
- }, {
82
- key: "handleGetMethods",
83
- value: function handleGetMethods(methods) {
84
- var resetLocalDate = methods.resetLocalDate;
85
- this.resetLocalDate = resetLocalDate;
86
- }
87
- }, {
88
- key: "render",
89
- value: function render() {
90
- var _this$state = this.state,
91
- dateTime = _this$state.dateTime,
92
- date = _this$state.date,
93
- dateFormattedValue = _this$state.dateFormattedValue,
94
- dateTimeformattedValue = _this$state.dateTimeformattedValue;
95
- return /*#__PURE__*/_react["default"].createElement("div", {
96
- style: {
97
- width: '370px',
98
- height: '1000px',
99
- padding: '30px'
100
- }
101
- }, /*#__PURE__*/_react["default"].createElement("div", null, dateFormattedValue), /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_DateTime["default"], {
102
- value: date,
103
- onChange: this.handleDateChange,
104
- dateFormat: "MM.DD.YYYY",
105
- timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone),
106
- isAbsolute: false,
107
- needAction: false,
108
- isDateTimeField: false // onSelect={this.handleDateTimeChange}
109
- ,
110
- getMethods: this.handleGetMethods // onError={() => {
111
- // this.resetLocalDate();
112
- // }}
113
- ,
114
- isDefaultPosition: true
115
- })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", null, dateTimeformattedValue), /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_DateTime["default"], {
116
- value: dateTime,
117
- onChange: this.handleDateTimeChange,
118
- dateFormat: "MM.DD.YYYY",
119
- timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone),
120
- isAbsolute: false,
121
- needAction: false,
122
- getMethods: this.handleGetMethods,
123
- isDateTimeField: true // onError={() => {
124
- // this.resetLocalDate();
125
- // }}
126
- ,
127
- isDefaultPosition: true
128
- })));
129
- }
130
- }]);
131
-
132
- return DateTime__default;
133
- }(_react["default"].Component);
134
-
135
- exports["default"] = DateTime__default;
136
-
137
- if (false) {
138
- DateTime__default.docs = {
139
- componentGroup: 'Form Elements',
140
- folderName: 'Style Guide'
141
- };
142
- }
@@ -1,240 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _DateWidget = _interopRequireDefault(require("../DateWidget"));
13
-
14
- var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
15
-
16
- var _timezonedata = _interopRequireDefault(require("./timezonedata.json"));
17
-
18
- var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
19
-
20
- var _Layout = require("../../Layout");
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
-
24
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
25
-
26
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
27
-
28
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
29
-
30
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
31
-
32
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
33
-
34
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
35
-
36
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
37
-
38
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
39
-
40
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
41
-
42
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
43
-
44
- var DateWidget__default = /*#__PURE__*/function (_React$Component) {
45
- _inherits(DateWidget__default, _React$Component);
46
-
47
- var _super = _createSuper(DateWidget__default);
48
-
49
- function DateWidget__default(props) {
50
- var _this;
51
-
52
- _classCallCheck(this, DateWidget__default);
53
-
54
- _this = _super.call(this, props);
55
- _this.state = {
56
- dateTime: '2021-08-13T20:00:00.000Z',
57
- date: '1999-04-03'
58
- };
59
- _this.handleDateChange = _this.handleDateChange.bind(_assertThisInitialized(_this));
60
- _this.handleDateTimeChange = _this.handleDateTimeChange.bind(_assertThisInitialized(_this));
61
- return _this;
62
- }
63
-
64
- _createClass(DateWidget__default, [{
65
- key: "handleDateChange",
66
- value: function handleDateChange(date) {
67
- this.setState({
68
- date: date
69
- });
70
- }
71
- }, {
72
- key: "handleDateTimeChange",
73
- value: function handleDateTimeChange(dateTime) {
74
- this.setState({
75
- dateTime: dateTime
76
- });
77
- }
78
- }, {
79
- key: "render",
80
- value: function render() {
81
- var _this2 = this;
82
-
83
- var i18nKey = {
84
- submitText: 'OK',
85
- cancelText: 'Close',
86
- timeText: 'Choose Time',
87
- nextMonthTitleText: 'Go Next',
88
- prevMonthTitleText: 'Go Prev',
89
- monthNames: ['ஜனவரி', 'பிப்ரவரி', 'மார்ச்', 'ஏப்ரல்', 'மே', 'ஜூன்', 'ஜூலை', 'ஆகஸ்ட்', 'செப்டம்பர்', 'அக்டோபர்', 'நவம்பர்', 'டிசம்பர்'],
90
- monthNamesShort: ['ஜன', 'பிப்', 'மார்', 'ஏப்', 'மே', 'ஜூன்', 'ஜூலை', 'ஆக', 'செப்', 'அக்', 'நவ', 'டிச'],
91
- dayNames: ['ஞாயிறு', 'திங்கள்', 'செவ்வாய்', 'புதன்', 'வியாழன்', 'வெள்ளி', 'சனி'],
92
- dayNamesShort: ['ஞா', 'தி', 'செ', 'பு', 'வி', 'வெ', 'ச'],
93
- ampmText: ['மு.ப', 'பி.ப']
94
- };
95
- var 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'];
96
- var _this$state = this.state,
97
- date = _this$state.date,
98
- dateTime = _this$state.dateTime;
99
- var boxStyle = {
100
- padding: '10px',
101
- border: '1px solid #000',
102
- margin: '5px',
103
- minWidth: '300px'
104
- };
105
- var headingStyle = {
106
- fontSize: '14px',
107
- textDecoration: 'underline',
108
- marginBottom: '10px'
109
- };
110
- return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
111
- alignBox: "row",
112
- wrap: "wrap"
113
- }, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, dataFormats.map(function (format) {
114
- return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
115
- flexible: true,
116
- style: boxStyle
117
- }, /*#__PURE__*/_react["default"].createElement("div", {
118
- style: headingStyle
119
- }, format), /*#__PURE__*/_react["default"].createElement(_DateWidget["default"], {
120
- textBoxSize: "xmedium",
121
- textBoxVariant: "primary",
122
- value: dateTime,
123
- onSelect: _this2.handleDateTimeChange,
124
- isDateTime: true,
125
- position: "bottomLeft",
126
- dateFormat: format,
127
- timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone),
128
- isEditable: true,
129
- is24Hour: false,
130
- i18nKeys: i18nKey
131
- }));
132
- }), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
133
- flexible: true,
134
- style: boxStyle
135
- }, /*#__PURE__*/_react["default"].createElement("div", {
136
- style: headingStyle
137
- }, "24 Hours"), /*#__PURE__*/_react["default"].createElement(_DateWidget["default"], {
138
- textBoxSize: "xmedium",
139
- textBoxVariant: "primary",
140
- value: dateTime,
141
- onSelect: this.handleDateTimeChange,
142
- isDateTime: true,
143
- position: "bottomLeft",
144
- dateFormat: "MMM-dd-yyyy",
145
- timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone),
146
- needDefaultTime: true,
147
- is24Hour: true
148
- })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
149
- flexible: true,
150
- style: boxStyle
151
- }, /*#__PURE__*/_react["default"].createElement("div", {
152
- style: headingStyle
153
- }, "Default Time"), /*#__PURE__*/_react["default"].createElement(_DateWidget["default"], {
154
- textBoxSize: "xmedium",
155
- textBoxVariant: "primary",
156
- value: dateTime,
157
- onSelect: this.handleDateTimeChange,
158
- isDateTime: true,
159
- position: "bottomLeft",
160
- dateFormat: "MMM-dd-yyyy",
161
- timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone),
162
- needDefaultTime: true
163
- })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
164
- flexible: true,
165
- style: boxStyle
166
- }, /*#__PURE__*/_react["default"].createElement("div", {
167
- style: headingStyle
168
- }, "ReadOnly"), /*#__PURE__*/_react["default"].createElement(_DateWidget["default"], {
169
- textBoxSize: "xmedium",
170
- textBoxVariant: "primary",
171
- value: dateTime,
172
- onSelect: this.handleDateTimeChange,
173
- isDateTime: true,
174
- position: "bottomLeft",
175
- dateFormat: "yyyy.MM.dd",
176
- timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone),
177
- needDefaultTime: false,
178
- isReadOnly: true
179
- })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
180
- flexible: true,
181
- style: boxStyle
182
- }, /*#__PURE__*/_react["default"].createElement("div", {
183
- style: headingStyle
184
- }, "Without Time"), /*#__PURE__*/_react["default"].createElement(_DateWidget["default"], {
185
- textBoxSize: "xmedium",
186
- textBoxVariant: "primary",
187
- value: date,
188
- onSelect: this.handleDateChange,
189
- isDateTime: false,
190
- position: "bottomLeft",
191
- dateFormat: "yyyy.MM.dd",
192
- timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone)
193
- })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
194
- flexible: true,
195
- style: boxStyle
196
- }, /*#__PURE__*/_react["default"].createElement("div", {
197
- style: headingStyle
198
- }, "Disabled"), /*#__PURE__*/_react["default"].createElement(_DateWidget["default"], {
199
- textBoxSize: "xmedium",
200
- textBoxVariant: "primary",
201
- value: date,
202
- onSelect: this.handleDateChange,
203
- isDateTime: false,
204
- position: "bottomLeft",
205
- dateFormat: "MM-dd-yyyy",
206
- isDisabled: true,
207
- timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone)
208
- })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
209
- flexible: true,
210
- style: boxStyle
211
- }, /*#__PURE__*/_react["default"].createElement("div", {
212
- style: headingStyle
213
- }, "Hide Current Year"), /*#__PURE__*/_react["default"].createElement(_DateWidget["default"], {
214
- textBoxSize: "xmedium",
215
- textBoxVariant: "primary",
216
- value: dateTime,
217
- onSelect: this.handleDateTimeChange,
218
- isDateTime: true,
219
- position: "bottomLeft",
220
- dateFormat: "MMM-dd-yyyy",
221
- timeZone: _datetimejs["default"].tz.unpack(_timezonedata["default"].timezone),
222
- needDefaultTime: true,
223
- is24Hour: true,
224
- isEditable: true,
225
- isHideCurrentYear: true
226
- })))));
227
- }
228
- }]);
229
-
230
- return DateWidget__default;
231
- }(_react["default"].Component);
232
-
233
- exports["default"] = DateWidget__default;
234
-
235
- if (false) {
236
- DateWidget__default.docs = {
237
- componentGroup: 'Form Elements',
238
- folderName: 'Style Guide'
239
- };
240
- }
@@ -1 +0,0 @@
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" }
@@ -1,122 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- var _DropBox = _interopRequireDefault(require("../DropBox"));
13
-
14
- var _docStyleModule = _interopRequireDefault(require("../../common/docStyle.module.css"));
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
-
18
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
-
20
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
-
22
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
23
-
24
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
25
-
26
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
27
-
28
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
29
-
30
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
31
-
32
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
33
-
34
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
35
-
36
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
37
-
38
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
39
-
40
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
41
-
42
- var DropBox__custom = /*#__PURE__*/function (_Component) {
43
- _inherits(DropBox__custom, _Component);
44
-
45
- var _super = _createSuper(DropBox__custom);
46
-
47
- function DropBox__custom() {
48
- _classCallCheck(this, DropBox__custom);
49
-
50
- return _super.apply(this, arguments);
51
- }
52
-
53
- _createClass(DropBox__custom, [{
54
- key: "render",
55
- value: function render() {
56
- var style = {
57
- height: '80px',
58
- width: '100px',
59
- position: 'relative',
60
- display: 'inline-block',
61
- background: '#e6e5e5',
62
- fontSize: '14px'
63
- },
64
- boxstyle = {
65
- height: '100px',
66
- textAlign: 'center',
67
- fontSize: 'var(--zd_size20)'
68
- },
69
- containerStyle = {
70
- display: 'inline-block',
71
- verticalAlign: 'top',
72
- width: 'calc(33.3333333% - 300px)',
73
- marginBottom: '150px',
74
- marginLeft: '275px'
75
- },
76
- dropBoxStyle = {
77
- display: 'flex',
78
- flexWrap: 'wrap',
79
- flexDirection: 'row',
80
- justifyContent: 'right'
81
- };
82
- var sizes = ['mini', 'xmini', 'xsmall', 'small', 'medium', 'large', 'mlarge', 'xlarge', 'xxlarge', 'default'];
83
- return /*#__PURE__*/_react["default"].createElement("div", {
84
- style: {
85
- dropBoxStyle: dropBoxStyle
86
- }
87
- }, sizes.map(function (size, i) {
88
- return /*#__PURE__*/_react["default"].createElement("div", {
89
- style: containerStyle,
90
- key: i
91
- }, /*#__PURE__*/_react["default"].createElement("div", {
92
- style: style
93
- }, /*#__PURE__*/_react["default"].createElement(_DropBox["default"], {
94
- size: size,
95
- isActive: true,
96
- isModel: false,
97
- customClass: {
98
- customDropBox: _docStyleModule["default"].customDropbox,
99
- customDropBoxWrap: _docStyleModule["default"].dropboxSize,
100
- customMobileDropBox: _docStyleModule["default"].mobDropbox,
101
- customMobileDropBoxWrap: _docStyleModule["default"].mobBg
102
- }
103
- }, /*#__PURE__*/_react["default"].createElement("div", {
104
- style: boxstyle
105
- }, /*#__PURE__*/_react["default"].createElement("li", null, "DropBox"), /*#__PURE__*/_react["default"].createElement("li", null, "Size - ", size)))));
106
- }));
107
- }
108
- }]);
109
-
110
- return DropBox__custom;
111
- }(_react.Component);
112
-
113
- exports["default"] = DropBox__custom;
114
-
115
- if (false) {
116
- DropBox__custom.docs = {
117
- componentGroup: 'Atom',
118
- folderName: 'Style Guide',
119
- external: true,
120
- description: ' '
121
- };
122
- }