@zohodesk/components 1.0.0-temp-126 → 1.0.0-temp-128

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