- src/frontend/dist
+ src/dist
editor.*.cache.js
editor.*.cache.css
editor.*.cache.css.map
diff --git a/server/zanata-frontend/src/frontend/.csscomb.json b/server/zanata-frontend/src/.csscomb.json
similarity index 100%
rename from server/zanata-frontend/src/frontend/.csscomb.json
rename to server/zanata-frontend/src/.csscomb.json
diff --git a/server/zanata-frontend/src/frontend/.eslintignore b/server/zanata-frontend/src/.eslintignore
similarity index 73%
rename from server/zanata-frontend/src/frontend/.eslintignore
rename to server/zanata-frontend/src/.eslintignore
index f9baff9c3b..a810ddb292 100644
--- a/server/zanata-frontend/src/frontend/.eslintignore
+++ b/server/zanata-frontend/src/.eslintignore
@@ -1,2 +1,4 @@
node_modules/**
settings.json
+*.ts
+*.tsx
diff --git a/server/zanata-frontend/src/frontend/.eslintrc b/server/zanata-frontend/src/.eslintrc
similarity index 54%
rename from server/zanata-frontend/src/frontend/.eslintrc
rename to server/zanata-frontend/src/.eslintrc
index 00c7217394..d09fb06dcd 100644
--- a/server/zanata-frontend/src/frontend/.eslintrc
+++ b/server/zanata-frontend/src/.eslintrc
@@ -12,3 +12,14 @@ rules:
- 0 # Off, can't enforce yet as frontend all has single-quotes
- prefer-double # Use double quotes unless the string contains a literal
# double-quote character.
+ # Under standard (non-Babel) ES6 module semantics, you have to import 'react'
+ # twice in cases like this (no default export):
+ # import * as React from 'react'
+ # import { Component } from 'react'
+ no-duplicate-imports: 0
+ max-len:
+ - 2 // error to enforce compliance, disable when needed
+ - 80 // line length (characters)
+ - 2 // count tabs as 2 characters (required, but we don't allow tabs)
+ // allow JSX to exceed 80 characters (https://twitter.com/timtyrrell/status/689912501165658112)
+ - { ignorePattern: "\\s*<" }
diff --git a/server/zanata-frontend/src/frontend/.flowconfig b/server/zanata-frontend/src/.flowconfig
similarity index 100%
rename from server/zanata-frontend/src/frontend/.flowconfig
rename to server/zanata-frontend/src/.flowconfig
diff --git a/server/zanata-frontend/src/.gitignore b/server/zanata-frontend/src/.gitignore
new file mode 100644
index 0000000000..712e73d8a2
--- /dev/null
+++ b/server/zanata-frontend/src/.gitignore
@@ -0,0 +1,2 @@
+build/
+.awcache/
diff --git a/server/zanata-frontend/src/frontend/.jsbeautifyrc b/server/zanata-frontend/src/.jsbeautifyrc
similarity index 100%
rename from server/zanata-frontend/src/frontend/.jsbeautifyrc
rename to server/zanata-frontend/src/.jsbeautifyrc
diff --git a/server/zanata-frontend/src/frontend/.jshintrc b/server/zanata-frontend/src/.jshintrc
similarity index 100%
rename from server/zanata-frontend/src/frontend/.jshintrc
rename to server/zanata-frontend/src/.jshintrc
diff --git a/server/zanata-frontend/src/frontend/.nvmrc b/server/zanata-frontend/src/.nvmrc
similarity index 100%
rename from server/zanata-frontend/src/frontend/.nvmrc
rename to server/zanata-frontend/src/.nvmrc
diff --git a/server/zanata-frontend/src/frontend/.storybook-editor/README.md b/server/zanata-frontend/src/.storybook-editor/README.md
similarity index 100%
rename from server/zanata-frontend/src/frontend/.storybook-editor/README.md
rename to server/zanata-frontend/src/.storybook-editor/README.md
diff --git a/server/zanata-frontend/src/frontend/.storybook-editor/__snapshots__/storyshots-editor.test.js.snap b/server/zanata-frontend/src/.storybook-editor/__snapshots__/storyshots-editor.test.js.snap
similarity index 89%
rename from server/zanata-frontend/src/frontend/.storybook-editor/__snapshots__/storyshots-editor.test.js.snap
rename to server/zanata-frontend/src/.storybook-editor/__snapshots__/storyshots-editor.test.js.snap
index b0ab79c25d..885cf89162 100644
--- a/server/zanata-frontend/src/frontend/.storybook-editor/__snapshots__/storyshots-editor.test.js.snap
+++ b/server/zanata-frontend/src/.storybook-editor/__snapshots__/storyshots-editor.test.js.snap
@@ -6,10 +6,10 @@ exports[`Editor Storyshots ActivityFeedItem approved 1`] = `
>
",
@@ -58,10 +58,10 @@ exports[`Editor Storyshots ActivityFeedItem approved 1`] = `
title="Copy"
>
",
@@ -81,10 +81,10 @@ exports[`Editor Storyshots ActivityFeedItem approved 1`] = `
className="u-block small u-sMT-1-2 u-sPB-1-4 u-textMuted u-textSecondary"
>
",
@@ -115,10 +115,10 @@ exports[`Editor Storyshots ActivityFeedItem comment 1`] = `
>
",
@@ -160,10 +160,10 @@ exports[`Editor Storyshots ActivityFeedItem comment 1`] = `
title="Copy"
>
",
@@ -183,10 +183,10 @@ exports[`Editor Storyshots ActivityFeedItem comment 1`] = `
className="u-block small u-sMT-1-2 u-sPB-1-4 u-textMuted u-textSecondary"
>
",
@@ -217,10 +217,10 @@ exports[`Editor Storyshots ActivityFeedItem fuzzy 1`] = `
>
",
@@ -269,10 +269,10 @@ exports[`Editor Storyshots ActivityFeedItem fuzzy 1`] = `
title="Copy"
>
",
@@ -292,10 +292,10 @@ exports[`Editor Storyshots ActivityFeedItem fuzzy 1`] = `
className="u-block small u-sMT-1-2 u-sPB-1-4 u-textMuted u-textSecondary"
>
",
@@ -326,10 +326,10 @@ exports[`Editor Storyshots ActivityFeedItem rejected - critical priority 1`] = `
>
",
@@ -375,10 +375,10 @@ exports[`Editor Storyshots ActivityFeedItem rejected - critical priority 1`] = `
className="CriteriaText"
>
",
@@ -405,10 +405,10 @@ exports[`Editor Storyshots ActivityFeedItem rejected - critical priority 1`] = `
className="well well-sm"
>
",
@@ -438,10 +438,10 @@ exports[`Editor Storyshots ActivityFeedItem rejected - critical priority 1`] = `
title="Copy"
>
",
@@ -461,10 +461,10 @@ exports[`Editor Storyshots ActivityFeedItem rejected - critical priority 1`] = `
className="u-block small u-sMT-1-2 u-sPB-1-4 u-textMuted u-textSecondary"
>
",
@@ -495,10 +495,10 @@ exports[`Editor Storyshots ActivityFeedItem rejected - major priority 1`] = `
>
",
@@ -544,10 +544,10 @@ exports[`Editor Storyshots ActivityFeedItem rejected - major priority 1`] = `
className="CriteriaText"
>
",
@@ -574,10 +574,10 @@ exports[`Editor Storyshots ActivityFeedItem rejected - major priority 1`] = `
className="well well-sm"
>
",
@@ -607,10 +607,10 @@ exports[`Editor Storyshots ActivityFeedItem rejected - major priority 1`] = `
title="Copy"
>
",
@@ -630,10 +630,10 @@ exports[`Editor Storyshots ActivityFeedItem rejected - major priority 1`] = `
className="u-block small u-sMT-1-2 u-sPB-1-4 u-textMuted u-textSecondary"
>
",
@@ -664,10 +664,10 @@ exports[`Editor Storyshots ActivityFeedItem rejected - minor priority 1`] = `
>
",
@@ -713,10 +713,10 @@ exports[`Editor Storyshots ActivityFeedItem rejected - minor priority 1`] = `
className="CriteriaText"
>
",
@@ -743,10 +743,10 @@ exports[`Editor Storyshots ActivityFeedItem rejected - minor priority 1`] = `
className="well well-sm"
>
",
@@ -776,10 +776,10 @@ exports[`Editor Storyshots ActivityFeedItem rejected - minor priority 1`] = `
title="Copy"
>
",
@@ -799,10 +799,10 @@ exports[`Editor Storyshots ActivityFeedItem rejected - minor priority 1`] = `
className="u-block small u-sMT-1-2 u-sPB-1-4 u-textMuted u-textSecondary"
>
",
@@ -833,10 +833,10 @@ exports[`Editor Storyshots ActivityFeedItem translated 1`] = `
>
",
@@ -885,10 +885,10 @@ exports[`Editor Storyshots ActivityFeedItem translated 1`] = `
title="Copy"
>
",
@@ -908,10 +908,10 @@ exports[`Editor Storyshots ActivityFeedItem translated 1`] = `
className="u-block small u-sMT-1-2 u-sPB-1-4 u-textMuted u-textSecondary"
>
",
@@ -948,10 +948,10 @@ exports[`Editor Storyshots ActivitySelectList default 1`] = `
type="button"
>
",
@@ -974,10 +974,10 @@ exports[`Editor Storyshots ActivitySelectList default 1`] = `
type="button"
>
",
@@ -1000,10 +1000,10 @@ exports[`Editor Storyshots ActivitySelectList default 1`] = `
type="button"
>
",
@@ -1123,12 +1123,12 @@ exports[`Editor Storyshots Button BUTTON BUILDER 1`] = `
Click Me
-
Show Info
-
+
-
×
-
+
@@ -1197,14 +1195,12 @@ exports[`Editor Storyshots Button BUTTON BUILDER 1`] = `
"borderRadius": "2px",
"boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
"color": "#444",
- "fontFamily": "
- -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", \\"Roboto\\",
- \\"Segoe UI\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", sans-serif
- ",
+ "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
"fontSize": "15px",
"fontWeight": 300,
"lineHeight": 1.45,
- "marginTop": "50px",
+ "marginBottom": "20px",
+ "marginTop": "20px",
"padding": "20px 40px 40px",
}
}
@@ -1249,21 +1245,18 @@ exports[`Editor Storyshots Button BUTTON BUILDER 1`] = `
}
}
>
-
Use KNOBS tab to adjust the settings, then copy your code from Story Source
-
+
+ {
onClick()
+ }
@@ -1478,76 +1473,109 @@ exports[`Editor Storyshots Button BUTTON BUILDER 1`] = `
" Component
-
+ |
property
|
-
+ |
propType
|
-
+ |
required
|
-
+ |
default
|
-
+ |
description
|
-
- children
+ |
+ title
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
-
- className
+ |
+ onClick
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
-
+ |
disabled
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
+ {
false
+ }
|
- |
+ |
-
- onClick
+ |
+ children
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
-
- title
+ |
+ className
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
@@ -1906,12 +1957,12 @@ exports[`Editor Storyshots Button colour styles 1`] = `
-
Show Info
-
+
-
×
-
+
@@ -1980,14 +2029,12 @@ exports[`Editor Storyshots Button colour styles 1`] = `
"borderRadius": "2px",
"boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
"color": "#444",
- "fontFamily": "
- -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", \\"Roboto\\",
- \\"Segoe UI\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", sans-serif
- ",
+ "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
"fontSize": "15px",
"fontWeight": 300,
"lineHeight": 1.45,
- "marginTop": "50px",
+ "marginBottom": "20px",
+ "marginTop": "20px",
"padding": "20px 40px 40px",
}
}
@@ -2181,6 +2228,7 @@ exports[`Editor Storyshots Button colour styles 1`] = `
style={Object {}}
>
+ {
onClick()
+ }
@@ -2383,6 +2432,7 @@ exports[`Editor Storyshots Button colour styles 1`] = `
style={Object {}}
>
+ {
onClick()
+ }
@@ -2585,6 +2636,7 @@ exports[`Editor Storyshots Button colour styles 1`] = `
style={Object {}}
>
+ {
onClick()
+ }
@@ -2787,6 +2840,7 @@ exports[`Editor Storyshots Button colour styles 1`] = `
style={Object {}}
>
+ {
onClick()
+ }
@@ -2948,76 +3003,109 @@ exports[`Editor Storyshots Button colour styles 1`] = `
" Component
-
+ |
property
|
-
+ |
propType
|
-
+ |
required
|
-
+ |
default
|
-
+ |
description
|
-
- children
+ |
+ title
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
-
- className
+ |
+ onClick
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
-
+ |
disabled
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
+ {
false
+ }
|
- |
+ |
-
- onClick
+ |
+ children
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
-
- title
+ |
+ className
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
@@ -3344,12 +3455,12 @@ exports[`Editor Storyshots Button plain (disabled) 1`] = `
be fired.
-
Show Info
-
+
-
×
-
+
@@ -3418,14 +3527,12 @@ exports[`Editor Storyshots Button plain (disabled) 1`] = `
"borderRadius": "2px",
"boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
"color": "#444",
- "fontFamily": "
- -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", \\"Roboto\\",
- \\"Segoe UI\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", sans-serif
- ",
+ "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
"fontSize": "15px",
"fontWeight": 300,
"lineHeight": 1.45,
- "marginTop": "50px",
+ "marginBottom": "20px",
+ "marginTop": "20px",
"padding": "20px 40px 40px",
}
}
@@ -3549,6 +3656,7 @@ exports[`Editor Storyshots Button plain (disabled) 1`] = `
style={Object {}}
>
+ {
onClick()
+ }
@@ -3633,7 +3742,7 @@ exports[`Editor Storyshots Button plain (disabled) 1`] = `
-
+ |
property
|
-
+ |
propType
|
-
+ |
required
|
-
+ |
default
|
-
+ |
description
|
-
- children
+ |
+ title
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
-
- className
+ |
+ onClick
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
-
+ |
disabled
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
+ {
false
+ }
|
- |
+ |
-
- onClick
+ |
+ children
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
-
- title
+ |
+ className
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
@@ -4128,12 +4293,12 @@ exports[`Editor Storyshots Button plain 1`] = `
Unstyled button. Pretty plain. Should be used with some styles.
-
Show Info
-
+
-
×
-
+
@@ -4202,14 +4365,12 @@ exports[`Editor Storyshots Button plain 1`] = `
"borderRadius": "2px",
"boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
"color": "#444",
- "fontFamily": "
- -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", \\"Roboto\\",
- \\"Segoe UI\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", sans-serif
- ",
+ "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
"fontSize": "15px",
"fontWeight": 300,
"lineHeight": 1.45,
- "marginTop": "50px",
+ "marginBottom": "20px",
+ "marginTop": "20px",
"padding": "20px 40px 40px",
}
}
@@ -4333,6 +4494,7 @@ exports[`Editor Storyshots Button plain 1`] = `
style={Object {}}
>
+ {
onClick()
+ }
@@ -4425,76 +4588,109 @@ exports[`Editor Storyshots Button plain 1`] = `
" Component
-
+ |
property
|
-
+ |
propType
|
-
+ |
required
|
-
+ |
default
|
-
+ |
description
|
-
- children
+ |
+ title
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
-
- className
+ |
+ onClick
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
-
+ |
disabled
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
+ {
false
+ }
|
- |
+ |
-
- onClick
+ |
+ children
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
-
- title
+ |
+ className
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
@@ -4817,12 +5036,12 @@ exports[`Editor Storyshots Button rounded and styled 1`] = `
Button Button--small u-rounded Button--primary
-
Show Info
-
+
-
×
-
+
@@ -4891,14 +5108,12 @@ exports[`Editor Storyshots Button rounded and styled 1`] = `
"borderRadius": "2px",
"boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
"color": "#444",
- "fontFamily": "
- -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", \\"Roboto\\",
- \\"Segoe UI\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", sans-serif
- ",
+ "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
"fontSize": "15px",
"fontWeight": 300,
"lineHeight": 1.45,
- "marginTop": "50px",
+ "marginBottom": "20px",
+ "marginTop": "20px",
"padding": "20px 40px 40px",
}
}
@@ -5022,6 +5237,7 @@ exports[`Editor Storyshots Button rounded and styled 1`] = `
style={Object {}}
>
+ {
onClick()
+ }
@@ -5141,76 +5358,109 @@ exports[`Editor Storyshots Button rounded and styled 1`] = `
" Component
-
+ |
property
|
-
+ |
propType
|
-
+ |
required
|
-
+ |
default
|
-
+ |
description
|
-
- children
+ |
+ title
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
-
- className
+ |
+ onClick
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
-
+ |
disabled
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
+ {
false
+ }
|
- |
+ |
-
- onClick
+ |
+ children
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
-
- title
+ |
+ className
|
-
- other
+ |
+
|
-
- no
+ |
+ -
|
-
+ |
-
|
- |
+ |
@@ -5444,10 +5717,10 @@ exports[`Editor Storyshots CommentBox default 1`] = `
htmlFor="formControlsTextarea"
>
",
@@ -5490,10 +5763,10 @@ exports[`Editor Storyshots Concurrent editing notification 1`] = `
role="alert"
>
",
@@ -5543,10 +5816,10 @@ exports[`Editor Storyshots Concurrent editing transunit items 1`] = `
type="button"
>
",
@@ -5581,10 +5854,10 @@ exports[`Editor Storyshots DateAndTimeDisplay default 1`] = `
className={undefined}
>
",
@@ -5615,10 +5888,10 @@ exports[`Editor Storyshots DateAndTimeDisplay styling examples 1`] = `
className={undefined}
>
",
@@ -5646,10 +5919,10 @@ exports[`Editor Storyshots DateAndTimeDisplay styling examples 1`] = `
className="u-textMicro"
>
",
@@ -5677,10 +5950,10 @@ exports[`Editor Storyshots DateAndTimeDisplay styling examples 1`] = `
className="u-textMuted u-textMini"
>
",
@@ -5710,10 +5983,10 @@ exports[`Editor Storyshots DateAndTimeDisplay styling examples 1`] = `
className="u-bgHigher u-sP-1-4"
>
",
@@ -5743,10 +6016,10 @@ exports[`Editor Storyshots DateAndTimeDisplay styling examples 1`] = `
className="u-bgHigher u-sP-1-2 u-textMuted"
>
",
@@ -5784,11 +6057,11 @@ exports[`Editor Storyshots GlossarySearchInput empty 1`] = `
onClick={[Function]}
>
",
@@ -5826,11 +6099,11 @@ exports[`Editor Storyshots GlossarySearchInput with text 1`] = `
onClick={[Function]}
>
",
@@ -5958,11 +6231,11 @@ exports[`Editor Storyshots GlossaryTerm Without translations 1`] = `
title="Details"
>
",
@@ -6059,11 +6332,11 @@ exports[`Editor Storyshots GlossaryTerm Without translations 1`] = `
title="Details"
>
",
@@ -6160,11 +6433,11 @@ exports[`Editor Storyshots GlossaryTerm Without translations 1`] = `
title="Details"
>
",
@@ -6286,11 +6559,11 @@ exports[`Editor Storyshots GlossaryTerm in a table 1`] = `
title="Details"
>
",
@@ -6387,11 +6660,11 @@ exports[`Editor Storyshots GlossaryTerm in a table 1`] = `
title="Details"
>
",
@@ -6488,11 +6761,11 @@ exports[`Editor Storyshots GlossaryTerm in a table 1`] = `
title="Details"
>
",
@@ -6598,11 +6871,11 @@ exports[`Editor Storyshots GlossaryTerm simple term on its own 1`] = `
title="Details"
>
",
@@ -6796,10 +7069,10 @@ exports[`Editor Storyshots LanguageSelectList default 1`] = `
type="button"
>
",
@@ -6822,10 +7095,10 @@ exports[`Editor Storyshots LanguageSelectList default 1`] = `
type="button"
>
",
@@ -6848,10 +7121,10 @@ exports[`Editor Storyshots LanguageSelectList default 1`] = `
type="button"
>
",
@@ -7196,10 +7469,10 @@ exports[`Editor Storyshots SelectButton active 1`] = `
type="button"
>
",
@@ -7225,10 +7498,10 @@ exports[`Editor Storyshots SelectButton default 1`] = `
type="button"
>
",
@@ -7258,10 +7531,10 @@ exports[`Editor Storyshots SelectButtonList default 1`] = `
type="button"
>
",
@@ -7284,10 +7557,10 @@ exports[`Editor Storyshots SelectButtonList default 1`] = `
type="button"
>
",
@@ -7310,10 +7583,10 @@ exports[`Editor Storyshots SelectButtonList default 1`] = `
type="button"
>
",
@@ -7344,10 +7617,10 @@ exports[`Editor Storyshots SelectButtonList first button active 1`] = `
type="button"
>
",
@@ -7370,10 +7643,10 @@ exports[`Editor Storyshots SelectButtonList first button active 1`] = `
type="button"
>
",
@@ -7396,10 +7669,10 @@ exports[`Editor Storyshots SelectButtonList first button active 1`] = `
type="button"
>
",
diff --git a/server/zanata-frontend/src/frontend/.storybook-editor/addons.js b/server/zanata-frontend/src/.storybook-editor/addons.js
similarity index 100%
rename from server/zanata-frontend/src/frontend/.storybook-editor/addons.js
rename to server/zanata-frontend/src/.storybook-editor/addons.js
diff --git a/server/zanata-frontend/src/frontend/.storybook-editor/config.js b/server/zanata-frontend/src/.storybook-editor/config.js
similarity index 100%
rename from server/zanata-frontend/src/frontend/.storybook-editor/config.js
rename to server/zanata-frontend/src/.storybook-editor/config.js
diff --git a/server/zanata-frontend/src/frontend/.storybook-editor/storybook.css b/server/zanata-frontend/src/.storybook-editor/storybook.css
similarity index 100%
rename from server/zanata-frontend/src/frontend/.storybook-editor/storybook.css
rename to server/zanata-frontend/src/.storybook-editor/storybook.css
diff --git a/server/zanata-frontend/src/frontend/.storybook-editor/storyshots-editor.test.js b/server/zanata-frontend/src/.storybook-editor/storyshots-editor.test.js
similarity index 100%
rename from server/zanata-frontend/src/frontend/.storybook-editor/storyshots-editor.test.js
rename to server/zanata-frontend/src/.storybook-editor/storyshots-editor.test.js
diff --git a/server/zanata-frontend/src/frontend/.storybook-editor/storyshots-util.js b/server/zanata-frontend/src/.storybook-editor/storyshots-util.js
similarity index 95%
rename from server/zanata-frontend/src/frontend/.storybook-editor/storyshots-util.js
rename to server/zanata-frontend/src/.storybook-editor/storyshots-util.js
index abefdee716..0fb569a083 100644
--- a/server/zanata-frontend/src/frontend/.storybook-editor/storyshots-util.js
+++ b/server/zanata-frontend/src/.storybook-editor/storyshots-util.js
@@ -1,5 +1,5 @@
/* global jest expect */
-import renderer from 'react-test-renderer'
+import * as renderer from 'react-test-renderer'
/*
* Test function that renders stories into snapshots.
diff --git a/server/zanata-frontend/src/frontend/.storybook-editor/webpack.config.js b/server/zanata-frontend/src/.storybook-editor/webpack.config.js
similarity index 100%
rename from server/zanata-frontend/src/frontend/.storybook-editor/webpack.config.js
rename to server/zanata-frontend/src/.storybook-editor/webpack.config.js
diff --git a/server/zanata-frontend/src/frontend/.storybook-frontend/README.md b/server/zanata-frontend/src/.storybook-frontend/README.md
similarity index 100%
rename from server/zanata-frontend/src/frontend/.storybook-frontend/README.md
rename to server/zanata-frontend/src/.storybook-frontend/README.md
diff --git a/server/zanata-frontend/src/frontend/.storybook-frontend/__snapshots__/storyshots-frontend.test.js.snap b/server/zanata-frontend/src/.storybook-frontend/__snapshots__/storyshots-frontend.test.js.snap
similarity index 57%
rename from server/zanata-frontend/src/frontend/.storybook-frontend/__snapshots__/storyshots-frontend.test.js.snap
rename to server/zanata-frontend/src/.storybook-frontend/__snapshots__/storyshots-frontend.test.js.snap
index b5ce80c88e..cf4c8ba418 100644
--- a/server/zanata-frontend/src/frontend/.storybook-frontend/__snapshots__/storyshots-frontend.test.js.snap
+++ b/server/zanata-frontend/src/.storybook-frontend/__snapshots__/storyshots-frontend.test.js.snap
@@ -1,62 +1,295 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Frontend Storyshots Alert danger 1`] = `
-
-
- Holy guacamole!
-
- Best check yo self
-
+
+
+ Danger
+
+
+
+
+ Holy guacamole!
+
+ Best check yo self
+
+
+
+
+ bsStyle="danger"
+
+
+
`;
exports[`Frontend Storyshots Alert info 1`] = `
-
-
- Holy guacamole!
-
- Best check yo self
-
+
+
+
+ Alert
+
+
+ Use this for the default alert overlay. In the case where feedback is needed from the user before dismissing the alert, use a
+
+ Notification
+
+ .
+
+
+
+
+ Holy guacamole!
+
+ Best check yo self
+
+
+
+
+ bsStyle="info"
+
+
+
+
+ Props
+
+
+
+
+
+ Name
+ |
+
+ Type
+ |
+
+ Default
+ |
+
+ Description
+ |
+
+
+
+
+
+ bsClass
+ |
+
+ string
+ |
+
+ 'alert'
+ |
+
+ Base CSS class and prefix for the component. Generally one should only change bsClass to provide new, non-Bootstrap, CSS styles for a component.
+ |
+
+
+
+ bsStyle
+ |
+
+ one of:
+
+ "success"
+
+ ,
+
+ "warning"
+
+ ,
+
+ "danger"
+
+ ,
+
+ "info"
+
+ |
+
+ 'info'
+ |
+
+ Component visual or contextual style variants.
+ |
+
+
+
+ closeLabel
+ |
+
+ string
+ |
+
+ 'Close alert'
+ |
+ |
+
+
+
+ onDismiss
+ |
+
+ function
+ |
+ |
+
+ For Closeable alerts pass the
+
+ onDismiss
+
+ function
+ |
+
+
+
+
+
+ Related components
+
+
+ Notification
+
+
`;
exports[`Frontend Storyshots Alert success 1`] = `
-
-
- Holy guacamole!
-
- Best check yo self
-
+
+
+ Success
+
+
+
+
+ Holy guacamole!
+
+ Best check yo self
+
+
+
+
+ bsStyle="success"
+
+
+
`;
exports[`Frontend Storyshots Alert warning 1`] = `
-
-
- Holy guacamole!
-
- Best check yo self
-
+
+
+ Warning
+
+
+
+
+ Holy guacamole!
+
+ Best check yo self
+
+
+
+
+ bsStyle="warning"
+
+
+
`;
exports[`Frontend Storyshots Badge default 1`] = `
-
- Badge
-
+
+
+ Badge
+
+
- 23
-
-
+ Highlight new or unread items, numbers of members or any other numerical value.
+
+
+ Badge
+
+ 23
+
+
+
+
+ Props
+
+
+
+
+
+ Name
+ |
+
+ Type
+ |
+
+ Default
+ |
+
+ Description
+ |
+
+
+
+
+
+ bsClass
+ |
+
+ string
+ |
+
+ 'badge'
+ |
+
+ Base CSS class and prefix for the component. Generally one should only change bsClass to provide new, non-Bootstrap, CSS styles for a component.
+ |
+
+
+
+ pullRight
+ |
+
+ boolean
+ |
+
+ false
+ |
+
+ Component visual or contextual style variants.
+ |
+
+
+
+
`;
exports[`Frontend Storyshots Badge in button 1`] = `
@@ -75,226 +308,53 @@ exports[`Frontend Storyshots Badge in button 1`] = `
`;
exports[`Frontend Storyshots Badge in nav item 1`] = `
-
-`;
-
-exports[`Frontend Storyshots Breadcrumbs default 1`] = `
-
- -
-
- Home
-
-
- -
-
- Library
-
-
- -
-
- Data
-
-
-
-`;
-
-exports[`Frontend Storyshots Button danger 1`] = `
-
-`;
-
-exports[`Frontend Storyshots Button default 1`] = `
-
-`;
-
-exports[`Frontend Storyshots Button group 1`] = `
-
-
-
-
-
-`;
-
-exports[`Frontend Storyshots Button info 1`] = `
-
-`;
-
-exports[`Frontend Storyshots Button nested 1`] = `
-
-`;
-
-exports[`Frontend Storyshots Button primary 1`] = `
-
-`;
-
-exports[`Frontend Storyshots Button sizes 1`] = `
-
-
-
-
-
-
-
-
-
-
-`;
-
-exports[`Frontend Storyshots Button success 1`] = `
-
+
+
+
+ Related components
+
+
+
+ Sidebar
+
+ ,
+
+ Tabs
+
+
+
`;
-exports[`Frontend Storyshots Button toolbar 1`] = `
-
-
-
-
-
-
-
-
-
-
-
-
+exports[`Frontend Storyshots Breadcrumbs default 1`] = `
+
+
+
+ Breadcrumbs
+
-
+ Breadcrumbs are used to indicate the current page's location. All pages 2 levels deep or more should use breadcrumbs in frontend. ie.
+
+ topdir/breadcrumbshere/breadcrumbshere/
+
-
-`;
-
-exports[`Frontend Storyshots Button warning 1`] = `
-
-`;
-
-exports[`Frontend Storyshots Dropdown default 1`] = `
-
-
-
-
+
+
+
+ Props
+
+
+ Breadcrumb component itself doesn't have any specific public properties
+
+
`;
-exports[`Frontend Storyshots EditableText editing 1`] = `
-
-`;
-
-exports[`Frontend Storyshots EditableText not editing 1`] = `
-
- Test text
-
+exports[`Frontend Storyshots Button block 1`] = `
+
+
+ Button block
+
+
+
+
+
+
+ block=true
+
+
+
`;
-exports[`Frontend Storyshots Form checkbox and radios 1`] = `
+exports[`Frontend Storyshots Button danger 1`] = `
-
-
-
-
-
-
-
-
-
+ Danger button
+
+
+
+
+ bsStyle="danger"
+
+
`;
-exports[`Frontend Storyshots Form default 1`] = `
-