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

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