@zohodesk/components 1.0.0-temp-124 → 1.0.0-temp-125

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 (291) hide show
  1. package/README.md +1137 -1137
  2. package/assets/Appearance/dark/mode/darkMode.module.css +195 -195
  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 +191 -191
  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 +197 -197
  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/docs/external/active-line.js +72 -72
  21. package/docs/external/autorefresh.js +47 -47
  22. package/docs/external/codemirror.js +9681 -9681
  23. package/docs/external/css/hopscotch.css +576 -576
  24. package/docs/external/css/styleGuide.css +1100 -1100
  25. package/docs/external/css.js +466 -466
  26. package/docs/external/designTokens.js +1 -1
  27. package/docs/external/foldcode.js +151 -151
  28. package/docs/external/format.js +129 -129
  29. package/docs/external/htmlmixed.js +84 -84
  30. package/docs/external/index.html +127 -127
  31. package/docs/external/javascript.js +422 -422
  32. package/docs/external/jsx.js +147 -147
  33. package/docs/external/matchbrackets.js +145 -145
  34. package/docs/external/xml.js +322 -322
  35. package/docs/package.json +41 -41
  36. package/docs/src/index.js +1311 -1311
  37. package/es/AppContainer/AppContainer.js +0 -1
  38. package/es/AppContainer/AppContainer.module.css +18 -18
  39. package/es/Avatar/Avatar.js +16 -13
  40. package/es/Avatar/Avatar.module.css +141 -168
  41. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  42. package/es/Avatar/props/defaultProps.js +3 -1
  43. package/es/Avatar/props/propTypes.js +4 -2
  44. package/es/AvatarTeam/AvatarTeam.js +15 -9
  45. package/es/AvatarTeam/AvatarTeam.module.css +188 -161
  46. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  47. package/es/AvatarTeam/props/defaultProps.js +4 -1
  48. package/es/AvatarTeam/props/propTypes.js +4 -1
  49. package/es/Button/Button.js +4 -4
  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 +1 -1
  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 +4 -4
  56. package/es/Card/Card.module.css +20 -20
  57. package/es/CheckBox/CheckBox.js +0 -0
  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 +0 -0
  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 +0 -0
  72. package/es/DropBox/DropBox.module.css +406 -489
  73. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  74. package/es/DropDown/DropDown.js +0 -0
  75. package/es/DropDown/DropDown.module.css +5 -5
  76. package/es/DropDown/DropDownHeading.js +0 -0
  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.module.css +4 -4
  85. package/es/Label/Label.js +2 -2
  86. package/es/Label/Label.module.css +52 -52
  87. package/es/Label/LabelColors.module.css +20 -20
  88. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  89. package/es/Layout/Box.js +0 -0
  90. package/es/Layout/Container.js +0 -0
  91. package/es/Layout/Layout.module.css +335 -335
  92. package/es/Layout/utils.js +0 -0
  93. package/es/ListItem/ListItem.js +0 -0
  94. package/es/ListItem/ListItem.module.css +209 -209
  95. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  96. package/es/MultiSelect/MultiSelect.js +5 -5
  97. package/es/MultiSelect/MultiSelect.module.css +205 -205
  98. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  99. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  100. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  101. package/es/PopOver/PopOver.module.css +8 -8
  102. package/es/Popup/Popup.js +0 -0
  103. package/es/Popup/PositionMapping.json +73 -73
  104. package/es/Provider/AvatarSize.js +1 -0
  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 -454
  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 +0 -0
  123. package/es/Switch/Switch.module.css +110 -127
  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 -144
  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 -134
  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 +48 -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/install.md +10 -10
  154. package/lib/AppContainer/AppContainer.js +0 -1
  155. package/lib/AppContainer/AppContainer.module.css +18 -18
  156. package/lib/Avatar/Avatar.js +16 -13
  157. package/lib/Avatar/Avatar.module.css +141 -168
  158. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  159. package/lib/Avatar/props/defaultProps.js +3 -1
  160. package/lib/Avatar/props/propTypes.js +4 -2
  161. package/lib/AvatarTeam/AvatarTeam.js +15 -9
  162. package/lib/AvatarTeam/AvatarTeam.module.css +188 -161
  163. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  164. package/lib/AvatarTeam/props/defaultProps.js +4 -1
  165. package/lib/AvatarTeam/props/propTypes.js +4 -1
  166. package/lib/Button/Button.js +4 -4
  167. package/lib/Button/Button.module.css +525 -543
  168. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  169. package/lib/Buttongroup/Buttongroup.js +1 -1
  170. package/lib/Buttongroup/Buttongroup.module.css +89 -107
  171. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  172. package/lib/Card/Card.js +4 -4
  173. package/lib/Card/Card.module.css +20 -20
  174. package/lib/CheckBox/CheckBox.js +0 -0
  175. package/lib/CheckBox/CheckBox.module.css +157 -157
  176. package/lib/DateTime/CalendarView.js +0 -0
  177. package/lib/DateTime/DateTime.js +0 -0
  178. package/lib/DateTime/DateTime.module.css +235 -235
  179. package/lib/DateTime/DateWidget.js +0 -0
  180. package/lib/DateTime/DateWidget.module.css +38 -38
  181. package/lib/DateTime/YearView.js +0 -0
  182. package/lib/DateTime/YearView.module.css +98 -98
  183. package/lib/DateTime/common.js +0 -0
  184. package/lib/DateTime/index.js +0 -0
  185. package/lib/DateTime/objectUtils.js +0 -0
  186. package/lib/DateTime/typeChecker.js +0 -0
  187. package/lib/DateTime/validator.js +0 -0
  188. package/lib/DropBox/DropBox.js +0 -0
  189. package/lib/DropBox/DropBox.module.css +406 -489
  190. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  191. package/lib/DropDown/DropDown.js +0 -0
  192. package/lib/DropDown/DropDown.module.css +5 -5
  193. package/lib/DropDown/DropDownHeading.js +0 -0
  194. package/lib/DropDown/DropDownHeading.module.css +53 -53
  195. package/lib/DropDown/DropDownItem.js +0 -0
  196. package/lib/DropDown/DropDownItem.module.css +94 -94
  197. package/lib/DropDown/DropDownSearch.js +0 -0
  198. package/lib/DropDown/DropDownSearch.module.css +14 -14
  199. package/lib/DropDown/DropDownSeparator.js +0 -0
  200. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  201. package/lib/Heading/Heading.module.css +4 -4
  202. package/lib/Label/Label.js +0 -0
  203. package/lib/Label/Label.module.css +52 -52
  204. package/lib/Label/LabelColors.module.css +20 -20
  205. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  206. package/lib/Layout/Box.js +0 -0
  207. package/lib/Layout/Container.js +0 -0
  208. package/lib/Layout/Layout.module.css +335 -335
  209. package/lib/Layout/utils.js +0 -0
  210. package/lib/ListItem/ListItem.js +0 -0
  211. package/lib/ListItem/ListItem.module.css +209 -209
  212. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  213. package/lib/MultiSelect/MultiSelect.js +5 -5
  214. package/lib/MultiSelect/MultiSelect.module.css +205 -205
  215. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  216. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  217. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  218. package/lib/PopOver/PopOver.module.css +8 -8
  219. package/lib/Popup/Popup.js +0 -0
  220. package/lib/Popup/PositionMapping.json +73 -73
  221. package/lib/Provider/AvatarSize.js +1 -0
  222. package/lib/Radio/Radio.js +0 -0
  223. package/lib/Radio/Radio.module.css +112 -112
  224. package/lib/Responsive/CustomResponsive.js +0 -0
  225. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  226. package/lib/Ribbon/Ribbon.js +0 -0
  227. package/lib/Ribbon/Ribbon.module.css +376 -454
  228. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  229. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  230. package/lib/Select/GroupSelect.js +0 -0
  231. package/lib/Select/Select.js +0 -0
  232. package/lib/Select/Select.module.css +108 -108
  233. package/lib/Select/SelectWithAvatar.js +0 -0
  234. package/lib/Select/SelectWithIcon.js +0 -0
  235. package/lib/Select/__tests__/Select.spec.js +0 -0
  236. package/lib/Stencils/Stencils.js +0 -0
  237. package/lib/Stencils/Stencils.module.css +96 -96
  238. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  239. package/lib/Switch/Switch.js +0 -0
  240. package/lib/Switch/Switch.module.css +110 -127
  241. package/lib/Tab/Tab.module.css +101 -101
  242. package/lib/Tab/TabContent.module.css +4 -4
  243. package/lib/Tab/Tabs.js +11 -11
  244. package/lib/Tab/Tabs.module.css +140 -144
  245. package/lib/Tag/Tag.js +8 -8
  246. package/lib/Tag/Tag.module.css +254 -254
  247. package/lib/TextBox/TextBox.js +0 -0
  248. package/lib/TextBox/TextBox.module.css +157 -157
  249. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  250. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  251. package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -78
  252. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  253. package/lib/Textarea/Textarea.js +0 -0
  254. package/lib/Textarea/Textarea.module.css +139 -139
  255. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  256. package/lib/Tooltip/Tooltip.module.css +109 -134
  257. package/lib/common/a11y.module.css +3 -3
  258. package/lib/common/animation.module.css +624 -624
  259. package/lib/common/avatarsizes.module.css +48 -44
  260. package/lib/common/basic.module.css +33 -33
  261. package/lib/common/basicReset.module.css +40 -40
  262. package/lib/common/common.module.css +524 -524
  263. package/lib/common/customscroll.module.css +89 -89
  264. package/lib/common/reset.module.css +12 -12
  265. package/lib/common/transition.module.css +146 -146
  266. package/lib/deprecated/AdvancedMultiSelect.module.css +126 -126
  267. package/lib/semantic/Button/semanticButton.module.css +9 -9
  268. package/lib/utils/Common.js +0 -0
  269. package/lib/utils/dropDownUtils.js +0 -0
  270. package/package.json +102 -102
  271. package/assets/Appearance/dark/themes/blue/blueDarkCTAModifyCategory.module.css +0 -68
  272. package/assets/Appearance/dark/themes/green/greenDarkCTAModifyCategory.module.css +0 -68
  273. package/assets/Appearance/dark/themes/orange/orangeDarkCTAModifyCategory.module.css +0 -68
  274. package/assets/Appearance/dark/themes/red/redDarkCTAModifyCategory.module.css +0 -68
  275. package/assets/Appearance/dark/themes/yellow/yellowDarkCTAModifyCategory.module.css +0 -68
  276. package/assets/Appearance/default/themes/blue/blueDefaultCTAModifyCategory.module.css +0 -68
  277. package/assets/Appearance/default/themes/green/greenDefaultCTAModifyCategory.module.css +0 -68
  278. package/assets/Appearance/default/themes/orange/orangeDefaultCTAModifyCategory.module.css +0 -68
  279. package/assets/Appearance/default/themes/red/redDefaultCTAModifyCategory.module.css +0 -68
  280. package/assets/Appearance/default/themes/yellow/yellowDefaultCTAModifyCategory.module.css +0 -68
  281. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTAModifyCategory.module.css +0 -68
  282. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTAModifyCategory.module.css +0 -68
  283. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTAModifyCategory.module.css +0 -68
  284. package/assets/Appearance/pureDark/themes/red/redPureDarkCTAModifyCategory.module.css +0 -68
  285. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTAModifyCategory.module.css +0 -68
  286. package/assets/Contrast/darkContrastLightness.module.css +0 -25
  287. package/assets/Contrast/defaultContrastLightness.module.css +0 -25
  288. package/assets/Contrast/pureDarkContrastLightness.module.css +0 -25
  289. package/css_error.log +0 -5
  290. package/es/common/boxShadow.module.css +0 -77
  291. package/lib/common/boxShadow.module.css +0 -77
@@ -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
+ });