@zohodesk/components 1.0.0-temp-41 → 1.0.0-temp-45

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 (455) hide show
  1. package/README.md +4 -0
  2. package/es/Animation/docs/Animation__default.docs.js +2 -2
  3. package/es/Animation/docs/Animation__fadeIn.docs.js +2 -2
  4. package/es/Animation/docs/Animation__scaleIn.docs.js +2 -2
  5. package/es/Animation/docs/Animation__skewIn.docs.js +2 -2
  6. package/es/Animation/docs/Animation__slideDown.docs.js +2 -2
  7. package/es/Animation/docs/Animation__slideLeft.docs.js +2 -2
  8. package/es/Animation/docs/Animation__zoomIn.docs.js +2 -2
  9. package/es/Appearance/dark/mode/darkMode.module.css +355 -392
  10. package/es/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +2 -2
  11. package/es/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +2 -2
  12. package/es/Appearance/dark/themes/green/greenDarkCTATheme.module.css +1 -1
  13. package/es/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +2 -2
  14. package/es/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +1 -1
  15. package/es/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +2 -2
  16. package/es/Appearance/dark/themes/red/redDarkCTATheme.module.css +1 -1
  17. package/es/Appearance/dark/themes/red/redDarkComponentTheme.module.css +2 -2
  18. package/es/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +1 -1
  19. package/es/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +2 -2
  20. package/es/Appearance/default/mode/defaultMode.module.css +355 -394
  21. package/es/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +28 -28
  22. package/es/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +5 -5
  23. package/es/Appearance/default/themes/green/greenDefaultCTATheme.module.css +1 -1
  24. package/es/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +4 -4
  25. package/es/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +1 -1
  26. package/es/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +4 -4
  27. package/es/Appearance/default/themes/red/redDefaultCTATheme.module.css +1 -1
  28. package/es/Appearance/default/themes/red/redDefaultComponentTheme.module.css +4 -4
  29. package/es/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +1 -1
  30. package/es/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +4 -4
  31. package/es/Avatar/Avatar.module.css +9 -11
  32. package/es/AvatarTeam/AvatarTeam.module.css +7 -21
  33. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +1 -1
  34. package/es/Button/Button.module.css +23 -96
  35. package/es/Buttongroup/Buttongroup.module.css +8 -37
  36. package/es/Card/Card.module.css +3 -3
  37. package/es/Card/docs/Card__Default.docs.js +4 -4
  38. package/es/Card/docs/Card__Scroll.docs.js +4 -4
  39. package/es/CheckBox/CheckBox.module.css +11 -17
  40. package/es/DateTime/DateTime.module.css +12 -39
  41. package/es/DateTime/DateWidget.module.css +9 -9
  42. package/es/DateTime/YearView.module.css +6 -16
  43. package/es/DropBox/DropBox.module.css +11 -47
  44. package/es/DropDown/DropDownHeading.module.css +3 -7
  45. package/es/DropDown/DropDownItem.module.css +6 -32
  46. package/es/Layout/docs/Layout__Hidden.docs.js +1 -1
  47. package/es/Layout/docs/Layout__four_Column.docs.js +1 -1
  48. package/es/Layout/docs/Layout__three_Column.docs.js +1 -1
  49. package/es/ListItem/ListItem.js +20 -3
  50. package/es/ListItem/ListItem.module.css +29 -55
  51. package/es/ListItem/ListItemWithAvatar.js +20 -3
  52. package/es/ListItem/ListItemWithCheckBox.js +20 -3
  53. package/es/ListItem/ListItemWithIcon.js +20 -3
  54. package/es/ListItem/ListItemWithRadio.js +20 -3
  55. package/es/MultiSelect/AdvancedGroupMultiSelect.js +4 -7
  56. package/es/MultiSelect/AdvancedMultiSelect.js +3 -6
  57. package/es/MultiSelect/AdvancedMultiSelect.module.css +14 -29
  58. package/es/MultiSelect/MultiSelect.js +12 -8
  59. package/es/MultiSelect/MultiSelect.module.css +21 -34
  60. package/es/MultiSelect/MultiSelectWithAvatar.js +3 -6
  61. package/es/MultiSelect/SelectedOptions.js +2 -3
  62. package/es/MultiSelect/SelectedOptions.module.css +2 -8
  63. package/es/PopOver/PopOver.module.css +2 -2
  64. package/es/Radio/Radio.js +2 -1
  65. package/es/Radio/Radio.module.css +5 -11
  66. package/es/Responsive/docs/style.module.css +8 -17
  67. package/es/Ribbon/Ribbon.module.css +28 -93
  68. package/es/RippleEffect/RippleEffect.js +4 -7
  69. package/es/RippleEffect/RippleEffect.module.css +44 -18
  70. package/es/RippleEffect/docs/RippleEffect__default.docs.js +8 -8
  71. package/es/Select/Select.js +14 -0
  72. package/es/Select/Select.module.css +3 -13
  73. package/es/Select/SelectWithAvatar.js +4 -7
  74. package/es/Stencils/Stencils.module.css +4 -27
  75. package/es/Switch/Switch.module.css +7 -6
  76. package/es/Tab/Tab.module.css +7 -16
  77. package/es/Tab/Tabs.module.css +8 -41
  78. package/es/Tab/docs/tabdocs.module.css +1 -1
  79. package/es/Tag/Tag.js +4 -10
  80. package/es/Tag/Tag.module.css +25 -50
  81. package/es/Tag/docs/Tag__default.docs.js +0 -70
  82. package/es/TextBox/TextBox.module.css +11 -7
  83. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  84. package/es/TextBoxIcon/TextBoxIcon.module.css +7 -15
  85. package/es/Textarea/Textarea.module.css +7 -6
  86. package/es/Tooltip/Tooltip.module.css +8 -9
  87. package/es/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +2 -2
  88. package/es/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +2 -2
  89. package/es/beta/FocusRing/FocusRing.module.css +26 -51
  90. package/es/common/animation.module.css +21 -219
  91. package/es/common/basicReset.module.css +12 -2
  92. package/es/common/common.module.css +18 -62
  93. package/es/common/customscroll.module.css +21 -17
  94. package/es/common/docStyle.module.css +35 -82
  95. package/es/common/transition.module.css +10 -50
  96. package/{lib/Appearance/dark/mode/darkMode.module.css → es/deprecated/Theme/darkTheme.module.css} +39 -39
  97. package/{lib/Appearance/default/mode/defaultMode.module.css → es/deprecated/Theme/defaultTheme.module.css} +36 -38
  98. package/es/deprecated/Theme/palette/darkCTAPalette.module.css +116 -0
  99. package/es/deprecated/Theme/palette/darkPalette.module.css +155 -0
  100. package/es/deprecated/Theme/palette/defaultCTAPalette.module.css +116 -0
  101. package/es/deprecated/Theme/palette/defaultPalette.module.css +155 -0
  102. package/es/deprecated/customscroll_Old.module.css +46 -0
  103. package/es/semantic/Button/semanticButton.module.css +3 -3
  104. package/package.json +4 -4
  105. package/preprocess/componentAppearanceColors.js +65 -0
  106. package/preprocess/componentThemeColors.js +1 -1
  107. package/preprocess/ctaThemeColors.js +1 -1
  108. package/preprocess/index.js +2 -1
  109. package/preprocess/json/componentAppearanceVariableJson.js +1515 -0
  110. package/preprocess/json/{componentVariableJson.js → componentThemeVariableJson.js} +33 -33
  111. package/preprocess/json/{ctaVariableJson.js → ctaThemeVariableJson.js} +38 -38
  112. package/lib/Accordion/Accordion.js +0 -146
  113. package/lib/Accordion/AccordionItem.js +0 -124
  114. package/lib/Accordion/__tests__/Accordion.spec.js +0 -85
  115. package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -126
  116. package/lib/Accordion/index.js +0 -23
  117. package/lib/Animation/Animation.js +0 -207
  118. package/lib/Animation/__tests__/Animation.spec.js +0 -23
  119. package/lib/Animation/docs/Animation__default.docs.js +0 -85
  120. package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -85
  121. package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -85
  122. package/lib/Animation/docs/Animation__skewIn.docs.js +0 -85
  123. package/lib/Animation/docs/Animation__slideDown.docs.js +0 -85
  124. package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -85
  125. package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -85
  126. package/lib/AppContainer/AppContainer.js +0 -205
  127. package/lib/AppContainer/AppContainer.module.css +0 -18
  128. package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -70
  129. package/lib/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +0 -34
  130. package/lib/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +0 -42
  131. package/lib/Appearance/dark/themes/green/greenDarkCTATheme.module.css +0 -34
  132. package/lib/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +0 -42
  133. package/lib/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +0 -34
  134. package/lib/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +0 -42
  135. package/lib/Appearance/dark/themes/red/redDarkCTATheme.module.css +0 -34
  136. package/lib/Appearance/dark/themes/red/redDarkComponentTheme.module.css +0 -42
  137. package/lib/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +0 -34
  138. package/lib/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +0 -42
  139. package/lib/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +0 -34
  140. package/lib/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +0 -42
  141. package/lib/Appearance/default/themes/green/greenDefaultCTATheme.module.css +0 -34
  142. package/lib/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +0 -42
  143. package/lib/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +0 -34
  144. package/lib/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +0 -42
  145. package/lib/Appearance/default/themes/red/redDefaultCTATheme.module.css +0 -34
  146. package/lib/Appearance/default/themes/red/redDefaultComponentTheme.module.css +0 -42
  147. package/lib/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +0 -34
  148. package/lib/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +0 -42
  149. package/lib/Avatar/Avatar.js +0 -280
  150. package/lib/Avatar/Avatar.module.css +0 -117
  151. package/lib/Avatar/__tests__/Avatar.spec.js +0 -208
  152. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  153. package/lib/Avatar/docs/Avatar__custom.docs.js +0 -87
  154. package/lib/Avatar/docs/Avatar__default.docs.js +0 -83
  155. package/lib/Avatar/docs/Avatar__palette.docs.js +0 -107
  156. package/lib/Avatar/docs/Avatar__text.docs.js +0 -86
  157. package/lib/AvatarTeam/AvatarTeam.js +0 -157
  158. package/lib/AvatarTeam/AvatarTeam.module.css +0 -161
  159. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -92
  160. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  161. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -124
  162. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -82
  163. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -101
  164. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -100
  165. package/lib/Button/Button.js +0 -159
  166. package/lib/Button/Button.module.css +0 -518
  167. package/lib/Button/__tests__/Button.spec.js +0 -233
  168. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +0 -191
  169. package/lib/Button/docs/Button__custom.docs.js +0 -826
  170. package/lib/Button/docs/Button__default.docs.js +0 -590
  171. package/lib/Buttongroup/Buttongroup.js +0 -101
  172. package/lib/Buttongroup/Buttongroup.module.css +0 -89
  173. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -86
  174. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  175. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -89
  176. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -85
  177. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -98
  178. package/lib/Card/Card.js +0 -410
  179. package/lib/Card/Card.module.css +0 -20
  180. package/lib/Card/__tests__/Card.spec.js +0 -56
  181. package/lib/Card/docs/Card__Custom.docs.js +0 -90
  182. package/lib/Card/docs/Card__Default.docs.js +0 -92
  183. package/lib/Card/docs/Card__Scroll.docs.js +0 -114
  184. package/lib/Card/index.js +0 -37
  185. package/lib/CheckBox/CheckBox.js +0 -265
  186. package/lib/CheckBox/CheckBox.module.css +0 -153
  187. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -18
  188. package/lib/CheckBox/docs/CheckBox__custom.docs.js +0 -348
  189. package/lib/CheckBox/docs/CheckBox__default.docs.js +0 -273
  190. package/lib/DateTime/CalendarView.js +0 -285
  191. package/lib/DateTime/DateTime.js +0 -889
  192. package/lib/DateTime/DateTime.module.css +0 -188
  193. package/lib/DateTime/DateTimePopupFooter.js +0 -90
  194. package/lib/DateTime/DateTimePopupHeader.js +0 -149
  195. package/lib/DateTime/DateWidget.js +0 -1189
  196. package/lib/DateTime/DateWidget.module.css +0 -42
  197. package/lib/DateTime/DaysRow.js +0 -76
  198. package/lib/DateTime/Time.js +0 -248
  199. package/lib/DateTime/YearView.js +0 -324
  200. package/lib/DateTime/YearView.module.css +0 -80
  201. package/lib/DateTime/__tests__/CalendarView.spec.js +0 -45
  202. package/lib/DateTime/__tests__/DateTime.spec.js +0 -127
  203. package/lib/DateTime/__tests__/DateWidget.spec.js +0 -81
  204. package/lib/DateTime/common.js +0 -36
  205. package/lib/DateTime/constants.js +0 -77
  206. package/lib/DateTime/dateFormatUtils/dateFormat.js +0 -613
  207. package/lib/DateTime/dateFormatUtils/dayChange.js +0 -81
  208. package/lib/DateTime/dateFormatUtils/index.js +0 -274
  209. package/lib/DateTime/dateFormatUtils/monthChange.js +0 -94
  210. package/lib/DateTime/dateFormatUtils/timeChange.js +0 -240
  211. package/lib/DateTime/dateFormatUtils/yearChange.js +0 -119
  212. package/lib/DateTime/docs/DateTime__default.docs.js +0 -142
  213. package/lib/DateTime/docs/DateWidget__default.docs.js +0 -240
  214. package/lib/DateTime/docs/timezonedata.json +0 -1
  215. package/lib/DateTime/index.js +0 -15
  216. package/lib/DateTime/objectUtils.js +0 -76
  217. package/lib/DateTime/typeChecker.js +0 -26
  218. package/lib/DateTime/validator.js +0 -353
  219. package/lib/DropBox/DropBox.js +0 -389
  220. package/lib/DropBox/DropBox.module.css +0 -406
  221. package/lib/DropBox/DropBoxPositionMapping.json +0 -145
  222. package/lib/DropBox/__tests__/DropBox.spec.js +0 -87
  223. package/lib/DropBox/docs/DropBox__custom.docs.js +0 -122
  224. package/lib/DropBox/docs/DropBox__customOrder.docs.js +0 -141
  225. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +0 -140
  226. package/lib/DropBox/docs/DropBox__position.docs.js +0 -142
  227. package/lib/DropBox/docs/DropBox__size.docs.js +0 -116
  228. package/lib/DropDown/DropDown.js +0 -203
  229. package/lib/DropDown/DropDown.module.css +0 -5
  230. package/lib/DropDown/DropDownHeading.js +0 -102
  231. package/lib/DropDown/DropDownHeading.module.css +0 -53
  232. package/lib/DropDown/DropDownItem.js +0 -139
  233. package/lib/DropDown/DropDownItem.module.css +0 -94
  234. package/lib/DropDown/DropDownSearch.js +0 -132
  235. package/lib/DropDown/DropDownSearch.module.css +0 -14
  236. package/lib/DropDown/DropDownSeparator.js +0 -66
  237. package/lib/DropDown/DropDownSeparator.module.css +0 -7
  238. package/lib/DropDown/__tests__/DropDown.spec.js +0 -50
  239. package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -51
  240. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -17
  241. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -73
  242. package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -70
  243. package/lib/Label/Label.js +0 -109
  244. package/lib/Label/Label.module.css +0 -52
  245. package/lib/Label/LabelColors.module.css +0 -21
  246. package/lib/Label/__tests__/Label.spec.js +0 -137
  247. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  248. package/lib/Label/docs/Label__clipped.docs.js +0 -81
  249. package/lib/Label/docs/Label__custom.docs.js +0 -85
  250. package/lib/Label/docs/Label__palette.docs.js +0 -96
  251. package/lib/Label/docs/Label__size.docs.js +0 -83
  252. package/lib/Label/docs/Label__type.docs.js +0 -91
  253. package/lib/Layout/Box.js +0 -138
  254. package/lib/Layout/Container.js +0 -152
  255. package/lib/Layout/Layout.module.css +0 -324
  256. package/lib/Layout/__tests__/Box.spec.js +0 -121
  257. package/lib/Layout/__tests__/Container.spec.js +0 -127
  258. package/lib/Layout/docs/Layout__Hidden.docs.js +0 -127
  259. package/lib/Layout/docs/Layout__default.docs.js +0 -98
  260. package/lib/Layout/docs/Layout__four_Column.docs.js +0 -135
  261. package/lib/Layout/docs/Layout__three_Column.docs.js +0 -126
  262. package/lib/Layout/docs/Layout__two_Column.docs.js +0 -119
  263. package/lib/Layout/index.js +0 -34
  264. package/lib/Layout/utils.js +0 -55
  265. package/lib/LightNightMode/Colors.json +0 -398
  266. package/lib/LightNightMode/docs/AlternativeColors.docs.js +0 -131
  267. package/lib/ListItem/ListItem.js +0 -234
  268. package/lib/ListItem/ListItem.module.css +0 -200
  269. package/lib/ListItem/ListItemWithAvatar.js +0 -242
  270. package/lib/ListItem/ListItemWithCheckBox.js +0 -208
  271. package/lib/ListItem/ListItemWithIcon.js +0 -228
  272. package/lib/ListItem/ListItemWithRadio.js +0 -209
  273. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -206
  274. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -162
  275. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -142
  276. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -115
  277. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -119
  278. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -112
  279. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -142
  280. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -115
  281. package/lib/ListItem/docs/ListItem__custom.docs.js +0 -164
  282. package/lib/ListItem/docs/ListItem__default.docs.js +0 -131
  283. package/lib/Modal/Modal.js +0 -218
  284. package/lib/Modal/__docs__/Modal__default.docs.js +0 -88
  285. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +0 -1218
  286. package/lib/MultiSelect/AdvancedMultiSelect.js +0 -684
  287. package/lib/MultiSelect/AdvancedMultiSelect.module.css +0 -127
  288. package/lib/MultiSelect/EmptyState.js +0 -132
  289. package/lib/MultiSelect/MultiSelect.js +0 -1220
  290. package/lib/MultiSelect/MultiSelect.module.css +0 -193
  291. package/lib/MultiSelect/MultiSelectHeader.js +0 -86
  292. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -410
  293. package/lib/MultiSelect/SelectedOptions.js +0 -140
  294. package/lib/MultiSelect/SelectedOptions.module.css +0 -15
  295. package/lib/MultiSelect/Suggestions.js +0 -219
  296. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -170
  297. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -177
  298. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -165
  299. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -191
  300. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +0 -214
  301. package/lib/PopOver/PopOver.js +0 -366
  302. package/lib/PopOver/PopOver.module.css +0 -8
  303. package/lib/PopOver/__tests__/PopOver.spec.js +0 -20
  304. package/lib/PopOver/docs/PopOver__default.docs.js +0 -86
  305. package/lib/Popup/Popup.js +0 -716
  306. package/lib/Popup/PositionMapping.json +0 -74
  307. package/lib/Popup/__tests__/Popup.spec.js +0 -192
  308. package/lib/Popup/viewPort.js +0 -368
  309. package/lib/Provider/AvatarSize.js +0 -23
  310. package/lib/Provider/Config.js +0 -25
  311. package/lib/Provider/CssProvider.js +0 -27
  312. package/lib/Provider/IdProvider.js +0 -82
  313. package/lib/Provider/LibraryContext.js +0 -76
  314. package/lib/Provider/LibraryContextInit.js +0 -15
  315. package/lib/Provider/NumberGenerator/NumberGenerator.js +0 -174
  316. package/lib/Provider/ZindexProvider.js +0 -69
  317. package/lib/Provider/docs/Provider_Id__Class.docs.js +0 -77
  318. package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -29
  319. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +0 -80
  320. package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -34
  321. package/lib/Provider.js +0 -241
  322. package/lib/Radio/Radio.js +0 -214
  323. package/lib/Radio/Radio.module.css +0 -110
  324. package/lib/Radio/__tests__/Radiospec.js +0 -29
  325. package/lib/Radio/docs/Radio__custom.docs.js +0 -299
  326. package/lib/Radio/docs/Radio__default.docs.js +0 -222
  327. package/lib/Responsive/CustomResponsive.js +0 -246
  328. package/lib/Responsive/RefWrapper.js +0 -55
  329. package/lib/Responsive/ResizeComponent.js +0 -268
  330. package/lib/Responsive/ResizeObserver.js +0 -168
  331. package/lib/Responsive/Responsive.js +0 -280
  332. package/lib/Responsive/docs/Responsive__Custom.docs.js +0 -272
  333. package/lib/Responsive/docs/Responsive__default.docs.js +0 -142
  334. package/lib/Responsive/docs/style.module.css +0 -56
  335. package/lib/Responsive/index.js +0 -30
  336. package/lib/Responsive/sizeObservers.js +0 -206
  337. package/lib/Responsive/utils/index.js +0 -69
  338. package/lib/Responsive/utils/shallowCompare.js +0 -38
  339. package/lib/Responsive/windowResizeObserver.js +0 -63
  340. package/lib/Ribbon/Ribbon.js +0 -115
  341. package/lib/Ribbon/Ribbon.module.css +0 -377
  342. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -193
  343. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  344. package/lib/Ribbon/docs/Ribbon__custom.docs.js +0 -437
  345. package/lib/Ribbon/docs/Ribbon__default.docs.js +0 -392
  346. package/lib/RippleEffect/RippleEffect.js +0 -61
  347. package/lib/RippleEffect/RippleEffect.module.css +0 -70
  348. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +0 -484
  349. package/lib/Select/GroupSelect.js +0 -944
  350. package/lib/Select/Select.js +0 -1064
  351. package/lib/Select/Select.module.css +0 -100
  352. package/lib/Select/SelectWithAvatar.js +0 -433
  353. package/lib/Select/SelectWithIcon.js +0 -556
  354. package/lib/Select/__tests__/Select.spec.js +0 -383
  355. package/lib/Select/docs/GroupSelect__default.docs.js +0 -199
  356. package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -152
  357. package/lib/Select/docs/SelectWithIcon__default.docs.js +0 -190
  358. package/lib/Select/docs/Select__default.docs.js +0 -340
  359. package/lib/Stencils/Stencils.js +0 -94
  360. package/lib/Stencils/Stencils.module.css +0 -106
  361. package/lib/Stencils/__tests__/Stencils.spec.js +0 -84
  362. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  363. package/lib/Stencils/docs/Stencils__custom.docs.js +0 -96
  364. package/lib/Stencils/docs/Stencils__default.docs.js +0 -101
  365. package/lib/Switch/Switch.js +0 -183
  366. package/lib/Switch/Switch.module.css +0 -110
  367. package/lib/Switch/docs/Switch__custom.docs.js +0 -203
  368. package/lib/Switch/docs/Switch__default.docs.js +0 -156
  369. package/lib/Tab/Tab.js +0 -158
  370. package/lib/Tab/Tab.module.css +0 -101
  371. package/lib/Tab/TabContent.js +0 -45
  372. package/lib/Tab/TabContent.module.css +0 -4
  373. package/lib/Tab/TabContentWrapper.js +0 -47
  374. package/lib/Tab/TabWrapper.js +0 -109
  375. package/lib/Tab/Tabs.js +0 -696
  376. package/lib/Tab/Tabs.module.css +0 -140
  377. package/lib/Tab/__tests__/Tab.spec.js +0 -130
  378. package/lib/Tab/__tests__/TabContent.spec.js +0 -22
  379. package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -59
  380. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -100
  381. package/lib/Tab/__tests__/Tabs.spec.js +0 -123
  382. package/lib/Tab/docs/Tab__default.docs.js +0 -308
  383. package/lib/Tab/docs/tabdocs.module.css +0 -29
  384. package/lib/Tab/index.js +0 -47
  385. package/lib/Tag/Tag.js +0 -252
  386. package/lib/Tag/Tag.module.css +0 -251
  387. package/lib/Tag/__tests__/Tag.spec.js +0 -35
  388. package/lib/Tag/docs/Tag__custom.docs.js +0 -423
  389. package/lib/Tag/docs/Tag__default.docs.js +0 -377
  390. package/lib/TextBox/TextBox.js +0 -289
  391. package/lib/TextBox/TextBox.module.css +0 -157
  392. package/lib/TextBox/__tests__/TextBox.spec.js +0 -205
  393. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  394. package/lib/TextBox/docs/TextBox__custom.docs.js +0 -98
  395. package/lib/TextBox/docs/TextBox__default.docs.js +0 -95
  396. package/lib/TextBox/docs/TextBox__size.docs.js +0 -93
  397. package/lib/TextBox/docs/TextBox__variant.docs.js +0 -93
  398. package/lib/TextBoxIcon/TextBoxIcon.js +0 -284
  399. package/lib/TextBoxIcon/TextBoxIcon.module.css +0 -78
  400. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -228
  401. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  402. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -145
  403. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -117
  404. package/lib/Textarea/Textarea.js +0 -202
  405. package/lib/Textarea/Textarea.module.css +0 -139
  406. package/lib/Textarea/__tests__/Textarea.spec.js +0 -186
  407. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  408. package/lib/Textarea/docs/Textarea__animated.docs.js +0 -95
  409. package/lib/Textarea/docs/Textarea__custom.docs.js +0 -137
  410. package/lib/Textarea/docs/Textarea__default.docs.js +0 -130
  411. package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -83
  412. package/lib/Tooltip/Tooltip.js +0 -538
  413. package/lib/Tooltip/Tooltip.module.css +0 -104
  414. package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -98
  415. package/lib/Tooltip/docs/Tooltip__default.docs.js +0 -391
  416. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +0 -144
  417. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -150
  418. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +0 -188
  419. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -206
  420. package/lib/a11y/FocusScope/FocusScope.js +0 -443
  421. package/lib/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -191
  422. package/lib/beta/FocusRing/FocusRing.js +0 -338
  423. package/lib/beta/FocusRing/FocusRing.module.css +0 -152
  424. package/lib/beta/FocusRing/docs/FocusRing__default.docs.js +0 -101
  425. package/lib/common/animation.module.css +0 -624
  426. package/lib/common/avatarsizes.module.css +0 -45
  427. package/lib/common/basic.module.css +0 -33
  428. package/lib/common/basicReset.module.css +0 -40
  429. package/lib/common/common.module.css +0 -502
  430. package/lib/common/customscroll.module.css +0 -89
  431. package/lib/common/docStyle.module.css +0 -762
  432. package/lib/common/reset.module.css +0 -12
  433. package/lib/common/transition.module.css +0 -146
  434. package/lib/css.js +0 -83
  435. package/lib/deprecated/PortalLayer/PortalLayer.js +0 -165
  436. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -145
  437. package/lib/index.js +0 -1412
  438. package/lib/semantic/Button/Button.js +0 -138
  439. package/lib/semantic/Button/docs/Button__default.docs.js +0 -66
  440. package/lib/semantic/Button/semanticButton.module.css +0 -9
  441. package/lib/utils/Common.js +0 -453
  442. package/lib/utils/ContextOptimizer.js +0 -49
  443. package/lib/utils/__tests__/constructFullName.spec.js +0 -12
  444. package/lib/utils/__tests__/debounce.spec.js +0 -40
  445. package/lib/utils/__tests__/getInitial.spec.js +0 -26
  446. package/lib/utils/constant.js +0 -10
  447. package/lib/utils/constructFullName.js +0 -34
  448. package/lib/utils/datetime/common.js +0 -233
  449. package/lib/utils/debounce.js +0 -30
  450. package/lib/utils/dropDownUtils.js +0 -565
  451. package/lib/utils/dummyFunction.js +0 -10
  452. package/lib/utils/getHTMLFontSize.js +0 -11
  453. package/lib/utils/getInitial.js +0 -33
  454. package/lib/utils/scrollTo.js +0 -22
  455. package/lib/utils/shallowEqual.js +0 -41
