@zohodesk/components 1.0.0-temp-117 → 1.0.0-temp-119

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 (304) hide show
  1. package/README.md +1130 -1126
  2. package/assets/Appearance/dark/mode/darkMode.module.css +169 -170
  3. package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +32 -32
  4. package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +32 -32
  5. package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +32 -32
  6. package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +32 -32
  7. package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +32 -32
  8. package/assets/Appearance/default/mode/defaultMode.module.css +165 -166
  9. package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +32 -32
  10. package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +32 -32
  11. package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +32 -32
  12. package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +32 -32
  13. package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +32 -32
  14. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +171 -172
  15. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +32 -32
  16. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +32 -32
  17. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +32 -32
  18. package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +32 -32
  19. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +32 -32
  20. package/css_error.log +0 -5
  21. package/docs/external/active-line.js +72 -72
  22. package/docs/external/autorefresh.js +47 -47
  23. package/docs/external/codemirror.js +9681 -9681
  24. package/docs/external/css/hopscotch.css +576 -576
  25. package/docs/external/css/styleGuide.css +1100 -1100
  26. package/docs/external/css.js +466 -466
  27. package/docs/external/designTokens.js +1 -1
  28. package/docs/external/foldcode.js +151 -151
  29. package/docs/external/format.js +129 -129
  30. package/docs/external/htmlmixed.js +84 -84
  31. package/docs/external/index.html +127 -127
  32. package/docs/external/javascript.js +422 -422
  33. package/docs/external/jsx.js +147 -147
  34. package/docs/external/matchbrackets.js +145 -145
  35. package/docs/external/xml.js +322 -322
  36. package/docs/package.json +41 -41
  37. package/docs/src/index.js +1311 -1311
  38. package/es/Accordion/Accordion.js +7 -6
  39. package/es/Accordion/AccordionItem.js +6 -6
  40. package/es/Animation/Animation.js +9 -8
  41. package/es/AppContainer/AppContainer.js +7 -7
  42. package/es/AppContainer/AppContainer.module.css +18 -18
  43. package/es/Avatar/Avatar.js +18 -18
  44. package/es/Avatar/Avatar.module.css +135 -168
  45. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  46. package/es/AvatarTeam/AvatarTeam.js +15 -14
  47. package/es/AvatarTeam/AvatarTeam.module.css +161 -161
  48. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  49. package/es/Button/Button.js +11 -10
  50. package/es/Button/Button.module.css +525 -543
  51. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  52. package/es/Buttongroup/Buttongroup.js +16 -13
  53. package/es/Buttongroup/Buttongroup.module.css +89 -107
  54. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  55. package/es/Card/Card.js +14 -12
  56. package/es/Card/Card.module.css +20 -20
  57. package/es/CheckBox/CheckBox.js +7 -6
  58. package/es/CheckBox/CheckBox.module.css +157 -157
  59. package/es/DateTime/CalendarView.js +0 -0
  60. package/es/DateTime/DateTime.js +0 -0
  61. package/es/DateTime/DateTime.module.css +235 -235
  62. package/es/DateTime/DateWidget.js +15 -12
  63. package/es/DateTime/DateWidget.module.css +38 -38
  64. package/es/DateTime/YearView.js +0 -0
  65. package/es/DateTime/YearView.module.css +98 -98
  66. package/es/DateTime/common.js +0 -0
  67. package/es/DateTime/index.js +0 -0
  68. package/es/DateTime/objectUtils.js +0 -0
  69. package/es/DateTime/typeChecker.js +0 -0
  70. package/es/DateTime/validator.js +0 -0
  71. package/es/DropBox/DropBox.js +8 -8
  72. package/es/DropBox/DropBox.module.css +406 -489
  73. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  74. package/es/DropDown/DropDown.js +8 -6
  75. package/es/DropDown/DropDown.module.css +5 -5
  76. package/es/DropDown/DropDownHeading.js +7 -6
  77. package/es/DropDown/DropDownHeading.module.css +53 -53
  78. package/es/DropDown/DropDownItem.js +0 -0
  79. package/es/DropDown/DropDownItem.module.css +94 -94
  80. package/es/DropDown/DropDownSearch.js +0 -0
  81. package/es/DropDown/DropDownSearch.module.css +14 -14
  82. package/es/DropDown/DropDownSeparator.js +0 -0
  83. package/es/DropDown/DropDownSeparator.module.css +7 -7
  84. package/es/Heading/Heading.js +7 -6
  85. package/es/Heading/Heading.module.css +4 -4
  86. package/es/Label/Label.js +9 -8
  87. package/es/Label/Label.module.css +52 -52
  88. package/es/Label/LabelColors.module.css +20 -20
  89. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  90. package/es/Layout/Box.js +0 -0
  91. package/es/Layout/Container.js +0 -0
  92. package/es/Layout/Layout.module.css +335 -335
  93. package/es/Layout/utils.js +0 -0
  94. package/es/ListItem/ListContainer.js +7 -6
  95. package/es/ListItem/ListItem.js +7 -6
  96. package/es/ListItem/ListItem.module.css +209 -209
  97. package/es/ListItem/ListItemWithAvatar.js +6 -6
  98. package/es/ListItem/ListItemWithCheckBox.js +6 -6
  99. package/es/ListItem/ListItemWithIcon.js +7 -6
  100. package/es/ListItem/ListItemWithRadio.js +7 -6
  101. package/es/Modal/Modal.js +9 -8
  102. package/es/MultiSelect/AdvancedGroupMultiSelect.js +12 -11
  103. package/es/MultiSelect/AdvancedMultiSelect.js +10 -8
  104. package/es/MultiSelect/MultiSelect.js +12 -11
  105. package/es/MultiSelect/MultiSelect.module.css +205 -205
  106. package/es/MultiSelect/MultiSelectWithAvatar.js +10 -8
  107. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  108. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  109. package/es/PopOver/PopOver.js +8 -8
  110. package/es/PopOver/PopOver.module.css +8 -8
  111. package/es/Popup/Popup.js +0 -0
  112. package/es/Popup/PositionMapping.json +73 -73
  113. package/es/Radio/Radio.js +6 -6
  114. package/es/Radio/Radio.module.css +112 -112
  115. package/es/Responsive/CustomResponsive.js +0 -0
  116. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  117. package/es/Ribbon/Ribbon.js +14 -12
  118. package/es/Ribbon/Ribbon.module.css +376 -454
  119. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  120. package/es/RippleEffect/RippleEffect.js +7 -6
  121. package/es/RippleEffect/RippleEffect.module.css +92 -92
  122. package/es/Select/GroupSelect.js +9 -8
  123. package/es/Select/Select.js +11 -10
  124. package/es/Select/Select.module.css +108 -108
  125. package/es/Select/SelectWithAvatar.js +10 -8
  126. package/es/Select/SelectWithIcon.js +7 -6
  127. package/es/Select/__tests__/Select.spec.js +0 -0
  128. package/es/Stencils/Stencils.js +9 -8
  129. package/es/Stencils/Stencils.module.css +96 -96
  130. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  131. package/es/Switch/Switch.js +7 -6
  132. package/es/Switch/Switch.module.css +110 -127
  133. package/es/Tab/Tab.js +7 -6
  134. package/es/Tab/Tab.module.css +101 -101
  135. package/es/Tab/TabContent.module.css +4 -4
  136. package/es/Tab/Tabs.js +17 -17
  137. package/es/Tab/Tabs.module.css +140 -144
  138. package/es/Tag/Tag.js +14 -14
  139. package/es/Tag/Tag.module.css +254 -254
  140. package/es/TextBox/TextBox.js +9 -8
  141. package/es/TextBox/TextBox.module.css +157 -157
  142. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  143. package/es/TextBoxIcon/TextBoxIcon.js +8 -8
  144. package/es/TextBoxIcon/TextBoxIcon.module.css +78 -78
  145. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  146. package/es/Textarea/Textarea.js +9 -8
  147. package/es/Textarea/Textarea.module.css +139 -139
  148. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  149. package/es/Tooltip/Tooltip.js +9 -8
  150. package/es/Tooltip/Tooltip.module.css +109 -130
  151. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +5 -5
  152. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +6 -5
  153. package/es/common/a11y.module.css +3 -3
  154. package/es/common/animation.module.css +624 -624
  155. package/es/common/avatarsizes.module.css +44 -44
  156. package/es/common/basic.module.css +33 -33
  157. package/es/common/basicReset.module.css +40 -40
  158. package/es/common/common.module.css +524 -524
  159. package/es/common/customscroll.module.css +89 -89
  160. package/es/common/reset.module.css +12 -12
  161. package/es/common/transition.module.css +146 -146
  162. package/es/deprecated/AdvancedMultiSelect.module.css +126 -126
  163. package/es/deprecated/PortalLayer/PortalLayer.js +7 -6
  164. package/es/semantic/Button/Button.js +6 -6
  165. package/es/semantic/Button/semanticButton.module.css +9 -9
  166. package/es/utils/Common.js +0 -0
  167. package/es/utils/dropDownUtils.js +0 -0
  168. package/install.md +10 -10
  169. package/lib/Accordion/Accordion.js +7 -6
  170. package/lib/Accordion/AccordionItem.js +6 -6
  171. package/lib/Animation/Animation.js +9 -8
  172. package/lib/AppContainer/AppContainer.js +7 -7
  173. package/lib/AppContainer/AppContainer.module.css +18 -18
  174. package/lib/Avatar/Avatar.js +18 -18
  175. package/lib/Avatar/Avatar.module.css +135 -168
  176. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  177. package/lib/AvatarTeam/AvatarTeam.js +15 -14
  178. package/lib/AvatarTeam/AvatarTeam.module.css +161 -161
  179. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  180. package/lib/Button/Button.js +11 -10
  181. package/lib/Button/Button.module.css +525 -543
  182. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  183. package/lib/Buttongroup/Buttongroup.js +16 -13
  184. package/lib/Buttongroup/Buttongroup.module.css +89 -107
  185. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  186. package/lib/Card/Card.js +13 -12
  187. package/lib/Card/Card.module.css +20 -20
  188. package/lib/CheckBox/CheckBox.js +7 -6
  189. package/lib/CheckBox/CheckBox.module.css +157 -157
  190. package/lib/DateTime/CalendarView.js +0 -0
  191. package/lib/DateTime/DateTime.js +0 -0
  192. package/lib/DateTime/DateTime.module.css +235 -235
  193. package/lib/DateTime/DateWidget.js +14 -12
  194. package/lib/DateTime/DateWidget.module.css +38 -38
  195. package/lib/DateTime/YearView.js +0 -0
  196. package/lib/DateTime/YearView.module.css +98 -98
  197. package/lib/DateTime/common.js +0 -0
  198. package/lib/DateTime/index.js +0 -0
  199. package/lib/DateTime/objectUtils.js +0 -0
  200. package/lib/DateTime/typeChecker.js +0 -0
  201. package/lib/DateTime/validator.js +0 -0
  202. package/lib/DropBox/DropBox.js +8 -8
  203. package/lib/DropBox/DropBox.module.css +406 -489
  204. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  205. package/lib/DropDown/DropDown.js +7 -6
  206. package/lib/DropDown/DropDown.module.css +5 -5
  207. package/lib/DropDown/DropDownHeading.js +7 -6
  208. package/lib/DropDown/DropDownHeading.module.css +53 -53
  209. package/lib/DropDown/DropDownItem.js +0 -0
  210. package/lib/DropDown/DropDownItem.module.css +94 -94
  211. package/lib/DropDown/DropDownSearch.js +0 -0
  212. package/lib/DropDown/DropDownSearch.module.css +14 -14
  213. package/lib/DropDown/DropDownSeparator.js +0 -0
  214. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  215. package/lib/Heading/Heading.js +7 -6
  216. package/lib/Heading/Heading.module.css +4 -4
  217. package/lib/Label/Label.js +7 -6
  218. package/lib/Label/Label.module.css +52 -52
  219. package/lib/Label/LabelColors.module.css +20 -20
  220. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  221. package/lib/Layout/Box.js +0 -0
  222. package/lib/Layout/Container.js +0 -0
  223. package/lib/Layout/Layout.module.css +335 -335
  224. package/lib/Layout/utils.js +0 -0
  225. package/lib/ListItem/ListContainer.js +7 -8
  226. package/lib/ListItem/ListItem.js +7 -6
  227. package/lib/ListItem/ListItem.module.css +209 -209
  228. package/lib/ListItem/ListItemWithAvatar.js +6 -6
  229. package/lib/ListItem/ListItemWithCheckBox.js +6 -6
  230. package/lib/ListItem/ListItemWithIcon.js +7 -6
  231. package/lib/ListItem/ListItemWithRadio.js +7 -6
  232. package/lib/Modal/Modal.js +9 -8
  233. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +11 -11
  234. package/lib/MultiSelect/AdvancedMultiSelect.js +9 -8
  235. package/lib/MultiSelect/MultiSelect.js +12 -11
  236. package/lib/MultiSelect/MultiSelect.module.css +205 -205
  237. package/lib/MultiSelect/MultiSelectWithAvatar.js +9 -8
  238. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  239. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  240. package/lib/PopOver/PopOver.js +8 -8
  241. package/lib/PopOver/PopOver.module.css +8 -8
  242. package/lib/Popup/Popup.js +0 -0
  243. package/lib/Popup/PositionMapping.json +73 -73
  244. package/lib/Radio/Radio.js +6 -6
  245. package/lib/Radio/Radio.module.css +112 -112
  246. package/lib/Responsive/CustomResponsive.js +0 -0
  247. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  248. package/lib/Ribbon/Ribbon.js +14 -12
  249. package/lib/Ribbon/Ribbon.module.css +376 -454
  250. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  251. package/lib/RippleEffect/RippleEffect.js +7 -6
  252. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  253. package/lib/Select/GroupSelect.js +9 -10
  254. package/lib/Select/Select.js +11 -12
  255. package/lib/Select/Select.module.css +108 -108
  256. package/lib/Select/SelectWithAvatar.js +9 -8
  257. package/lib/Select/SelectWithIcon.js +7 -6
  258. package/lib/Select/__tests__/Select.spec.js +0 -0
  259. package/lib/Stencils/Stencils.js +9 -8
  260. package/lib/Stencils/Stencils.module.css +96 -96
  261. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  262. package/lib/Switch/Switch.js +7 -6
  263. package/lib/Switch/Switch.module.css +110 -127
  264. package/lib/Tab/Tab.js +7 -6
  265. package/lib/Tab/Tab.module.css +101 -101
  266. package/lib/Tab/TabContent.module.css +4 -4
  267. package/lib/Tab/Tabs.js +11 -11
  268. package/lib/Tab/Tabs.module.css +140 -144
  269. package/lib/Tag/Tag.js +14 -14
  270. package/lib/Tag/Tag.module.css +254 -254
  271. package/lib/TextBox/TextBox.js +9 -8
  272. package/lib/TextBox/TextBox.module.css +157 -157
  273. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  274. package/lib/TextBoxIcon/TextBoxIcon.js +8 -8
  275. package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -78
  276. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  277. package/lib/Textarea/Textarea.js +9 -8
  278. package/lib/Textarea/Textarea.module.css +139 -139
  279. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  280. package/lib/Tooltip/Tooltip.js +9 -8
  281. package/lib/Tooltip/Tooltip.module.css +109 -130
  282. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +5 -5
  283. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +6 -5
  284. package/lib/common/a11y.module.css +3 -3
  285. package/lib/common/animation.module.css +624 -624
  286. package/lib/common/avatarsizes.module.css +44 -44
  287. package/lib/common/basic.module.css +33 -33
  288. package/lib/common/basicReset.module.css +40 -40
  289. package/lib/common/common.module.css +524 -524
  290. package/lib/common/customscroll.module.css +89 -89
  291. package/lib/common/reset.module.css +12 -12
  292. package/lib/common/transition.module.css +146 -146
  293. package/lib/deprecated/AdvancedMultiSelect.module.css +126 -126
  294. package/lib/deprecated/PortalLayer/PortalLayer.js +7 -6
  295. package/lib/semantic/Button/Button.js +6 -6
  296. package/lib/semantic/Button/semanticButton.module.css +9 -9
  297. package/lib/utils/Common.js +0 -0
  298. package/lib/utils/dropDownUtils.js +0 -0
  299. package/package.json +102 -102
  300. package/assets/Contrast/darkContrastLightness.module.css +0 -27
  301. package/assets/Contrast/defaultContrastLightness.module.css +0 -27
  302. package/assets/Contrast/pureDarkContrastLightness.module.css +0 -27
  303. package/es/common/boxShadow.module.css +0 -75
  304. package/lib/common/boxShadow.module.css +0 -75
