@zohodesk/components 1.0.0-temp-114 → 1.0.0-temp-116

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 (265) hide show
  1. package/README.md +1126 -1118
  2. package/assets/Appearance/dark/mode/darkMode.module.css +168 -168
  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 +164 -164
  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 +170 -170
  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/assets/Contrast/darkContrastLightness.module.css +25 -0
  21. package/assets/Contrast/defaultContrastLightness.module.css +25 -0
  22. package/assets/Contrast/pureDarkContrastLightness.module.css +25 -0
  23. package/css_error.log +5 -0
  24. package/docs/external/active-line.js +72 -72
  25. package/docs/external/autorefresh.js +47 -47
  26. package/docs/external/codemirror.js +9681 -9681
  27. package/docs/external/css/hopscotch.css +576 -576
  28. package/docs/external/css/styleGuide.css +1100 -1100
  29. package/docs/external/css.js +466 -466
  30. package/docs/external/designTokens.js +1 -1
  31. package/docs/external/foldcode.js +151 -151
  32. package/docs/external/format.js +129 -129
  33. package/docs/external/htmlmixed.js +84 -84
  34. package/docs/external/index.html +127 -127
  35. package/docs/external/javascript.js +422 -422
  36. package/docs/external/jsx.js +147 -147
  37. package/docs/external/matchbrackets.js +145 -145
  38. package/docs/external/xml.js +322 -322
  39. package/docs/package.json +41 -41
  40. package/docs/src/index.js +1311 -1311
  41. package/es/AppContainer/AppContainer.module.css +18 -18
  42. package/es/Avatar/Avatar.js +9 -9
  43. package/es/Avatar/Avatar.module.css +135 -135
  44. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  45. package/es/AvatarTeam/AvatarTeam.js +7 -7
  46. package/es/AvatarTeam/AvatarTeam.module.css +161 -161
  47. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  48. package/es/Button/Button.js +4 -4
  49. package/es/Button/Button.module.css +524 -524
  50. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  51. package/es/Button/props/defaultProps.js +2 -1
  52. package/es/Button/props/propTypes.js +2 -1
  53. package/es/Buttongroup/Buttongroup.js +1 -1
  54. package/es/Buttongroup/Buttongroup.module.css +89 -89
  55. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  56. package/es/Card/Card.js +4 -4
  57. package/es/Card/Card.module.css +20 -20
  58. package/es/CheckBox/CheckBox.js +0 -0
  59. package/es/CheckBox/CheckBox.module.css +157 -157
  60. package/es/DateTime/CalendarView.js +0 -0
  61. package/es/DateTime/DateTime.js +0 -0
  62. package/es/DateTime/DateTime.module.css +235 -235
  63. package/es/DateTime/DateWidget.js +0 -0
  64. package/es/DateTime/DateWidget.module.css +38 -38
  65. package/es/DateTime/YearView.js +0 -0
  66. package/es/DateTime/YearView.module.css +98 -98
  67. package/es/DateTime/common.js +0 -0
  68. package/es/DateTime/index.js +0 -0
  69. package/es/DateTime/objectUtils.js +0 -0
  70. package/es/DateTime/typeChecker.js +0 -0
  71. package/es/DateTime/validator.js +0 -0
  72. package/es/DropBox/DropBox.js +0 -0
  73. package/es/DropBox/DropBox.module.css +406 -406
  74. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  75. package/es/DropDown/DropDown.js +0 -0
  76. package/es/DropDown/DropDown.module.css +5 -5
  77. package/es/DropDown/DropDownHeading.js +0 -0
  78. package/es/DropDown/DropDownHeading.module.css +53 -53
  79. package/es/DropDown/DropDownItem.js +0 -0
  80. package/es/DropDown/DropDownItem.module.css +94 -94
  81. package/es/DropDown/DropDownSearch.js +0 -0
  82. package/es/DropDown/DropDownSearch.module.css +14 -14
  83. package/es/DropDown/DropDownSeparator.js +0 -0
  84. package/es/DropDown/DropDownSeparator.module.css +7 -7
  85. package/es/Heading/Heading.module.css +4 -4
  86. package/es/Label/Label.js +2 -2
  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/ListItem.js +0 -0
  95. package/es/ListItem/ListItem.module.css +209 -209
  96. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  97. package/es/MultiSelect/MultiSelect.js +5 -5
  98. package/es/MultiSelect/MultiSelect.module.css +205 -205
  99. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  100. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  101. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  102. package/es/PopOver/PopOver.module.css +8 -8
  103. package/es/Popup/Popup.js +0 -0
  104. package/es/Popup/PositionMapping.json +73 -73
  105. package/es/Radio/Radio.js +0 -0
  106. package/es/Radio/Radio.module.css +112 -112
  107. package/es/Responsive/CustomResponsive.js +0 -0
  108. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  109. package/es/Ribbon/Ribbon.js +0 -0
  110. package/es/Ribbon/Ribbon.module.css +376 -376
  111. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  112. package/es/RippleEffect/RippleEffect.module.css +92 -92
  113. package/es/Select/GroupSelect.js +0 -0
  114. package/es/Select/Select.js +0 -0
  115. package/es/Select/Select.module.css +108 -108
  116. package/es/Select/SelectWithAvatar.js +0 -0
  117. package/es/Select/SelectWithIcon.js +0 -0
  118. package/es/Select/__tests__/Select.spec.js +0 -0
  119. package/es/Stencils/Stencils.js +0 -0
  120. package/es/Stencils/Stencils.module.css +96 -96
  121. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  122. package/es/Switch/Switch.js +5 -7
  123. package/es/Switch/Switch.module.css +110 -110
  124. package/es/Tab/Tab.module.css +101 -101
  125. package/es/Tab/TabContent.module.css +4 -4
  126. package/es/Tab/Tabs.js +17 -17
  127. package/es/Tab/Tabs.module.css +140 -140
  128. package/es/Tag/Tag.js +8 -8
  129. package/es/Tag/Tag.module.css +254 -254
  130. package/es/TextBox/TextBox.js +0 -0
  131. package/es/TextBox/TextBox.module.css +157 -157
  132. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  133. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  134. package/es/TextBoxIcon/TextBoxIcon.module.css +78 -78
  135. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  136. package/es/Textarea/Textarea.js +0 -0
  137. package/es/Textarea/Textarea.module.css +139 -139
  138. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  139. package/es/Tooltip/Tooltip.module.css +109 -109
  140. package/es/common/a11y.module.css +3 -3
  141. package/es/common/animation.module.css +624 -624
  142. package/es/common/avatarsizes.module.css +44 -44
  143. package/es/common/basic.module.css +33 -33
  144. package/es/common/basicReset.module.css +40 -40
  145. package/es/common/common.module.css +524 -524
  146. package/es/common/customscroll.module.css +89 -89
  147. package/es/common/reset.module.css +12 -12
  148. package/es/common/transition.module.css +146 -146
  149. package/es/deprecated/AdvancedMultiSelect.module.css +126 -126
  150. package/es/semantic/Button/semanticButton.module.css +9 -9
  151. package/es/utils/Common.js +0 -0
  152. package/es/utils/dropDownUtils.js +0 -0
  153. package/lib/AppContainer/AppContainer.module.css +18 -18
  154. package/lib/Avatar/Avatar.js +9 -9
  155. package/lib/Avatar/Avatar.module.css +135 -135
  156. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  157. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  158. package/lib/AvatarTeam/AvatarTeam.module.css +161 -161
  159. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  160. package/lib/Button/Button.js +4 -4
  161. package/lib/Button/Button.module.css +524 -524
  162. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  163. package/lib/Button/props/defaultProps.js +2 -1
  164. package/lib/Button/props/propTypes.js +2 -1
  165. package/lib/Buttongroup/Buttongroup.js +1 -1
  166. package/lib/Buttongroup/Buttongroup.module.css +89 -89
  167. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  168. package/lib/Card/Card.js +4 -4
  169. package/lib/Card/Card.module.css +20 -20
  170. package/lib/CheckBox/CheckBox.js +0 -0
  171. package/lib/CheckBox/CheckBox.module.css +157 -157
  172. package/lib/DateTime/CalendarView.js +0 -0
  173. package/lib/DateTime/DateTime.js +0 -0
  174. package/lib/DateTime/DateTime.module.css +235 -235
  175. package/lib/DateTime/DateWidget.js +0 -0
  176. package/lib/DateTime/DateWidget.module.css +38 -38
  177. package/lib/DateTime/YearView.js +0 -0
  178. package/lib/DateTime/YearView.module.css +98 -98
  179. package/lib/DateTime/common.js +0 -0
  180. package/lib/DateTime/index.js +0 -0
  181. package/lib/DateTime/objectUtils.js +0 -0
  182. package/lib/DateTime/typeChecker.js +0 -0
  183. package/lib/DateTime/validator.js +0 -0
  184. package/lib/DropBox/DropBox.js +0 -0
  185. package/lib/DropBox/DropBox.module.css +406 -406
  186. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  187. package/lib/DropDown/DropDown.js +0 -0
  188. package/lib/DropDown/DropDown.module.css +5 -5
  189. package/lib/DropDown/DropDownHeading.js +0 -0
  190. package/lib/DropDown/DropDownHeading.module.css +53 -53
  191. package/lib/DropDown/DropDownItem.js +0 -0
  192. package/lib/DropDown/DropDownItem.module.css +94 -94
  193. package/lib/DropDown/DropDownSearch.js +0 -0
  194. package/lib/DropDown/DropDownSearch.module.css +14 -14
  195. package/lib/DropDown/DropDownSeparator.js +0 -0
  196. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  197. package/lib/Heading/Heading.module.css +4 -4
  198. package/lib/Label/Label.js +0 -0
  199. package/lib/Label/Label.module.css +52 -52
  200. package/lib/Label/LabelColors.module.css +20 -20
  201. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  202. package/lib/Layout/Box.js +0 -0
  203. package/lib/Layout/Container.js +0 -0
  204. package/lib/Layout/Layout.module.css +335 -335
  205. package/lib/Layout/utils.js +0 -0
  206. package/lib/ListItem/ListItem.js +0 -0
  207. package/lib/ListItem/ListItem.module.css +209 -209
  208. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  209. package/lib/MultiSelect/MultiSelect.js +5 -5
  210. package/lib/MultiSelect/MultiSelect.module.css +205 -205
  211. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  212. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  213. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  214. package/lib/PopOver/PopOver.module.css +8 -8
  215. package/lib/Popup/Popup.js +0 -0
  216. package/lib/Popup/PositionMapping.json +73 -73
  217. package/lib/Radio/Radio.js +0 -0
  218. package/lib/Radio/Radio.module.css +112 -112
  219. package/lib/Responsive/CustomResponsive.js +0 -0
  220. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  221. package/lib/Ribbon/Ribbon.js +0 -0
  222. package/lib/Ribbon/Ribbon.module.css +376 -376
  223. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  224. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  225. package/lib/Select/GroupSelect.js +0 -0
  226. package/lib/Select/Select.js +0 -0
  227. package/lib/Select/Select.module.css +108 -108
  228. package/lib/Select/SelectWithAvatar.js +0 -0
  229. package/lib/Select/SelectWithIcon.js +0 -0
  230. package/lib/Select/__tests__/Select.spec.js +0 -0
  231. package/lib/Stencils/Stencils.js +0 -0
  232. package/lib/Stencils/Stencils.module.css +96 -96
  233. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  234. package/lib/Switch/Switch.js +5 -7
  235. package/lib/Switch/Switch.module.css +110 -110
  236. package/lib/Tab/Tab.module.css +101 -101
  237. package/lib/Tab/TabContent.module.css +4 -4
  238. package/lib/Tab/Tabs.js +11 -11
  239. package/lib/Tab/Tabs.module.css +140 -140
  240. package/lib/Tag/Tag.js +8 -8
  241. package/lib/Tag/Tag.module.css +254 -254
  242. package/lib/TextBox/TextBox.js +0 -0
  243. package/lib/TextBox/TextBox.module.css +157 -157
  244. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  245. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  246. package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -78
  247. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  248. package/lib/Textarea/Textarea.js +0 -0
  249. package/lib/Textarea/Textarea.module.css +139 -139
  250. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  251. package/lib/Tooltip/Tooltip.module.css +109 -109
  252. package/lib/common/a11y.module.css +3 -3
  253. package/lib/common/animation.module.css +624 -624
  254. package/lib/common/avatarsizes.module.css +44 -44
  255. package/lib/common/basic.module.css +33 -33
  256. package/lib/common/basicReset.module.css +40 -40
  257. package/lib/common/common.module.css +524 -524
  258. package/lib/common/customscroll.module.css +89 -89
  259. package/lib/common/reset.module.css +12 -12
  260. package/lib/common/transition.module.css +146 -146
  261. package/lib/deprecated/AdvancedMultiSelect.module.css +126 -126
  262. package/lib/semantic/Button/semanticButton.module.css +9 -9
  263. package/lib/utils/Common.js +0 -0
  264. package/lib/utils/dropDownUtils.js +0 -0
  265. package/package.json +103 -98
@@ -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
+ });