@zohodesk/components 1.0.0-alpha-252 → 1.0.0-alpha-254

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 +6 -0
  2. package/assets/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +3 -0
  3. package/assets/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +3 -0
  4. package/assets/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +3 -0
  5. package/assets/Appearance/dark/themes/red/redDarkComponentTheme.module.css +3 -0
  6. package/assets/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +3 -0
  7. package/assets/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +3 -0
  8. package/assets/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +3 -0
  9. package/assets/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +3 -0
  10. package/assets/Appearance/default/themes/red/redDefaultComponentTheme.module.css +3 -0
  11. package/assets/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +3 -0
  12. package/assets/Appearance/pureDark/themes/blue/bluePureDarkComponentTheme.module.css +3 -0
  13. package/assets/Appearance/pureDark/themes/green/greenPureDarkComponentTheme.module.css +3 -0
  14. package/assets/Appearance/pureDark/themes/orange/orangePureDarkComponentTheme.module.css +3 -0
  15. package/assets/Appearance/pureDark/themes/red/redPureDarkComponentTheme.module.css +3 -0
  16. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkComponentTheme.module.css +3 -0
  17. package/css_error.log +0 -0
  18. package/es/AppContainer/AppContainer.js +1 -0
  19. package/es/Avatar/Avatar.js +2 -1
  20. package/es/Button/Button.js +5 -3
  21. package/es/Card/props/defaultProps.js +0 -1
  22. package/es/Card/props/propTypes.js +2 -2
  23. package/es/DateTime/CalendarView.js +4 -2
  24. package/es/DateTime/DateTime.module.css +1 -0
  25. package/es/DateTime/DateTimePopupHeader.js +21 -8
  26. package/es/DateTime/DateWidget.js +4 -2
  27. package/es/DateTime/DaysRow.js +2 -1
  28. package/es/DateTime/YearView.js +12 -4
  29. package/es/DateTime/YearView.module.css +19 -1
  30. package/es/DropBox/DropBox.js +24 -4
  31. package/es/DropBox/props/defaultProps.js +2 -1
  32. package/es/DropBox/props/propTypes.js +1 -0
  33. package/es/DropDown/DropDownHeading.js +3 -1
  34. package/es/DropDown/props/propTypes.js +2 -1
  35. package/es/Label/Label.js +4 -2
  36. package/es/Layout/props/propTypes.js +3 -3
  37. package/es/ListItem/ListContainer.js +5 -2
  38. package/es/MultiSelect/MultiSelect.js +4 -2
  39. package/es/MultiSelect/Suggestions.js +2 -1
  40. package/es/Responsive/CustomResponsive.js +7 -3
  41. package/es/Select/Select.js +7 -4
  42. package/es/Select/SelectWithIcon.js +2 -1
  43. package/es/Switch/Switch.js +7 -5
  44. package/es/Tab/TabContent.js +1 -1
  45. package/es/Tab/Tabs.js +13 -7
  46. package/es/Tab/Tabs.module.css +1 -1
  47. package/es/Tooltip/Tooltip.js +4 -1
  48. package/es/common/a11y.module.css +4 -0
  49. package/es/index.js +107 -106
  50. package/lib/AppContainer/AppContainer.js +1 -0
  51. package/lib/Avatar/Avatar.js +2 -1
  52. package/lib/Button/Button.js +5 -3
  53. package/lib/Card/props/defaultProps.js +0 -1
  54. package/lib/Card/props/propTypes.js +2 -2
  55. package/lib/DateTime/CalendarView.js +4 -2
  56. package/lib/DateTime/DateTime.module.css +1 -0
  57. package/lib/DateTime/DateTimePopupHeader.js +21 -8
  58. package/lib/DateTime/DateWidget.js +4 -2
  59. package/lib/DateTime/DaysRow.js +2 -1
  60. package/lib/DateTime/YearView.js +12 -4
  61. package/lib/DateTime/YearView.module.css +19 -1
  62. package/lib/DropBox/DropBox.js +24 -4
  63. package/lib/DropBox/props/defaultProps.js +2 -1
  64. package/lib/DropBox/props/propTypes.js +1 -0
  65. package/lib/DropDown/DropDownHeading.js +3 -1
  66. package/lib/DropDown/props/propTypes.js +2 -1
  67. package/lib/Label/Label.js +4 -2
  68. package/lib/Layout/props/propTypes.js +3 -3
  69. package/lib/ListItem/ListContainer.js +5 -2
  70. package/lib/MultiSelect/MultiSelect.js +4 -2
  71. package/lib/MultiSelect/Suggestions.js +2 -1
  72. package/lib/Responsive/CustomResponsive.js +7 -3
  73. package/lib/Select/Select.js +7 -4
  74. package/lib/Select/SelectWithIcon.js +2 -1
  75. package/lib/Switch/Switch.js +7 -5
  76. package/lib/Tab/TabContent.js +1 -1
  77. package/lib/Tab/Tabs.js +13 -7
  78. package/lib/Tab/Tabs.module.css +1 -1
  79. package/lib/Tooltip/Tooltip.js +4 -1
  80. package/lib/common/a11y.module.css +4 -0
  81. package/lib/index.js +1 -842
  82. package/package.json +14 -7
  83. package/es/Accordion/docs/Accordion__Demo.docs.js +0 -78
  84. package/es/Animation/docs/Animation__default.docs.js +0 -32
  85. package/es/Animation/docs/Animation__fadeIn.docs.js +0 -32
  86. package/es/Animation/docs/Animation__scaleIn.docs.js +0 -32
  87. package/es/Animation/docs/Animation__skewIn.docs.js +0 -32
  88. package/es/Animation/docs/Animation__slideDown.docs.js +0 -32
  89. package/es/Animation/docs/Animation__slideLeft.docs.js +0 -32
  90. package/es/Animation/docs/Animation__zoomIn.docs.js +0 -32
  91. package/es/AppContainer/docs/AppContainer__default.docs.js +0 -18
  92. package/es/Avatar/docs/Avatar__custom.docs.js +0 -27
  93. package/es/Avatar/docs/Avatar__default.docs.js +0 -27
  94. package/es/Avatar/docs/Avatar__palette.docs.js +0 -47
  95. package/es/Avatar/docs/Avatar__text.docs.js +0 -26
  96. package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -71
  97. package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -29
  98. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -48
  99. package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -47
  100. package/es/Button/docs/Button__custom.docs.js +0 -769
  101. package/es/Button/docs/Button__default.docs.js +0 -534
  102. package/es/Buttongroup/docs/Buttongroup__custom.docs.js +0 -35
  103. package/es/Buttongroup/docs/Buttongroup__footer.docs.js +0 -31
  104. package/es/Buttongroup/docs/Buttongroup__header.docs.js +0 -40
  105. package/es/Card/docs/Card__Custom.docs.js +0 -32
  106. package/es/Card/docs/Card__Default.docs.js +0 -35
  107. package/es/Card/docs/Card__Scroll.docs.js +0 -56
  108. package/es/CheckBox/docs/CheckBox__custom.docs.js +0 -289
  109. package/es/CheckBox/docs/CheckBox__default.docs.js +0 -215
  110. package/es/DateTime/docs/DateTime__default.docs.js +0 -88
  111. package/es/DateTime/docs/DateWidget__default.docs.js +0 -178
  112. package/es/DateTime/docs/timezonedata.json +0 -1
  113. package/es/DropBox/docs/DropBox__custom.docs.js +0 -64
  114. package/es/DropBox/docs/DropBox__customOrder.docs.js +0 -85
  115. package/es/DropBox/docs/DropBox__fixedPosition.docs.js +0 -84
  116. package/es/DropBox/docs/DropBox__position.docs.js +0 -85
  117. package/es/DropBox/docs/DropBox__size.docs.js +0 -59
  118. package/es/DropDown/docs/DropDownHeading__custom.docs.js +0 -21
  119. package/es/DropDown/docs/DropDownHeading__default.docs.js +0 -19
  120. package/es/Heading/docs/Heading__default.docs.js +0 -19
  121. package/es/Label/docs/Label__clipped.docs.js +0 -25
  122. package/es/Label/docs/Label__custom.docs.js +0 -28
  123. package/es/Label/docs/Label__palette.docs.js +0 -40
  124. package/es/Label/docs/Label__size.docs.js +0 -27
  125. package/es/Label/docs/Label__type.docs.js +0 -35
  126. package/es/Layout/docs/Layout__Hidden.docs.js +0 -76
  127. package/es/Layout/docs/Layout__default.docs.js +0 -48
  128. package/es/Layout/docs/Layout__four_Column.docs.js +0 -78
  129. package/es/Layout/docs/Layout__three_Column.docs.js +0 -75
  130. package/es/Layout/docs/Layout__two_Column.docs.js +0 -68
  131. package/es/LightNightMode/Colors.json +0 -497
  132. package/es/LightNightMode/docs/AlternativeColors.docs.js +0 -92
  133. package/es/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -153
  134. package/es/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -110
  135. package/es/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -89
  136. package/es/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -63
  137. package/es/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -66
  138. package/es/ListItem/docs/ListItemWithIcon__default.docs.js +0 -60
  139. package/es/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -89
  140. package/es/ListItem/docs/ListItemWithRadio__default.docs.js +0 -63
  141. package/es/ListItem/docs/ListItem__custom.docs.js +0 -112
  142. package/es/ListItem/docs/ListItem__default.docs.js +0 -80
  143. package/es/Modal/__docs__/Modal__default.docs.js +0 -42
  144. package/es/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -118
  145. package/es/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -108
  146. package/es/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -137
  147. package/es/MultiSelect/docs/MultiSelect__default.docs.js +0 -156
  148. package/es/PopOver/docs/PopOver__default.docs.js +0 -30
  149. package/es/Provider/docs/Provider_Id__Class.docs.js +0 -28
  150. package/es/Provider/docs/Provider_Id__Function.docs.js +0 -17
  151. package/es/Provider/docs/Provider_Zindex__Class.docs.js +0 -31
  152. package/es/Provider/docs/Provider_Zindex__Function.docs.js +0 -22
  153. package/es/Provider.js +0 -91
  154. package/es/Radio/docs/Radio__custom.docs.js +0 -241
  155. package/es/Radio/docs/Radio__default.docs.js +0 -165
  156. package/es/Responsive/docs/Responsive__Custom.docs.js +0 -214
  157. package/es/Responsive/docs/Responsive__default.docs.js +0 -95
  158. package/es/Responsive/docs/style.module.css +0 -56
  159. package/es/Ribbon/docs/Ribbon__custom.docs.js +0 -385
  160. package/es/Ribbon/docs/Ribbon__default.docs.js +0 -341
  161. package/es/RippleEffect/docs/RippleEffect__default.docs.js +0 -433
  162. package/es/Select/docs/GroupSelect__default.docs.js +0 -144
  163. package/es/Select/docs/SelectWithAvatar__default.docs.js +0 -93
  164. package/es/Select/docs/SelectWithIcon__default.docs.js +0 -134
  165. package/es/Select/docs/Select__default.docs.js +0 -283
  166. package/es/Stencils/docs/Stencils__custom.docs.js +0 -43
  167. package/es/Stencils/docs/Stencils__default.docs.js +0 -48
  168. package/es/Switch/docs/Switch__custom.docs.js +0 -151
  169. package/es/Switch/docs/Switch__default.docs.js +0 -105
  170. package/es/Tab/docs/Tab__default.docs.js +0 -253
  171. package/es/Tab/docs/tabdocs.module.css +0 -29
  172. package/es/Tag/docs/Tag__custom.docs.js +0 -366
  173. package/es/Tag/docs/Tag__default.docs.js +0 -321
  174. package/es/TextBox/docs/TextBox__custom.docs.js +0 -41
  175. package/es/TextBox/docs/TextBox__default.docs.js +0 -38
  176. package/es/TextBox/docs/TextBox__size.docs.js +0 -36
  177. package/es/TextBox/docs/TextBox__variant.docs.js +0 -36
  178. package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -87
  179. package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -59
  180. package/es/Textarea/docs/Textarea__animated.docs.js +0 -39
  181. package/es/Textarea/docs/Textarea__custom.docs.js +0 -80
  182. package/es/Textarea/docs/Textarea__default.docs.js +0 -74
  183. package/es/Textarea/docs/Textarea__disabled.docs.js +0 -27
  184. package/es/Tooltip/docs/Tooltip__default.docs.js +0 -367
  185. package/es/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -92
  186. package/es/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -139
  187. package/es/common/docStyle.module.css +0 -766
  188. package/es/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -65
  189. package/es/semantic/Button/docs/Button__default.docs.js +0 -17
  190. package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -104
  191. package/lib/Animation/docs/Animation__default.docs.js +0 -61
  192. package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -61
  193. package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -61
  194. package/lib/Animation/docs/Animation__skewIn.docs.js +0 -61
  195. package/lib/Animation/docs/Animation__slideDown.docs.js +0 -61
  196. package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -61
  197. package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -61
  198. package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -47
  199. package/lib/Avatar/docs/Avatar__custom.docs.js +0 -62
  200. package/lib/Avatar/docs/Avatar__default.docs.js +0 -60
  201. package/lib/Avatar/docs/Avatar__palette.docs.js +0 -82
  202. package/lib/Avatar/docs/Avatar__text.docs.js +0 -61
  203. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -100
  204. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -58
  205. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -77
  206. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -76
  207. package/lib/Button/docs/Button__custom.docs.js +0 -800
  208. package/lib/Button/docs/Button__default.docs.js +0 -565
  209. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -64
  210. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -60
  211. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -71
  212. package/lib/Card/docs/Card__Custom.docs.js +0 -63
  213. package/lib/Card/docs/Card__Default.docs.js +0 -66
  214. package/lib/Card/docs/Card__Scroll.docs.js +0 -87
  215. package/lib/CheckBox/docs/CheckBox__custom.docs.js +0 -323
  216. package/lib/CheckBox/docs/CheckBox__default.docs.js +0 -249
  217. package/lib/DateTime/docs/DateTime__default.docs.js +0 -119
  218. package/lib/DateTime/docs/DateWidget__default.docs.js +0 -212
  219. package/lib/DateTime/docs/timezonedata.json +0 -1
  220. package/lib/DropBox/docs/DropBox__custom.docs.js +0 -97
  221. package/lib/DropBox/docs/DropBox__customOrder.docs.js +0 -114
  222. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +0 -113
  223. package/lib/DropBox/docs/DropBox__position.docs.js +0 -118
  224. package/lib/DropBox/docs/DropBox__size.docs.js +0 -92
  225. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -50
  226. package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -48
  227. package/lib/Heading/docs/Heading__default.docs.js +0 -50
  228. package/lib/Label/docs/Label__clipped.docs.js +0 -56
  229. package/lib/Label/docs/Label__custom.docs.js +0 -59
  230. package/lib/Label/docs/Label__palette.docs.js +0 -71
  231. package/lib/Label/docs/Label__size.docs.js +0 -58
  232. package/lib/Label/docs/Label__type.docs.js +0 -66
  233. package/lib/Layout/docs/Layout__Hidden.docs.js +0 -105
  234. package/lib/Layout/docs/Layout__default.docs.js +0 -77
  235. package/lib/Layout/docs/Layout__four_Column.docs.js +0 -107
  236. package/lib/Layout/docs/Layout__three_Column.docs.js +0 -104
  237. package/lib/Layout/docs/Layout__two_Column.docs.js +0 -97
  238. package/lib/LightNightMode/Colors.json +0 -497
  239. package/lib/LightNightMode/docs/AlternativeColors.docs.js +0 -128
  240. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -182
  241. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -139
  242. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -118
  243. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -92
  244. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -95
  245. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -89
  246. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -118
  247. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -92
  248. package/lib/ListItem/docs/ListItem__custom.docs.js +0 -141
  249. package/lib/ListItem/docs/ListItem__default.docs.js +0 -109
  250. package/lib/Modal/__docs__/Modal__default.docs.js +0 -65
  251. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -154
  252. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -140
  253. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -165
  254. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +0 -186
  255. package/lib/PopOver/docs/PopOver__default.docs.js +0 -61
  256. package/lib/Provider/docs/Provider_Id__Class.docs.js +0 -56
  257. package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -24
  258. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +0 -59
  259. package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -29
  260. package/lib/Provider.js +0 -116
  261. package/lib/Radio/docs/Radio__custom.docs.js +0 -273
  262. package/lib/Radio/docs/Radio__default.docs.js +0 -197
  263. package/lib/Responsive/docs/Responsive__Custom.docs.js +0 -247
  264. package/lib/Responsive/docs/Responsive__default.docs.js +0 -118
  265. package/lib/Responsive/docs/style.module.css +0 -56
  266. package/lib/Ribbon/docs/Ribbon__custom.docs.js +0 -414
  267. package/lib/Ribbon/docs/Ribbon__default.docs.js +0 -370
  268. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +0 -462
  269. package/lib/Select/docs/GroupSelect__default.docs.js +0 -173
  270. package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -124
  271. package/lib/Select/docs/SelectWithIcon__default.docs.js +0 -165
  272. package/lib/Select/docs/Select__default.docs.js +0 -313
  273. package/lib/Stencils/docs/Stencils__custom.docs.js +0 -72
  274. package/lib/Stencils/docs/Stencils__default.docs.js +0 -77
  275. package/lib/Switch/docs/Switch__custom.docs.js +0 -180
  276. package/lib/Switch/docs/Switch__default.docs.js +0 -134
  277. package/lib/Tab/docs/Tab__default.docs.js +0 -283
  278. package/lib/Tab/docs/tabdocs.module.css +0 -29
  279. package/lib/Tag/docs/Tag__custom.docs.js +0 -397
  280. package/lib/Tag/docs/Tag__default.docs.js +0 -352
  281. package/lib/TextBox/docs/TextBox__custom.docs.js +0 -72
  282. package/lib/TextBox/docs/TextBox__default.docs.js +0 -69
  283. package/lib/TextBox/docs/TextBox__size.docs.js +0 -67
  284. package/lib/TextBox/docs/TextBox__variant.docs.js +0 -67
  285. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -118
  286. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -90
  287. package/lib/Textarea/docs/Textarea__animated.docs.js +0 -70
  288. package/lib/Textarea/docs/Textarea__custom.docs.js +0 -111
  289. package/lib/Textarea/docs/Textarea__default.docs.js +0 -105
  290. package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -58
  291. package/lib/Tooltip/docs/Tooltip__default.docs.js +0 -402
  292. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -123
  293. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -174
  294. package/lib/common/docStyle.module.css +0 -766
  295. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -111
  296. package/lib/semantic/Button/docs/Button__default.docs.js +0 -43