@@ -1,148 +1,148 @@
1
- // CodeMirror, copyright (c) by Marijn Haverbeke and others
2
- // Distributed under an MIT license: http://codemirror.net/LICENSE
3
-
4
- (function(mod) {
5
- if (typeof exports == "object" && typeof module == "object") // CommonJS
6
- mod(require("../../lib/codemirror"), require("../xml/xml"), require("../javascript/javascript"))
7
- else if (typeof define == "function" && define.amd) // AMD
8
- define(["../../lib/codemirror", "../xml/xml", "../javascript/javascript"], mod)
9
- else // Plain browser env
10
- mod(CodeMirror)
11
- })(function(CodeMirror) {
12
- "use strict"
13
-
14
- // Depth means the amount of open braces in JS context, in XML
15
- // context 0 means not in tag, 1 means in tag, and 2 means in tag
16
- // and js block comment.
17
- function Context(state, mode, depth, prev) {
18
- this.state = state; this.mode = mode; this.depth = depth; this.prev = prev
19
- }
20
-
21
- function copyContext(context) {
22
- return new Context(CodeMirror.copyState(context.mode, context.state),
23
- context.mode,
24
- context.depth,
25
- context.prev && copyContext(context.prev))
26
- }
27
-
28
- CodeMirror.defineMode("jsx", function(config, modeConfig) {
29
- var xmlMode = CodeMirror.getMode(config, {name: "xml", allowMissing: true, multilineTagIndentPastTag: false, allowMissingTagName: true})
30
- var jsMode = CodeMirror.getMode(config, modeConfig && modeConfig.base || "javascript")
31
-
32
- function flatXMLIndent(state) {
33
- var tagName = state.tagName
34
- state.tagName = null
35
- var result = xmlMode.indent(state, "")
36
- state.tagName = tagName
37
- return result
38
- }
39
-
40
- function token(stream, state) {
41
- if (state.context.mode == xmlMode)
42
- return xmlToken(stream, state, state.context)
43
- else
44
- return jsToken(stream, state, state.context)
45
- }
46
-
47
- function xmlToken(stream, state, cx) {
48
- if (cx.depth == 2) { // Inside a JS /* */ comment
49
- if (stream.match(/^.*?\*\//)) cx.depth = 1
50
- else stream.skipToEnd()
51
- return "comment"
52
- }
53
-
54
- if (stream.peek() == "{") {
55
- xmlMode.skipAttribute(cx.state)
56
-
57
- var indent = flatXMLIndent(cx.state), xmlContext = cx.state.context
58
- // If JS starts on same line as tag
59
- if (xmlContext && stream.match(/^[^>]*>\s*$/, false)) {
60
- while (xmlContext.prev && !xmlContext.startOfLine)
61
- xmlContext = xmlContext.prev
62
- // If tag starts the line, use XML indentation level
63
- if (xmlContext.startOfLine) indent -= config.indentUnit
64
- // Else use JS indentation level
65
- else if (cx.prev.state.lexical) indent = cx.prev.state.lexical.indented
66
- // Else if inside of tag
67
- } else if (cx.depth == 1) {
68
- indent += config.indentUnit
69
- }
70
-
71
- state.context = new Context(CodeMirror.startState(jsMode, indent),
72
- jsMode, 0, state.context)
73
- return null
74
- }
75
-
76
- if (cx.depth == 1) { // Inside of tag
77
- if (stream.peek() == "<") { // Tag inside of tag
78
- xmlMode.skipAttribute(cx.state)
79
- state.context = new Context(CodeMirror.startState(xmlMode, flatXMLIndent(cx.state)),
80
- xmlMode, 0, state.context)
81
- return null
82
- } else if (stream.match("//")) {
83
- stream.skipToEnd()
84
- return "comment"
85
- } else if (stream.match("/*")) {
86
- cx.depth = 2
87
- return token(stream, state)
88
- }
89
- }
90
-
91
- var style = xmlMode.token(stream, cx.state), cur = stream.current(), stop
92
- if (/\btag\b/.test(style)) {
93
- if (/>$/.test(cur)) {
94
- if (cx.state.context) cx.depth = 0
95
- else state.context = state.context.prev
96
- } else if (/^</.test(cur)) {
97
- cx.depth = 1
98
- }
99
- } else if (!style && (stop = cur.indexOf("{")) > -1) {
100
- stream.backUp(cur.length - stop)
101
- }
102
- return style
103
- }
104
-
105
- function jsToken(stream, state, cx) {
106
- if (stream.peek() == "<" && jsMode.expressionAllowed(stream, cx.state)) {
107
- jsMode.skipExpression(cx.state)
108
- state.context = new Context(CodeMirror.startState(xmlMode, jsMode.indent(cx.state, "")),
109
- xmlMode, 0, state.context)
110
- return null
111
- }
112
-
113
- var style = jsMode.token(stream, cx.state)
114
- if (!style && cx.depth != null) {
115
- var cur = stream.current()
116
- if (cur == "{") {
117
- cx.depth++
118
- } else if (cur == "}") {
119
- if (--cx.depth == 0) state.context = state.context.prev
120
- }
121
- }
122
- return style
123
- }
124
-
125
- return {
126
- startState: function() {
127
- return {context: new Context(CodeMirror.startState(jsMode), jsMode)}
128
- },
129
-
130
- copyState: function(state) {
131
- return {context: copyContext(state.context)}
132
- },
133
-
134
- token: token,
135
-
136
- indent: function(state, textAfter, fullLine) {
137
- return state.context.mode.indent(state.context.state, textAfter, fullLine)
138
- },
139
-
140
- innerMode: function(state) {
141
- return state.context
142
- }
143
- }
144
- }, "xml", "javascript")
145
-
146
- CodeMirror.defineMIME("text/jsx", "jsx")
147
- CodeMirror.defineMIME("text/typescript-jsx", {name: "jsx", base: {name: "javascript", typescript: true}})
1
+ // CodeMirror, copyright (c) by Marijn Haverbeke and others
2
+ // Distributed under an MIT license: http://codemirror.net/LICENSE
3
+
4
+ (function(mod) {
5
+ if (typeof exports == "object" && typeof module == "object") // CommonJS
6
+ mod(require("../../lib/codemirror"), require("../xml/xml"), require("../javascript/javascript"))
7
+ else if (typeof define == "function" && define.amd) // AMD
8
+ define(["../../lib/codemirror", "../xml/xml", "../javascript/javascript"], mod)
9
+ else // Plain browser env
10
+ mod(CodeMirror)
11
+ })(function(CodeMirror) {
12
+ "use strict"
13
+
14
+ // Depth means the amount of open braces in JS context, in XML
15
+ // context 0 means not in tag, 1 means in tag, and 2 means in tag
16
+ // and js block comment.
17
+ function Context(state, mode, depth, prev) {
18
+ this.state = state; this.mode = mode; this.depth = depth; this.prev = prev
19
+ }
20
+
21
+ function copyContext(context) {
22
+ return new Context(CodeMirror.copyState(context.mode, context.state),
23
+ context.mode,
24
+ context.depth,
25
+ context.prev && copyContext(context.prev))
26
+ }
27
+
28
+ CodeMirror.defineMode("jsx", function(config, modeConfig) {
29
+ var xmlMode = CodeMirror.getMode(config, {name: "xml", allowMissing: true, multilineTagIndentPastTag: false, allowMissingTagName: true})
30
+ var jsMode = CodeMirror.getMode(config, modeConfig && modeConfig.base || "javascript")
31
+
32
+ function flatXMLIndent(state) {
33
+ var tagName = state.tagName
34
+ state.tagName = null
35
+ var result = xmlMode.indent(state, "")
36
+ state.tagName = tagName
37
+ return result
38
+ }
39
+
40
+ function token(stream, state) {
41
+ if (state.context.mode == xmlMode)
42
+ return xmlToken(stream, state, state.context)
43
+ else
44
+ return jsToken(stream, state, state.context)
45
+ }
46
+
47
+ function xmlToken(stream, state, cx) {
48
+ if (cx.depth == 2) { // Inside a JS /* */ comment
49
+ if (stream.match(/^.*?\*\//)) cx.depth = 1
50
+ else stream.skipToEnd()
51
+ return "comment"
52
+ }
53
+
54
+ if (stream.peek() == "{") {
55
+ xmlMode.skipAttribute(cx.state)
56
+
57
+ var indent = flatXMLIndent(cx.state), xmlContext = cx.state.context
58
+ // If JS starts on same line as tag
59
+ if (xmlContext && stream.match(/^[^>]*>\s*$/, false)) {
60
+ while (xmlContext.prev && !xmlContext.startOfLine)
61
+ xmlContext = xmlContext.prev
62
+ // If tag starts the line, use XML indentation level
63
+ if (xmlContext.startOfLine) indent -= config.indentUnit
64
+ // Else use JS indentation level
65
+ else if (cx.prev.state.lexical) indent = cx.prev.state.lexical.indented
66
+ // Else if inside of tag
67
+ } else if (cx.depth == 1) {
68
+ indent += config.indentUnit
69
+ }
70
+
71
+ state.context = new Context(CodeMirror.startState(jsMode, indent),
72
+ jsMode, 0, state.context)
73
+ return null
74
+ }
75
+
76
+ if (cx.depth == 1) { // Inside of tag
77
+ if (stream.peek() == "<") { // Tag inside of tag
78
+ xmlMode.skipAttribute(cx.state)
79
+ state.context = new Context(CodeMirror.startState(xmlMode, flatXMLIndent(cx.state)),
80
+ xmlMode, 0, state.context)
81
+ return null
82
+ } else if (stream.match("//")) {
83
+ stream.skipToEnd()
84
+ return "comment"
85
+ } else if (stream.match("/*")) {
86
+ cx.depth = 2
87
+ return token(stream, state)
88
+ }
89
+ }
90
+
91
+ var style = xmlMode.token(stream, cx.state), cur = stream.current(), stop
92
+ if (/\btag\b/.test(style)) {
93
+ if (/>$/.test(cur)) {
94
+ if (cx.state.context) cx.depth = 0
95
+ else state.context = state.context.prev
96
+ } else if (/^</.test(cur)) {
97
+ cx.depth = 1
98
+ }
99
+ } else if (!style && (stop = cur.indexOf("{")) > -1) {
100
+ stream.backUp(cur.length - stop)
101
+ }
102
+ return style
103
+ }
104
+
105
+ function jsToken(stream, state, cx) {
106
+ if (stream.peek() == "<" && jsMode.expressionAllowed(stream, cx.state)) {
107
+ jsMode.skipExpression(cx.state)
108
+ state.context = new Context(CodeMirror.startState(xmlMode, jsMode.indent(cx.state, "")),
109
+ xmlMode, 0, state.context)
110
+ return null
111
+ }
112
+
113
+ var style = jsMode.token(stream, cx.state)
114
+ if (!style && cx.depth != null) {
115
+ var cur = stream.current()
116
+ if (cur == "{") {
117
+ cx.depth++
118
+ } else if (cur == "}") {
119
+ if (--cx.depth == 0) state.context = state.context.prev
120
+ }
121
+ }
122
+ return style
123
+ }
124
+
125
+ return {
126
+ startState: function() {
127
+ return {context: new Context(CodeMirror.startState(jsMode), jsMode)}
128
+ },
129
+
130
+ copyState: function(state) {
131
+ return {context: copyContext(state.context)}
132
+ },
133
+
134
+ token: token,
135
+
136
+ indent: function(state, textAfter, fullLine) {
137
+ return state.context.mode.indent(state.context.state, textAfter, fullLine)
138
+ },
139
+
140
+ innerMode: function(state) {
141
+ return state.context
142
+ }
143
+ }
144
+ }, "xml", "javascript")
145
+
146
+ CodeMirror.defineMIME("text/jsx", "jsx")
147
+ CodeMirror.defineMIME("text/typescript-jsx", {name: "jsx", base: {name: "javascript", typescript: true}})
148
148
  });
@@ -1,145 +1,145 @@
1
- // CodeMirror, copyright (c) by Marijn Haverbeke and others
2
- // Distributed under an MIT license: http://codemirror.net/LICENSE
3
-
4
- (function(mod) {
5
- if (typeof exports == "object" && typeof module == "object") // CommonJS
6
- mod(require("../../lib/codemirror"));
7
- else if (typeof define == "function" && define.amd) // AMD
8
- define(["../../lib/codemirror"], mod);
9
- else // Plain browser env
10
- mod(CodeMirror);
11
- })(function(CodeMirror) {
12
- var ie_lt8 = /MSIE \d/.test(navigator.userAgent) &&
13
- (document.documentMode == null || document.documentMode < 8);
14
-
15
- var Pos = CodeMirror.Pos;
16
-
17
- var matching = {"(": ")>", ")": "(<", "[": "]>", "]": "[<", "{": "}>", "}": "{<"};
18
-
19
- function findMatchingBracket(cm, where, config) {
20
- var line = cm.getLineHandle(where.line), pos = where.ch - 1;
21
- var afterCursor = config && config.afterCursor
22
- if (afterCursor == null)
23
- afterCursor = /(^| )cm-fat-cursor($| )/.test(cm.getWrapperElement().className)
24
-
25
- // A cursor is defined as between two characters, but in in vim command mode
26
- // (i.e. not insert mode), the cursor is visually represented as a
27
- // highlighted box on top of the 2nd character. Otherwise, we allow matches
28
- // from before or after the cursor.
29
- var match = (!afterCursor && pos >= 0 && matching[line.text.charAt(pos)]) ||
30
- matching[line.text.charAt(++pos)];
31
- if (!match) return null;
32
- var dir = match.charAt(1) == ">" ? 1 : -1;
33
- if (config && config.strict && (dir > 0) != (pos == where.ch)) return null;
34
- var style = cm.getTokenTypeAt(Pos(where.line, pos + 1));
35
-
36
- var found = scanForBracket(cm, Pos(where.line, pos + (dir > 0 ? 1 : 0)), dir, style || null, config);
37
- if (found == null) return null;
38
- return {from: Pos(where.line, pos), to: found && found.pos,
39
- match: found && found.ch == match.charAt(0), forward: dir > 0};
40
- }
41
-
42
- // bracketRegex is used to specify which type of bracket to scan
43
- // should be a regexp, e.g. /[[\]]/
44
- //
45
- // Note: If "where" is on an open bracket, then this bracket is ignored.
46
- //
47
- // Returns false when no bracket was found, null when it reached
48
- // maxScanLines and gave up
49
- function scanForBracket(cm, where, dir, style, config) {
50
- var maxScanLen = (config && config.maxScanLineLength) || 10000;
51
- var maxScanLines = (config && config.maxScanLines) || 1000;
52
-
53
- var stack = [];
54
- var re = config && config.bracketRegex ? config.bracketRegex : /[(){}[\]]/;
55
- var lineEnd = dir > 0 ? Math.min(where.line + maxScanLines, cm.lastLine() + 1)
56
- : Math.max(cm.firstLine() - 1, where.line - maxScanLines);
57
- for (var lineNo = where.line; lineNo != lineEnd; lineNo += dir) {
58
- var line = cm.getLine(lineNo);
59
- if (!line) continue;
60
- var pos = dir > 0 ? 0 : line.length - 1, end = dir > 0 ? line.length : -1;
61
- if (line.length > maxScanLen) continue;
62
- if (lineNo == where.line) pos = where.ch - (dir < 0 ? 1 : 0);
63
- for (; pos != end; pos += dir) {
64
- var ch = line.charAt(pos);
65
- if (re.test(ch) && (style === undefined || cm.getTokenTypeAt(Pos(lineNo, pos + 1)) == style)) {
66
- var match = matching[ch];
67
- if ((match.charAt(1) == ">") == (dir > 0)) stack.push(ch);
68
- else if (!stack.length) return {pos: Pos(lineNo, pos), ch: ch};
69
- else stack.pop();
70
- }
71
- }
72
- }
73
- return lineNo - dir == (dir > 0 ? cm.lastLine() : cm.firstLine()) ? false : null;
74
- }
75
-
76
- function matchBrackets(cm, autoclear, config) {
77
- // Disable brace matching in long lines, since it'll cause hugely slow updates
78
- var maxHighlightLen = cm.state.matchBrackets.maxHighlightLineLength || 1000;
79
- var marks = [], ranges = cm.listSelections();
80
- for (var i = 0; i < ranges.length; i++) {
81
- var match = ranges[i].empty() && findMatchingBracket(cm, ranges[i].head, config);
82
- if (match && cm.getLine(match.from.line).length <= maxHighlightLen) {
83
- var style = match.match ? "CodeMirror-matchingbracket" : "CodeMirror-nonmatchingbracket";
84
- marks.push(cm.markText(match.from, Pos(match.from.line, match.from.ch + 1), {className: style}));
85
- if (match.to && cm.getLine(match.to.line).length <= maxHighlightLen)
86
- marks.push(cm.markText(match.to, Pos(match.to.line, match.to.ch + 1), {className: style}));
87
- }
88
- }
89
-
90
- if (marks.length) {
91
- // Kludge to work around the IE bug from issue #1193, where text
92
- // input stops going to the textare whever this fires.
93
- if (ie_lt8 && cm.state.focused) cm.focus();
94
-
95
- var clear = function() {
96
- cm.operation(function() {
97
- for (var i = 0; i < marks.length; i++) marks[i].clear();
98
- });
99
- };
100
- if (autoclear) setTimeout(clear, 800);
101
- else return clear;
102
- }
103
- }
104
-
105
- function doMatchBrackets(cm) {
106
- cm.operation(function() {
107
- if (cm.state.matchBrackets.currentlyHighlighted) {
108
- cm.state.matchBrackets.currentlyHighlighted();
109
- cm.state.matchBrackets.currentlyHighlighted = null;
110
- }
111
- cm.state.matchBrackets.currentlyHighlighted = matchBrackets(cm, false, cm.state.matchBrackets);
112
- });
113
- }
114
-
115
- CodeMirror.defineOption("matchBrackets", false, function(cm, val, old) {
116
- if (old && old != CodeMirror.Init) {
117
- cm.off("cursorActivity", doMatchBrackets);
118
- if (cm.state.matchBrackets && cm.state.matchBrackets.currentlyHighlighted) {
119
- cm.state.matchBrackets.currentlyHighlighted();
120
- cm.state.matchBrackets.currentlyHighlighted = null;
121
- }
122
- }
123
- if (val) {
124
- cm.state.matchBrackets = typeof val == "object" ? val : {};
125
- cm.on("cursorActivity", doMatchBrackets);
126
- }
127
- });
128
-
129
- CodeMirror.defineExtension("matchBrackets", function() {matchBrackets(this, true);});
130
- CodeMirror.defineExtension("findMatchingBracket", function(pos, config, oldConfig){
131
- // Backwards-compatibility kludge
132
- if (oldConfig || typeof config == "boolean") {
133
- if (!oldConfig) {
134
- config = config ? {strict: true} : null
135
- } else {
136
- oldConfig.strict = config
137
- config = oldConfig
138
- }
139
- }
140
- return findMatchingBracket(this, pos, config)
141
- });
142
- CodeMirror.defineExtension("scanForBracket", function(pos, dir, style, config){
143
- return scanForBracket(this, pos, dir, style, config);
144
- });
145
- });
1
+ // CodeMirror, copyright (c) by Marijn Haverbeke and others
2
+ // Distributed under an MIT license: http://codemirror.net/LICENSE
3
+
4
+ (function(mod) {
5
+ if (typeof exports == "object" && typeof module == "object") // CommonJS
6
+ mod(require("../../lib/codemirror"));
7
+ else if (typeof define == "function" && define.amd) // AMD
8
+ define(["../../lib/codemirror"], mod);
9
+ else // Plain browser env
10
+ mod(CodeMirror);
11
+ })(function(CodeMirror) {
12
+ var ie_lt8 = /MSIE \d/.test(navigator.userAgent) &&
13
+ (document.documentMode == null || document.documentMode < 8);
14
+
15
+ var Pos = CodeMirror.Pos;
16
+
17
+ var matching = {"(": ")>", ")": "(<", "[": "]>", "]": "[<", "{": "}>", "}": "{<"};
18
+
19
+ function findMatchingBracket(cm, where, config) {
20
+ var line = cm.getLineHandle(where.line), pos = where.ch - 1;
21
+ var afterCursor = config && config.afterCursor
22
+ if (afterCursor == null)
23
+ afterCursor = /(^| )cm-fat-cursor($| )/.test(cm.getWrapperElement().className)
24
+
25
+ // A cursor is defined as between two characters, but in in vim command mode
26
+ // (i.e. not insert mode), the cursor is visually represented as a
27
+ // highlighted box on top of the 2nd character. Otherwise, we allow matches
28
+ // from before or after the cursor.
29
+ var match = (!afterCursor && pos >= 0 && matching[line.text.charAt(pos)]) ||
30
+ matching[line.text.charAt(++pos)];
31
+ if (!match) return null;
32
+ var dir = match.charAt(1) == ">" ? 1 : -1;
33
+ if (config && config.strict && (dir > 0) != (pos == where.ch)) return null;
34
+ var style = cm.getTokenTypeAt(Pos(where.line, pos + 1));
35
+
36
+ var found = scanForBracket(cm, Pos(where.line, pos + (dir > 0 ? 1 : 0)), dir, style || null, config);
37
+ if (found == null) return null;
38
+ return {from: Pos(where.line, pos), to: found && found.pos,
39
+ match: found && found.ch == match.charAt(0), forward: dir > 0};
40
+ }
41
+
42
+ // bracketRegex is used to specify which type of bracket to scan
43
+ // should be a regexp, e.g. /[[\]]/
44
+ //
45
+ // Note: If "where" is on an open bracket, then this bracket is ignored.
46
+ //
47
+ // Returns false when no bracket was found, null when it reached
48
+ // maxScanLines and gave up
49
+ function scanForBracket(cm, where, dir, style, config) {
50
+ var maxScanLen = (config && config.maxScanLineLength) || 10000;
51
+ var maxScanLines = (config && config.maxScanLines) || 1000;
52
+
53
+ var stack = [];
54
+ var re = config && config.bracketRegex ? config.bracketRegex : /[(){}[\]]/;
55
+ var lineEnd = dir > 0 ? Math.min(where.line + maxScanLines, cm.lastLine() + 1)
56
+ : Math.max(cm.firstLine() - 1, where.line - maxScanLines);
57
+ for (var lineNo = where.line; lineNo != lineEnd; lineNo += dir) {
58
+ var line = cm.getLine(lineNo);
59
+ if (!line) continue;
60
+ var pos = dir > 0 ? 0 : line.length - 1, end = dir > 0 ? line.length : -1;
61
+ if (line.length > maxScanLen) continue;
62
+ if (lineNo == where.line) pos = where.ch - (dir < 0 ? 1 : 0);
63
+ for (; pos != end; pos += dir) {
64
+ var ch = line.charAt(pos);
65
+ if (re.test(ch) && (style === undefined || cm.getTokenTypeAt(Pos(lineNo, pos + 1)) == style)) {
66
+ var match = matching[ch];
67
+ if ((match.charAt(1) == ">") == (dir > 0)) stack.push(ch);
68
+ else if (!stack.length) return {pos: Pos(lineNo, pos), ch: ch};
69
+ else stack.pop();
70
+ }
71
+ }
72
+ }
73
+ return lineNo - dir == (dir > 0 ? cm.lastLine() : cm.firstLine()) ? false : null;
74
+ }
75
+
76
+ function matchBrackets(cm, autoclear, config) {
77
+ // Disable brace matching in long lines, since it'll cause hugely slow updates
78
+ var maxHighlightLen = cm.state.matchBrackets.maxHighlightLineLength || 1000;
79
+ var marks = [], ranges = cm.listSelections();
80
+ for (var i = 0; i < ranges.length; i++) {
81
+ var match = ranges[i].empty() && findMatchingBracket(cm, ranges[i].head, config);
82
+ if (match && cm.getLine(match.from.line).length <= maxHighlightLen) {
83
+ var style = match.match ? "CodeMirror-matchingbracket" : "CodeMirror-nonmatchingbracket";
84
+ marks.push(cm.markText(match.from, Pos(match.from.line, match.from.ch + 1), {className: style}));
85
+ if (match.to && cm.getLine(match.to.line).length <= maxHighlightLen)
86
+ marks.push(cm.markText(match.to, Pos(match.to.line, match.to.ch + 1), {className: style}));
87
+ }
88
+ }
89
+
90
+ if (marks.length) {
91
+ // Kludge to work around the IE bug from issue #1193, where text
92
+ // input stops going to the textare whever this fires.
93
+ if (ie_lt8 && cm.state.focused) cm.focus();
94
+
95
+ var clear = function() {
96
+ cm.operation(function() {
97
+ for (var i = 0; i < marks.length; i++) marks[i].clear();
98
+ });
99
+ };
100
+ if (autoclear) setTimeout(clear, 800);
101
+ else return clear;
102
+ }
103
+ }
104
+
105
+ function doMatchBrackets(cm) {
106
+ cm.operation(function() {
107
+ if (cm.state.matchBrackets.currentlyHighlighted) {
108
+ cm.state.matchBrackets.currentlyHighlighted();
109
+ cm.state.matchBrackets.currentlyHighlighted = null;
110
+ }
111
+ cm.state.matchBrackets.currentlyHighlighted = matchBrackets(cm, false, cm.state.matchBrackets);
112
+ });
113
+ }
114
+
115
+ CodeMirror.defineOption("matchBrackets", false, function(cm, val, old) {
116
+ if (old && old != CodeMirror.Init) {
117
+ cm.off("cursorActivity", doMatchBrackets);
118
+ if (cm.state.matchBrackets && cm.state.matchBrackets.currentlyHighlighted) {
119
+ cm.state.matchBrackets.currentlyHighlighted();
120
+ cm.state.matchBrackets.currentlyHighlighted = null;
121
+ }
122
+ }
123
+ if (val) {
124
+ cm.state.matchBrackets = typeof val == "object" ? val : {};
125
+ cm.on("cursorActivity", doMatchBrackets);
126
+ }
127
+ });
128
+
129
+ CodeMirror.defineExtension("matchBrackets", function() {matchBrackets(this, true);});
130
+ CodeMirror.defineExtension("findMatchingBracket", function(pos, config, oldConfig){
131
+ // Backwards-compatibility kludge
132
+ if (oldConfig || typeof config == "boolean") {
133
+ if (!oldConfig) {
134
+ config = config ? {strict: true} : null
135
+ } else {
136
+ oldConfig.strict = config
137
+ config = oldConfig
138
+ }
139
+ }
140
+ return findMatchingBracket(this, pos, config)
141
+ });
142
+ CodeMirror.defineExtension("scanForBracket", function(pos, dir, style, config){
143
+ return scanForBracket(this, pos, dir, style, config);
144
+ });
145
+ });