@@ -1,90 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _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 _Card = _interopRequireWildcard(require("../Card"));
13
-
14
- var _Layout = require("../../Layout");
15
-
16
- var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
17
-
18
- var _docStyleModule = _interopRequireDefault(require("../../common/docStyle.module.css"));
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
-
22
- 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); }
23
-
24
- 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; }
25
-
26
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
27
-
28
- 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); } }
29
-
30
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
31
-
32
- 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
33
-
34
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
35
-
36
- 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); }; }
37
-
38
- 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); }
39
-
40
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
41
-
42
- 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; } }
43
-
44
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
45
-
46
- var Card__Custom = /*#__PURE__*/function (_Component) {
47
- _inherits(Card__Custom, _Component);
48
-
49
- var _super = _createSuper(Card__Custom);
50
-
51
- function Card__Custom() {
52
- _classCallCheck(this, Card__Custom);
53
-
54
- return _super.apply(this, arguments);
55
- }
56
-
57
- _createClass(Card__Custom, [{
58
- key: "render",
59
- value: function render() {
60
- return /*#__PURE__*/_react["default"].createElement("div", {
61
- style: {
62
- height: '50vh'
63
- }
64
- }, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
65
- isScrollAttribute: true,
66
- customClass: _docStyleModule["default"].customCard
67
- }, /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, {
68
- customClass: _docStyleModule["default"].customCardHeader
69
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, "Header")), /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
70
- customClass: _docStyleModule["default"].customCardContent,
71
- isScrollAttribute: true
72
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, "What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32. What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32. What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.")), /*#__PURE__*/_react["default"].createElement(_Card.CardFooter, {
73
- customClass: _docStyleModule["default"].customCardFooter
74
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, "Footer")))));
75
- }
76
- }]);
77
-
78
- return Card__Custom;
79
- }(_react.Component);
80
-
81
- exports["default"] = Card__Custom;
82
-
83
- if (false) {
84
- Card__Custom.docs = {
85
- componentGroup: 'Template',
86
- folderName: 'Style Guide',
87
- external: true,
88
- description: ' '
89
- };
90
- }
@@ -1,92 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _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 _Card = _interopRequireWildcard(require("../Card"));
13
-
14
- var _Layout = require("../../Layout");
15
-
16
- var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
-
20
- 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); }
21
-
22
- 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; }
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); 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"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); 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 Card__Default = /*#__PURE__*/function (_Component) {
45
- _inherits(Card__Default, _Component);
46
-
47
- var _super = _createSuper(Card__Default);
48
-
49
- function Card__Default() {
50
- _classCallCheck(this, Card__Default);
51
-
52
- return _super.apply(this, arguments);
53
- }
54
-
55
- _createClass(Card__Default, [{
56
- key: "render",
57
- value: function render() {
58
- return /*#__PURE__*/_react["default"].createElement("div", {
59
- style: {
60
- height: '50vh'
61
- }
62
- }, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
63
- isScrollAttribute: true
64
- }, /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
65
- style: {
66
- color: 'var(--dot_text_white)',
67
- background: 'var(--dot_bg_black)'
68
- }
69
- }, "Header")), /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
70
- isScrollAttribute: true
71
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, "What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32. What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32. What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.")), /*#__PURE__*/_react["default"].createElement(_Card.CardFooter, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
72
- style: {
73
- color: 'var(--dot_text_white)',
74
- background: 'var(--dot_bg_black)'
75
- }
76
- }, "Footer")))));
77
- }
78
- }]);
79
-
80
- return Card__Default;
81
- }(_react.Component);
82
-
83
- exports["default"] = Card__Default;
84
-
85
- if (false) {
86
- Card__Default.docs = {
87
- componentGroup: 'Template',
88
- folderName: 'Style Guide',
89
- external: true,
90
- description: ' '
91
- };
92
- }
@@ -1,114 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _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 _Card = _interopRequireWildcard(require("../Card"));
13
-
14
- var _Layout = require("../../Layout");
15
-
16
- var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
-
20
- 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); }
21
-
22
- 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; }
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); 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"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); 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 Card__Scroll = /*#__PURE__*/function (_Component) {
45
- _inherits(Card__Scroll, _Component);
46
-
47
- var _super = _createSuper(Card__Scroll);
48
-
49
- function Card__Scroll(props) {
50
- var _this;
51
-
52
- _classCallCheck(this, Card__Scroll);
53
-
54
- _this = _super.call(this, props);
55
- _this.state = {
56
- from: 0,
57
- limit: 10,
58
- noMoreData: false,
59
- isApiSend: false,
60
- data: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29]
61
- };
62
- return _this;
63
- }
64
-
65
- _createClass(Card__Scroll, [{
66
- key: "render",
67
- value: function render() {
68
- var _this$state = this.state,
69
- from = _this$state.from,
70
- limit = _this$state.limit,
71
- data = _this$state.data;
72
- return /*#__PURE__*/_react["default"].createElement("div", {
73
- style: {
74
- height: '400px'
75
- }
76
- }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
77
- from: from,
78
- limit: limit,
79
- fetchData: this.fetchData
80
- }, /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
81
- style: {
82
- color: 'var(--dot_text_white)',
83
- background: 'var(--dot_bg_black)'
84
- }
85
- }, "Header")), /*#__PURE__*/_react["default"].createElement(_Card.CardContent, null, data.map(function (val, index) {
86
- return /*#__PURE__*/_react["default"].createElement("div", {
87
- key: index,
88
- style: {
89
- padding: '10px 0px',
90
- borderBottom: '1px solid #ddd'
91
- }
92
- }, val);
93
- })), /*#__PURE__*/_react["default"].createElement(_Card.CardFooter, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
94
- style: {
95
- color: 'var(--dot_text_white)',
96
- background: 'var(--dot_bg_black)'
97
- }
98
- }, "Footer"))));
99
- }
100
- }]);
101
-
102
- return Card__Scroll;
103
- }(_react.Component);
104
-
105
- exports["default"] = Card__Scroll;
106
-
107
- if (false) {
108
- Card__Scroll.docs = {
109
- componentGroup: 'Template',
110
- folderName: 'Style Guide',
111
- external: true,
112
- description: ' '
113
- };
114
- }
package/lib/Card/index.js DELETED
@@ -1,37 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- Object.defineProperty(exports, "Card", {
9
- enumerable: true,
10
- get: function get() {
11
- return _Card["default"];
12
- }
13
- });
14
- Object.defineProperty(exports, "CardHeader", {
15
- enumerable: true,
16
- get: function get() {
17
- return _Card.CardHeader;
18
- }
19
- });
20
- Object.defineProperty(exports, "CardContent", {
21
- enumerable: true,
22
- get: function get() {
23
- return _Card.CardContent;
24
- }
25
- });
26
- Object.defineProperty(exports, "CardFooter", {
27
- enumerable: true,
28
- get: function get() {
29
- return _Card.CardFooter;
30
- }
31
- });
32
-
33
- var _Card = _interopRequireWildcard(require("./Card"));
34
-
35
- 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); }
36
-
37
- 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; }
@@ -1,265 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _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 _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- var _Label = _interopRequireDefault(require("../Label/Label"));
15
-
16
- var _Layout = require("../Layout");
17
-
18
- var _CssProvider = _interopRequireDefault(require("../Provider/CssProvider"));
19
-
20
- var _CheckBoxModule = _interopRequireDefault(require("./CheckBox.module.css"));
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
-
24
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
-
26
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
27
-
28
- 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); } }
29
-
30
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
31
-
32
- 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
33
-
34
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
35
-
36
- 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); }; }
37
-
38
- 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); }
39
-
40
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
41
-
42
- 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; } }
43
-
44
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
45
-
46
- var CheckBox = /*#__PURE__*/function (_React$Component) {
47
- _inherits(CheckBox, _React$Component);
48
-
49
- var _super = _createSuper(CheckBox);
50
-
51
- function CheckBox(props) {
52
- var _this;
53
-
54
- _classCallCheck(this, CheckBox);
55
-
56
- _this = _super.call(this, props);
57
- _this.onChange = _this.onChange.bind(_assertThisInitialized(_this));
58
- return _this;
59
- }
60
-
61
- _createClass(CheckBox, [{
62
- key: "onChange",
63
- value: function onChange(e) {
64
- var _this$props = this.props,
65
- onChange = _this$props.onChange,
66
- checked = _this$props.checked;
67
- onChange && onChange(!checked, e);
68
- }
69
- }, {
70
- key: "render",
71
- value: function render() {
72
- var _this$props2 = this.props,
73
- id = _this$props2.id,
74
- checked = _this$props2.checked,
75
- disabled = _this$props2.disabled,
76
- isReadOnly = _this$props2.isReadOnly,
77
- disabledTitle = _this$props2.disabledTitle,
78
- title = _this$props2.title,
79
- palette = _this$props2.palette,
80
- text = _this$props2.text,
81
- size = _this$props2.size,
82
- labelPalette = _this$props2.labelPalette,
83
- labelSize = _this$props2.labelSize,
84
- isFilled = _this$props2.isFilled,
85
- isClipped = _this$props2.isClipped,
86
- getRef = _this$props2.getRef,
87
- variant = _this$props2.variant,
88
- active = _this$props2.active,
89
- dataId = _this$props2.dataId,
90
- name = _this$props2.name,
91
- activeStyle = _this$props2.activeStyle,
92
- a11y = _this$props2.a11y,
93
- customClass = _this$props2.customClass,
94
- customProps = _this$props2.customProps;
95
- var _customProps$CheckBox = customProps.CheckBoxProps,
96
- CheckBoxProps = _customProps$CheckBox === void 0 ? {} : _customProps$CheckBox,
97
- _customProps$LabelPro = customProps.LabelProps,
98
- LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro;
99
- var _customClass$customCh = customClass.customCheckBox,
100
- customCheckBox = _customClass$customCh === void 0 ? '' : _customClass$customCh,
101
- _customClass$customLa = customClass.customLabel,
102
- customLabel = _customClass$customLa === void 0 ? '' : _customClass$customLa,
103
- _customClass$customCB = customClass.customCBoxSize,
104
- customCBoxSize = _customClass$customCB === void 0 ? '' : _customClass$customCB,
105
- _customClass$customTi = customClass.customTickSize,
106
- customTickSize = _customClass$customTi === void 0 ? '' : _customClass$customTi;
107
- var accessMode = isReadOnly ? _CheckBoxModule["default"].readonly : disabled ? (0, _CssProvider["default"])('isDisabled') : _CheckBoxModule["default"].pointer;
108
- var toolTip = disabled ? disabledTitle : title ? title : null;
109
- var ariaLabel = a11y.ariaLabel,
110
- ariaLabelledby = a11y.ariaLabelledby,
111
- ariaHidden = a11y.ariaHidden,
112
- _a11y$role = a11y.role,
113
- role = _a11y$role === void 0 ? 'checkbox' : _a11y$role,
114
- _a11y$ariaChecked = a11y.ariaChecked,
115
- ariaChecked = _a11y$ariaChecked === void 0 ? checked : _a11y$ariaChecked;
116
- return /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
117
- dataId: dataId,
118
- isCover: false,
119
- isInline: text ? false : true,
120
- alignBox: "row",
121
- align: "vertical",
122
- className: "".concat(_CheckBoxModule["default"].container, " ").concat(accessMode, " ").concat(isReadOnly || disabled ? '' : "".concat(_CheckBoxModule["default"][palette]), " \n ").concat(checked ? "".concat(_CheckBoxModule["default"]["checked".concat(palette)]) : '', " ").concat(customCheckBox),
123
- "data-title": toolTip,
124
- onClick: isReadOnly || disabled ? null : this.onChange,
125
- tabIndex: isReadOnly || disabled || ariaHidden ? '-1' : '0',
126
- "aria-checked": ariaChecked,
127
- role: role,
128
- "aria-label": ariaLabel,
129
- "aria-labelledby": ariaLabelledby,
130
- "aria-hidden": ariaHidden
131
- }, CheckBoxProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
132
- className: "".concat(_CheckBoxModule["default"].boxContainer, " ").concat(_CheckBoxModule["default"][size], " ").concat(customCBoxSize, " ").concat(isFilled ? _CheckBoxModule["default"].filled : '')
133
- }, /*#__PURE__*/_react["default"].createElement("input", {
134
- type: "hidden",
135
- id: id,
136
- ref: getRef,
137
- name: name
138
- }), /*#__PURE__*/_react["default"].createElement("label", {
139
- className: "".concat(_CheckBoxModule["default"].checkbox, " ").concat(accessMode, " ").concat(_CheckBoxModule["default"][size], " ").concat(customCBoxSize)
140
- }, activeStyle == 'tick' ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("svg", {
141
- xmlns: "http://www.w3.org/2000/svg",
142
- viewBox: "0 0 40 40"
143
- }, checked ? /*#__PURE__*/_react["default"].createElement("path", {
144
- xmlns: "http://www.w3.org/2000/svg",
145
- d: "M39,20V35a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V5A4,4,0,0,1,5,1H28.44",
146
- className: "".concat(_CheckBoxModule["default"].cbBox)
147
- }) : /*#__PURE__*/_react["default"].createElement("rect", {
148
- xmlns: "http://www.w3.org/2000/svg",
149
- x: "1",
150
- y: "1",
151
- width: "38",
152
- height: "38",
153
- rx: "4",
154
- className: "".concat(_CheckBoxModule["default"].cbBox)
155
- })), checked ? /*#__PURE__*/_react["default"].createElement("svg", {
156
- xmlns: "http://www.w3.org/2000/svg",
157
- viewBox: "0 0 44 44",
158
- className: "".concat(_CheckBoxModule["default"].tick, " ").concat(_CheckBoxModule["default"]["".concat(size, "tick")], " ").concat(customTickSize, " ").concat(disabled ? (0, _CssProvider["default"])('isDisabled') : '')
159
- }, /*#__PURE__*/_react["default"].createElement("polyline", {
160
- points: "12.56 19 19.61 26.06 40.39 5.28",
161
- className: "".concat(_CheckBoxModule["default"].tickPath, " ").concat(_CheckBoxModule["default"].checkedtickPath)
162
- })) : null) : /*#__PURE__*/_react["default"].createElement("svg", {
163
- xmlns: "http://www.w3.org/2000/svg",
164
- viewBox: "0 0 40 40"
165
- }, /*#__PURE__*/_react["default"].createElement("rect", {
166
- xmlns: "http://www.w3.org/2000/svg",
167
- x: "1",
168
- y: "1",
169
- width: "38",
170
- height: "38",
171
- rx: "4",
172
- className: "".concat(_CheckBoxModule["default"].cbBox)
173
- }), checked ? /*#__PURE__*/_react["default"].createElement("line", {
174
- xmlns: "http://www.w3.org/2000/svg",
175
- className: "".concat(_CheckBoxModule["default"].linePath, " ").concat(_CheckBoxModule["default"].cbBox),
176
- x1: "11.47",
177
- y1: "20",
178
- x2: "28.53",
179
- y2: "20"
180
- }) : null))), text && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
181
- flexible: true,
182
- className: _CheckBoxModule["default"].text
183
- }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
184
- text: text,
185
- palette: disabled ? 'disable' : labelPalette,
186
- id: id,
187
- size: labelSize,
188
- type: "title",
189
- clipped: isClipped,
190
- variant: variant,
191
- customClass: "".concat(active && !disabled ? "".concat(_CheckBoxModule["default"]["active".concat(palette, "Label")]) : '', "\n ").concat(checked && active ? "".concat(_CheckBoxModule["default"]["checked".concat(palette, "Label")]) : '', " \n ").concat(accessMode, " ").concat(customLabel),
192
- title: toolTip ? toolTip : text
193
- }, LabelProps))));
194
- }
195
- }]);
196
-
197
- return CheckBox;
198
- }(_react["default"].Component);
199
-
200
- exports["default"] = CheckBox;
201
- CheckBox.defaultProps = {
202
- checked: false,
203
- disabled: false,
204
- isReadOnly: false,
205
- active: false,
206
- labelPalette: 'default',
207
- labelSize: 'medium',
208
- palette: 'primary',
209
- size: 'medium',
210
- isFilled: true,
211
- variant: 'default',
212
- dataId: 'checkBox',
213
- activeStyle: 'tick',
214
- customClass: {},
215
- a11y: {},
216
- isClipped: true,
217
- customProps: {}
218
- };
219
- CheckBox.propTypes = {
220
- active: _propTypes["default"].bool,
221
- activeStyle: _propTypes["default"].oneOf(['tick', 'minus']),
222
- ariaLabel: _propTypes["default"].string,
223
- ariaLabelledby: _propTypes["default"].string,
224
- checked: _propTypes["default"].bool,
225
- dataId: _propTypes["default"].string,
226
- disabled: _propTypes["default"].bool,
227
- disabledTitle: _propTypes["default"].string,
228
- getRef: _propTypes["default"].func,
229
- id: _propTypes["default"].string,
230
- isFilled: _propTypes["default"].bool,
231
- isClipped: _propTypes["default"].bool,
232
- isReadOnly: _propTypes["default"].bool,
233
- labelPalette: _propTypes["default"].oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory']),
234
- labelSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
235
- name: _propTypes["default"].string,
236
- onChange: _propTypes["default"].func,
237
- palette: _propTypes["default"].oneOf(['primary', 'danger']),
238
- size: _propTypes["default"].oneOf(['small', 'medium']),
239
- text: _propTypes["default"].string,
240
- title: _propTypes["default"].string,
241
- variant: _propTypes["default"].oneOf(['default', 'primary']),
242
- customClass: _propTypes["default"].shape({
243
- customCheckBox: _propTypes["default"].string,
244
- customLabel: _propTypes["default"].string,
245
- customCBoxSize: _propTypes["default"].string,
246
- customTickSize: _propTypes["default"].string
247
- }),
248
- a11y: _propTypes["default"].shape({
249
- ariaLabel: _propTypes["default"].string,
250
- ariaLabelledby: _propTypes["default"].string,
251
- ariaHidden: _propTypes["default"].bool,
252
- ariaChecked: _propTypes["default"].bool
253
- }),
254
- customProps: _propTypes["default"].shape({
255
- CheckBoxProps: _propTypes["default"].object,
256
- LabelProps: _propTypes["default"].object
257
- })
258
- };
259
-
260
- if (false) {
261
- CheckBox.docs = {
262
- componentGroup: 'Form Elements',
263
- folderName: 'Style Guide'
264
- };
265
- }