@@ -1,109 +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
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _ListItem = _interopRequireDefault(require("../ListItem"));
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
12
- 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); } }
13
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
14
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
15
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
16
- 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); }; }
17
- 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); }
18
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
19
- 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; } }
20
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
21
- var ListItem__default = /*#__PURE__*/function (_React$Component) {
22
- _inherits(ListItem__default, _React$Component);
23
- var _super = _createSuper(ListItem__default);
24
- function ListItem__default() {
25
- _classCallCheck(this, ListItem__default);
26
- return _super.apply(this, arguments);
27
- }
28
- _createClass(ListItem__default, [{
29
- key: "render",
30
- value: function render() {
31
- return /*#__PURE__*/_react["default"].createElement("div", {
32
- style: {
33
- width: '250px'
34
- }
35
- }, /*#__PURE__*/_react["default"].createElement("div", {
36
- style: {
37
- marginBottom: '10px'
38
- }
39
- }, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
40
- value: "ListItem",
41
- isLink: true,
42
- href: "https://zoho.com",
43
- disableTitle: "Disabled list"
44
- })), /*#__PURE__*/_react["default"].createElement("div", {
45
- style: {
46
- marginBottom: '10px'
47
- }
48
- }, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
49
- value: "ListItem",
50
- autoHover: true,
51
- disableTitle: "Disabled list"
52
- })), /*#__PURE__*/_react["default"].createElement("div", {
53
- style: {
54
- marginBottom: '10px'
55
- }
56
- }, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
57
- value: "ListItem",
58
- highlight: true,
59
- disableTitle: "Disabled list"
60
- })), /*#__PURE__*/_react["default"].createElement("div", {
61
- style: {
62
- marginBottom: '10px'
63
- }
64
- }, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
65
- value: "ListItem",
66
- active: true,
67
- disableTitle: "Disabled list",
68
- title: "ListItem title"
69
- })), /*#__PURE__*/_react["default"].createElement("div", {
70
- style: {
71
- marginBottom: '10px'
72
- }
73
- }, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
74
- value: "ListItem",
75
- active: true,
76
- needTick: true,
77
- disableTitle: "disabled list"
78
- })), /*#__PURE__*/_react["default"].createElement("div", {
79
- style: {
80
- marginBottom: '10px'
81
- }
82
- }, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
83
- value: "ListItem disabled",
84
- palette: "secondary",
85
- autoHover: true,
86
- isDisabled: true,
87
- disableTitle: "disabled list"
88
- })), /*#__PURE__*/_react["default"].createElement("div", {
89
- style: {
90
- marginBottom: '10px'
91
- }
92
- }, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
93
- autoHover: true,
94
- active: true,
95
- value: "ListItemListItemListItemListItemListItem"
96
- }, "ChildrenChildrenChildren ChildrenChildrenChildrenChildren")));
97
- }
98
- }]);
99
- return ListItem__default;
100
- }(_react["default"].Component);
101
- exports["default"] = ListItem__default;
102
- if (false) {
103
- ListItem__default.docs = {
104
- componentGroup: 'Molecule',
105
- folderName: 'Style Guide',
106
- description: ' ',
107
- external: true
108
- };
109
- }
@@ -1,65 +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
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _Modal = _interopRequireDefault(require("../Modal"));
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
12
- 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); } }
13
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
14
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
15
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
16
- 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); }; }
17
- 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); }
18
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
19
- 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; } }
20
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
21
- var Modal__default = /*#__PURE__*/function (_React$Component) {
22
- _inherits(Modal__default, _React$Component);
23
- var _super = _createSuper(Modal__default);
24
- function Modal__default(props) {
25
- var _this;
26
- _classCallCheck(this, Modal__default);
27
- _this = _super.call(this, props);
28
- _this.state = {
29
- isShow: false
30
- };
31
- _this.handleModal = _this.handleModal.bind(_assertThisInitialized(_this));
32
- return _this;
33
- }
34
- _createClass(Modal__default, [{
35
- key: "handleModal",
36
- value: function handleModal() {
37
- var isShow = this.state.isShow;
38
- this.setState({
39
- isShow: !isShow
40
- });
41
- }
42
- }, {
43
- key: "render",
44
- value: function render() {
45
- var isShow = this.state.isShow;
46
- return /*#__PURE__*/_react["default"].createElement("div", null, isShow ? /*#__PURE__*/_react["default"].createElement(_Modal["default"], null, /*#__PURE__*/_react["default"].createElement("div", null, "Default Modal Portal 2")) : null, /*#__PURE__*/_react["default"].createElement(_Modal["default"], {
47
- portalId: "portal1"
48
- }, /*#__PURE__*/_react["default"].createElement("div", null, "Default Modal Portal")), /*#__PURE__*/_react["default"].createElement("div", {
49
- "data-portal": "portal1"
50
- }), /*#__PURE__*/_react["default"].createElement("button", {
51
- onClick: this.handleModal
52
- }, isShow ? 'Delete Portal' : 'Create Portal'));
53
- }
54
- }]);
55
- return Modal__default;
56
- }(_react["default"].Component);
57
- exports["default"] = Modal__default;
58
- if (false) {
59
- Modal__default.docs = {
60
- componentGroup: 'Atom',
61
- folderName: 'Style Guide',
62
- description: ' ',
63
- external: false
64
- };
65
- }
@@ -1,154 +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
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _AdvancedGroupMultiSelect = _interopRequireDefault(require("../AdvancedGroupMultiSelect"));
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
12
- 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); } }
13
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
14
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
15
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
16
- 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); }; }
17
- 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); }
18
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
19
- 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; } }
20
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
21
- var AdvancedGroupMultiSelect__default = /*#__PURE__*/function (_React$Component) {
22
- _inherits(AdvancedGroupMultiSelect__default, _React$Component);
23
- var _super = _createSuper(AdvancedGroupMultiSelect__default);
24
- function AdvancedGroupMultiSelect__default(props) {
25
- var _this;
26
- _classCallCheck(this, AdvancedGroupMultiSelect__default);
27
- _this = _super.call(this, props);
28
- _this.handleSelectOptions = _this.handleSelectOptions.bind(_assertThisInitialized(_this));
29
- _this.getNextOptions = _this.getNextOptions.bind(_assertThisInitialized(_this));
30
- _this.groupFooter = _this.groupFooter.bind(_assertThisInitialized(_this));
31
- _this.onSearch = _this.onSearch.bind(_assertThisInitialized(_this));
32
- _this.state = {
33
- selectedGroupOptions: [{
34
- groupId: 'Group1',
35
- id: 'group13'
36
- }, {
37
- groupId: 'Group1',
38
- id: '1212'
39
- }, {
40
- groupId: 'Group2',
41
- id: '2222'
42
- }],
43
- selectedOptionDetails: {
44
- Group1: [{
45
- value: 'Ashok',
46
- id: '1212'
47
- }],
48
- Group2: [{
49
- value: 'team 1',
50
- id: '2222'
51
- }]
52
- }
53
- };
54
- return _this;
55
- }
56
- _createClass(AdvancedGroupMultiSelect__default, [{
57
- key: "getNextOptions",
58
- value: function getNextOptions(searchStr) {
59
- return Promise.resolve();
60
- }
61
- }, {
62
- key: "onSearch",
63
- value: function onSearch(searchStr) {
64
- return Promise.resolve();
65
- }
66
- }, {
67
- key: "handleSelectOptions",
68
- value: function handleSelectOptions() {
69
- var selectedGroupOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
70
- this.setState({
71
- selectedGroupOptions: selectedGroupOptions
72
- });
73
- }
74
- }, {
75
- key: "groupFooter",
76
- value: function groupFooter() {
77
- return /*#__PURE__*/_react["default"].createElement("div", null, "Footer");
78
- }
79
- }, {
80
- key: "render",
81
- value: function render() {
82
- var groupOptions = [{
83
- id: 'Group1',
84
- name: 'Group 1',
85
- options: [{
86
- id: 'group11',
87
- value: 'Option 1'
88
- }, {
89
- id: 'group12',
90
- value: 'Option 2'
91
- }, {
92
- id: 'group13',
93
- value: 'Option 3'
94
- }],
95
- textField: 'value',
96
- valueField: 'id'
97
- }, {
98
- id: 'Group2',
99
- name: 'Group 2',
100
- options: [{
101
- id: 'group21',
102
- value: 'Group2 Option 1'
103
- }, {
104
- id: 'group22',
105
- value: 'Group2 Option 2'
106
- }, {
107
- id: 'group23',
108
- value: 'Group2 Option 3'
109
- }],
110
- textField: 'value',
111
- valueField: 'id'
112
- }];
113
- return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_AdvancedGroupMultiSelect["default"], {
114
- groupedOptions: groupOptions,
115
- selectedGroupOptions: this.state.selectedGroupOptions,
116
- onChange: this.handleSelectOptions,
117
- dataIdSrchEmptyMsg: "EmptySearch",
118
- dataIdNoOptnsMsg: "NoData",
119
- needLocalSearch: true,
120
- getNextOptions: this.getNextOptions,
121
- onSearch: this.onSearch,
122
- selectedOptionDetails: this.state.selectedOptionDetails,
123
- i18nKeys: {
124
- clearText: 'Clear Selected Items',
125
- loadingText: 'Fetching...',
126
- emptyText: 'No Options .',
127
- noMoreText: 'No More Options .',
128
- searchEmptyText: 'No Matches Found .'
129
- }
130
- }), /*#__PURE__*/_react["default"].createElement(_AdvancedGroupMultiSelect["default"], {
131
- groupedOptions: groupOptions,
132
- selectedGroupOptions: this.state.selectedGroupOptions,
133
- onChange: this.handleSelectOptions,
134
- emptyMessage: "No data found",
135
- searchEmptyMessage: "No results found",
136
- dataIdSrchEmptyMsg: "EmptySearch",
137
- dataIdNoOptnsMsg: "NoData",
138
- needLocalSearch: true,
139
- getNextOptions: this.getNextOptions,
140
- onSearch: this.onSearch,
141
- selectedOptionDetails: this.state.selectedOptionDetails,
142
- getFooter: this.groupFooter
143
- }, /*#__PURE__*/_react["default"].createElement("div", null, "Children")));
144
- }
145
- }]);
146
- return AdvancedGroupMultiSelect__default;
147
- }(_react["default"].Component);
148
- exports["default"] = AdvancedGroupMultiSelect__default;
149
- if (false) {
150
- AdvancedGroupMultiSelect__default.docs = {
151
- componentGroup: 'Form Elements',
152
- folderName: 'Style Guide'
153
- };
154
- }
@@ -1,140 +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
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _AdvancedMultiSelect = _interopRequireDefault(require("../AdvancedMultiSelect"));
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- 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); }
12
- 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; }
13
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
14
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
15
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
16
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
17
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
18
- 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); }; }
19
- 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); }
20
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
21
- 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; } }
22
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
23
- var AdvancedMultiSelect__default = /*#__PURE__*/function (_Component) {
24
- _inherits(AdvancedMultiSelect__default, _Component);
25
- var _super = _createSuper(AdvancedMultiSelect__default);
26
- function AdvancedMultiSelect__default(props) {
27
- var _this;
28
- _classCallCheck(this, AdvancedMultiSelect__default);
29
- _this = _super.call(this, props);
30
- _this.state = {
31
- options: [{
32
- id: 2,
33
- text: 'text2',
34
- listItemProps: {
35
- style: {
36
- color: 'red'
37
- }
38
- }
39
- }, {
40
- id: 3,
41
- text: 'text3',
42
- listItemProps: {
43
- style: {
44
- color: 'blue'
45
- }
46
- }
47
- }, {
48
- id: 4,
49
- text: 'text4'
50
- }, {
51
- id: 5,
52
- text: 'text5'
53
- }, {
54
- id: 6,
55
- text: 'text6'
56
- }, {
57
- id: 7,
58
- text: 'text7'
59
- }, {
60
- id: 8,
61
- text: 'text8'
62
- }, {
63
- id: 9,
64
- text: 'text9'
65
- }, {
66
- id: 10,
67
- text: 'text10'
68
- }],
69
- selectedOptions: [1, 2, 3, 4],
70
- selectedOptionDetails: [{
71
- id: 1,
72
- text: 'text1'
73
- }]
74
- };
75
- _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
76
- _this.handleGetSelectedOptionDetails = _this.handleGetSelectedOptionDetails.bind(_assertThisInitialized(_this));
77
- _this.getFooter = _this.getFooter.bind(_assertThisInitialized(_this));
78
- return _this;
79
- }
80
- _createClass(AdvancedMultiSelect__default, [{
81
- key: "handleChange",
82
- value: function handleChange(selectedOptions) {
83
- this.setState({
84
- selectedOptions: selectedOptions
85
- });
86
- }
87
- }, {
88
- key: "handleGetSelectedOptionDetails",
89
- value: function handleGetSelectedOptionDetails() {
90
- return Promise.resolve();
91
- }
92
- }, {
93
- key: "getFooter",
94
- value: function getFooter() {
95
- return /*#__PURE__*/_react["default"].createElement("div", null, "Custom Footer");
96
- }
97
- }, {
98
- key: "render",
99
- value: function render() {
100
- var _this$state = this.state,
101
- selectedOptions = _this$state.selectedOptions,
102
- options = _this$state.options,
103
- selectedOptionDetails = _this$state.selectedOptionDetails;
104
- return /*#__PURE__*/_react["default"].createElement(_AdvancedMultiSelect["default"], {
105
- id: "8888",
106
- options: options,
107
- selectedOptions: selectedOptions,
108
- onChange: this.handleChange,
109
- selectedOptionsLimit: 2,
110
- selectedOptionDetails: selectedOptionDetails,
111
- getSelectedOptionDetails: this.handleGetSelectedOptionDetails,
112
- needSelectAll: true,
113
- selectAllText: "Select All",
114
- placeHolder: "Select Text",
115
- optionType: "default",
116
- i18nKeys: {
117
- clearText: 'Clear Selected Items',
118
- loadingText: 'Fetching...',
119
- emptyText: 'No Options .',
120
- noMoreText: 'No More Options .',
121
- searchEmptyText: 'No Matches Found .'
122
- },
123
- getFooter: this.getFooter,
124
- customProps: {
125
- SuggestionsProps: {
126
- needBorder: false
127
- }
128
- }
129
- });
130
- }
131
- }]);
132
- return AdvancedMultiSelect__default;
133
- }(_react.Component);
134
- exports["default"] = AdvancedMultiSelect__default;
135
- if (false) {
136
- AdvancedMultiSelect__default.docs = {
137
- componentGroup: 'Form Elements',
138
- folderName: 'Style Guide'
139
- };
140
- }
@@ -1,165 +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
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
10
- var _MultiSelectWithAvatar = _interopRequireDefault(require("../MultiSelectWithAvatar"));
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12
- 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); }
13
- 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; }
14
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
15
- 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); } }
16
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
17
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
18
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
19
- 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); }; }
20
- 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); }
21
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
22
- 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; } }
23
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
24
- var MultiSelectWithAvatar__default = /*#__PURE__*/function (_Component) {
25
- _inherits(MultiSelectWithAvatar__default, _Component);
26
- var _super = _createSuper(MultiSelectWithAvatar__default);
27
- function MultiSelectWithAvatar__default(props) {
28
- var _this;
29
- _classCallCheck(this, MultiSelectWithAvatar__default);
30
- _this = _super.call(this, props);
31
- var photoURL = '';
32
- _this.state = {
33
- options: [{
34
- id: 'text1',
35
- text: 'text1',
36
- photoURL: photoURL
37
- }, {
38
- id: 'text2',
39
- text: 'text2',
40
- photoURL: photoURL
41
- }, {
42
- id: 'text3',
43
- text: 'text3',
44
- photoURL: photoURL
45
- }, {
46
- id: 'text4',
47
- text: 'text4',
48
- photoURL: photoURL
49
- }, {
50
- id: 'text5',
51
- text: 'text5'
52
- }, {
53
- id: 'text6',
54
- text: 'text6',
55
- photoURL: photoURL
56
- }, {
57
- id: 'text7',
58
- text: 'text7',
59
- photoURL: photoURL
60
- }, {
61
- id: 'text8',
62
- text: 'text8',
63
- photoURL: photoURL
64
- }, {
65
- id: 'text9',
66
- text: 'text9',
67
- photoURL: photoURL
68
- }, {
69
- id: 'text10',
70
- text: 'text10',
71
- photoURL: photoURL
72
- }],
73
- selectedOptions: ['text1', 'text2', 'text3', 'text4', 'text5']
74
- };
75
- _this.handleSelect = _this.handleSelect.bind(_assertThisInitialized(_this));
76
- return _this;
77
- }
78
- _createClass(MultiSelectWithAvatar__default, [{
79
- key: "handleSelect",
80
- value: function handleSelect(options) {
81
- this.setState({
82
- selectedOptions: options
83
- });
84
- }
85
- }, {
86
- key: "render",
87
- value: function render() {
88
- var _this$state = this.state,
89
- selectedOptions = _this$state.selectedOptions,
90
- options = _this$state.options;
91
- return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement("div", null, "Default"), /*#__PURE__*/_react["default"].createElement(_MultiSelectWithAvatar["default"], {
92
- valueField: "id",
93
- textField: "text",
94
- imageField: "photoURL",
95
- options: options,
96
- onChange: this.handleSelect,
97
- selectedOptions: selectedOptions,
98
- needSelectAll: true,
99
- selectAllText: "Select All",
100
- placeHolder: "Select Text",
101
- i18nKeys: {
102
- clearText: 'Clear Selected Items',
103
- loadingText: 'Fetching...',
104
- emptyText: 'No Options .',
105
- noMoreText: 'No More Options .',
106
- searchEmptyText: 'No Matches Found .'
107
- }
108
- }), /*#__PURE__*/_react["default"].createElement("div", null, "Disabled"), /*#__PURE__*/_react["default"].createElement(_MultiSelectWithAvatar["default"], {
109
- isDisabled: true,
110
- valueField: "id",
111
- textField: "text",
112
- imageField: "photoURL",
113
- options: options,
114
- onChange: this.handleSelect,
115
- selectedOptions: selectedOptions,
116
- needSelectAll: true,
117
- selectAllText: "Select All",
118
- placeHolder: "Select Text",
119
- emptyMessage: "No Options",
120
- noMoreOptionsMessage: "No More Options",
121
- searchEmptyMessage: "No Matches Found"
122
- }), /*#__PURE__*/_react["default"].createElement("div", null, "Readonly"), /*#__PURE__*/_react["default"].createElement(_MultiSelectWithAvatar["default"], {
123
- isReadOnly: true,
124
- valueField: "id",
125
- textField: "text",
126
- imageField: "photoURL",
127
- options: options,
128
- onChange: this.handleSelect,
129
- selectedOptions: selectedOptions,
130
- needSelectAll: true,
131
- selectAllText: "Select All",
132
- placeHolder: "Select Text",
133
- emptyMessage: "No Options",
134
- noMoreOptionsMessage: "No More Options",
135
- searchEmptyMessage: "No Matches Found"
136
- }), /*#__PURE__*/_react["default"].createElement(_MultiSelectWithAvatar["default"], {
137
- isReadOnly: true,
138
- valueField: "id",
139
- textField: "text",
140
- imageField: "photoURL",
141
- options: options,
142
- onChange: this.handleSelect,
143
- selectedOptions: selectedOptions,
144
- needSelectAll: true,
145
- selectAllText: "Select All",
146
- placeHolder: "Select Text",
147
- emptyMessage: "No Options",
148
- noMoreOptionsMessage: "No More Options",
149
- searchEmptyMessage: "No Matches Found",
150
- needBorder: false,
151
- disableAction: true
152
- })));
153
- }
154
- }]);
155
- return MultiSelectWithAvatar__default;
156
- }(_react.Component);
157
- exports["default"] = MultiSelectWithAvatar__default;
158
- if (false) {
159
- MultiSelectWithAvatar__default.docs = {
160
- componentGroup: 'Form Elements',
161
- folderName: 'Style Guide',
162
- external: true,
163
- description: ' '
164
- };
165
- }