@zohodesk/components 1.0.0-temp-115 → 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 (261) 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/Buttongroup/Buttongroup.js +1 -1
  52. package/es/Buttongroup/Buttongroup.module.css +89 -89
  53. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  54. package/es/Card/Card.js +4 -4
  55. package/es/Card/Card.module.css +20 -20
  56. package/es/CheckBox/CheckBox.js +0 -0
  57. package/es/CheckBox/CheckBox.module.css +157 -157
  58. package/es/DateTime/CalendarView.js +0 -0
  59. package/es/DateTime/DateTime.js +0 -0
  60. package/es/DateTime/DateTime.module.css +235 -235
  61. package/es/DateTime/DateWidget.js +0 -0
  62. package/es/DateTime/DateWidget.module.css +38 -38
  63. package/es/DateTime/YearView.js +0 -0
  64. package/es/DateTime/YearView.module.css +98 -98
  65. package/es/DateTime/common.js +0 -0
  66. package/es/DateTime/index.js +0 -0
  67. package/es/DateTime/objectUtils.js +0 -0
  68. package/es/DateTime/typeChecker.js +0 -0
  69. package/es/DateTime/validator.js +0 -0
  70. package/es/DropBox/DropBox.js +0 -0
  71. package/es/DropBox/DropBox.module.css +406 -406
  72. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  73. package/es/DropDown/DropDown.js +0 -0
  74. package/es/DropDown/DropDown.module.css +5 -5
  75. package/es/DropDown/DropDownHeading.js +0 -0
  76. package/es/DropDown/DropDownHeading.module.css +53 -53
  77. package/es/DropDown/DropDownItem.js +0 -0
  78. package/es/DropDown/DropDownItem.module.css +94 -94
  79. package/es/DropDown/DropDownSearch.js +0 -0
  80. package/es/DropDown/DropDownSearch.module.css +14 -14
  81. package/es/DropDown/DropDownSeparator.js +0 -0
  82. package/es/DropDown/DropDownSeparator.module.css +7 -7
  83. package/es/Heading/Heading.module.css +4 -4
  84. package/es/Label/Label.js +2 -2
  85. package/es/Label/Label.module.css +52 -52
  86. package/es/Label/LabelColors.module.css +20 -20
  87. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  88. package/es/Layout/Box.js +0 -0
  89. package/es/Layout/Container.js +0 -0
  90. package/es/Layout/Layout.module.css +335 -335
  91. package/es/Layout/utils.js +0 -0
  92. package/es/ListItem/ListItem.js +0 -0
  93. package/es/ListItem/ListItem.module.css +209 -209
  94. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  95. package/es/MultiSelect/MultiSelect.js +5 -5
  96. package/es/MultiSelect/MultiSelect.module.css +205 -205
  97. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  98. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  99. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  100. package/es/PopOver/PopOver.module.css +8 -8
  101. package/es/Popup/Popup.js +0 -0
  102. package/es/Popup/PositionMapping.json +73 -73
  103. package/es/Radio/Radio.js +0 -0
  104. package/es/Radio/Radio.module.css +112 -112
  105. package/es/Responsive/CustomResponsive.js +0 -0
  106. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  107. package/es/Ribbon/Ribbon.js +0 -0
  108. package/es/Ribbon/Ribbon.module.css +376 -376
  109. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  110. package/es/RippleEffect/RippleEffect.module.css +92 -92
  111. package/es/Select/GroupSelect.js +0 -0
  112. package/es/Select/Select.js +0 -0
  113. package/es/Select/Select.module.css +108 -108
  114. package/es/Select/SelectWithAvatar.js +0 -0
  115. package/es/Select/SelectWithIcon.js +0 -0
  116. package/es/Select/__tests__/Select.spec.js +0 -0
  117. package/es/Stencils/Stencils.js +0 -0
  118. package/es/Stencils/Stencils.module.css +96 -96
  119. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  120. package/es/Switch/Switch.js +0 -0
  121. package/es/Switch/Switch.module.css +110 -110
  122. package/es/Tab/Tab.module.css +101 -101
  123. package/es/Tab/TabContent.module.css +4 -4
  124. package/es/Tab/Tabs.js +17 -17
  125. package/es/Tab/Tabs.module.css +140 -140
  126. package/es/Tag/Tag.js +8 -8
  127. package/es/Tag/Tag.module.css +254 -254
  128. package/es/TextBox/TextBox.js +0 -0
  129. package/es/TextBox/TextBox.module.css +157 -157
  130. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  131. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  132. package/es/TextBoxIcon/TextBoxIcon.module.css +78 -78
  133. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  134. package/es/Textarea/Textarea.js +0 -0
  135. package/es/Textarea/Textarea.module.css +139 -139
  136. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  137. package/es/Tooltip/Tooltip.module.css +109 -109
  138. package/es/common/a11y.module.css +3 -3
  139. package/es/common/animation.module.css +624 -624
  140. package/es/common/avatarsizes.module.css +44 -44
  141. package/es/common/basic.module.css +33 -33
  142. package/es/common/basicReset.module.css +40 -40
  143. package/es/common/common.module.css +524 -524
  144. package/es/common/customscroll.module.css +89 -89
  145. package/es/common/reset.module.css +12 -12
  146. package/es/common/transition.module.css +146 -146
  147. package/es/deprecated/AdvancedMultiSelect.module.css +126 -126
  148. package/es/semantic/Button/semanticButton.module.css +9 -9
  149. package/es/utils/Common.js +0 -0
  150. package/es/utils/dropDownUtils.js +0 -0
  151. package/lib/AppContainer/AppContainer.module.css +18 -18
  152. package/lib/Avatar/Avatar.js +9 -9
  153. package/lib/Avatar/Avatar.module.css +135 -135
  154. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  155. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  156. package/lib/AvatarTeam/AvatarTeam.module.css +161 -161
  157. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  158. package/lib/Button/Button.js +4 -4
  159. package/lib/Button/Button.module.css +524 -524
  160. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  161. package/lib/Buttongroup/Buttongroup.js +1 -1
  162. package/lib/Buttongroup/Buttongroup.module.css +89 -89
  163. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  164. package/lib/Card/Card.js +4 -4
  165. package/lib/Card/Card.module.css +20 -20
  166. package/lib/CheckBox/CheckBox.js +0 -0
  167. package/lib/CheckBox/CheckBox.module.css +157 -157
  168. package/lib/DateTime/CalendarView.js +0 -0
  169. package/lib/DateTime/DateTime.js +0 -0
  170. package/lib/DateTime/DateTime.module.css +235 -235
  171. package/lib/DateTime/DateWidget.js +0 -0
  172. package/lib/DateTime/DateWidget.module.css +38 -38
  173. package/lib/DateTime/YearView.js +0 -0
  174. package/lib/DateTime/YearView.module.css +98 -98
  175. package/lib/DateTime/common.js +0 -0
  176. package/lib/DateTime/index.js +0 -0
  177. package/lib/DateTime/objectUtils.js +0 -0
  178. package/lib/DateTime/typeChecker.js +0 -0
  179. package/lib/DateTime/validator.js +0 -0
  180. package/lib/DropBox/DropBox.js +0 -0
  181. package/lib/DropBox/DropBox.module.css +406 -406
  182. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  183. package/lib/DropDown/DropDown.js +0 -0
  184. package/lib/DropDown/DropDown.module.css +5 -5
  185. package/lib/DropDown/DropDownHeading.js +0 -0
  186. package/lib/DropDown/DropDownHeading.module.css +53 -53
  187. package/lib/DropDown/DropDownItem.js +0 -0
  188. package/lib/DropDown/DropDownItem.module.css +94 -94
  189. package/lib/DropDown/DropDownSearch.js +0 -0
  190. package/lib/DropDown/DropDownSearch.module.css +14 -14
  191. package/lib/DropDown/DropDownSeparator.js +0 -0
  192. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  193. package/lib/Heading/Heading.module.css +4 -4
  194. package/lib/Label/Label.js +0 -0
  195. package/lib/Label/Label.module.css +52 -52
  196. package/lib/Label/LabelColors.module.css +20 -20
  197. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  198. package/lib/Layout/Box.js +0 -0
  199. package/lib/Layout/Container.js +0 -0
  200. package/lib/Layout/Layout.module.css +335 -335
  201. package/lib/Layout/utils.js +0 -0
  202. package/lib/ListItem/ListItem.js +0 -0
  203. package/lib/ListItem/ListItem.module.css +209 -209
  204. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  205. package/lib/MultiSelect/MultiSelect.js +5 -5
  206. package/lib/MultiSelect/MultiSelect.module.css +205 -205
  207. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  208. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  209. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  210. package/lib/PopOver/PopOver.module.css +8 -8
  211. package/lib/Popup/Popup.js +0 -0
  212. package/lib/Popup/PositionMapping.json +73 -73
  213. package/lib/Radio/Radio.js +0 -0
  214. package/lib/Radio/Radio.module.css +112 -112
  215. package/lib/Responsive/CustomResponsive.js +0 -0
  216. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  217. package/lib/Ribbon/Ribbon.js +0 -0
  218. package/lib/Ribbon/Ribbon.module.css +376 -376
  219. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  220. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  221. package/lib/Select/GroupSelect.js +0 -0
  222. package/lib/Select/Select.js +0 -0
  223. package/lib/Select/Select.module.css +108 -108
  224. package/lib/Select/SelectWithAvatar.js +0 -0
  225. package/lib/Select/SelectWithIcon.js +0 -0
  226. package/lib/Select/__tests__/Select.spec.js +0 -0
  227. package/lib/Stencils/Stencils.js +0 -0
  228. package/lib/Stencils/Stencils.module.css +96 -96
  229. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  230. package/lib/Switch/Switch.js +0 -0
  231. package/lib/Switch/Switch.module.css +110 -110
  232. package/lib/Tab/Tab.module.css +101 -101
  233. package/lib/Tab/TabContent.module.css +4 -4
  234. package/lib/Tab/Tabs.js +11 -11
  235. package/lib/Tab/Tabs.module.css +140 -140
  236. package/lib/Tag/Tag.js +8 -8
  237. package/lib/Tag/Tag.module.css +254 -254
  238. package/lib/TextBox/TextBox.js +0 -0
  239. package/lib/TextBox/TextBox.module.css +157 -157
  240. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  241. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  242. package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -78
  243. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  244. package/lib/Textarea/Textarea.js +0 -0
  245. package/lib/Textarea/Textarea.module.css +139 -139
  246. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  247. package/lib/Tooltip/Tooltip.module.css +109 -109
  248. package/lib/common/a11y.module.css +3 -3
  249. package/lib/common/animation.module.css +624 -624
  250. package/lib/common/avatarsizes.module.css +44 -44
  251. package/lib/common/basic.module.css +33 -33
  252. package/lib/common/basicReset.module.css +40 -40
  253. package/lib/common/common.module.css +524 -524
  254. package/lib/common/customscroll.module.css +89 -89
  255. package/lib/common/reset.module.css +12 -12
  256. package/lib/common/transition.module.css +146 -146
  257. package/lib/deprecated/AdvancedMultiSelect.module.css +126 -126
  258. package/lib/semantic/Button/semanticButton.module.css +9 -9
  259. package/lib/utils/Common.js +0 -0
  260. package/lib/utils/dropDownUtils.js +0 -0
  261. 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
+ });