@manuscripts/style-guide 0.31.27 → 0.31.28-LEAN-1796

package/dist/cjs/components/KeywordsList/KeywordsList.js

@@ -0,0 +1,63 @@
+"use strict";
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KeywordsList = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const KeywordsListContainer = styled_components_1.default.div `
+  margin: ${(props) => props.theme.grid.unit * 4}px 0;
+`;
+const KeywordsTitle = styled_components_1.default.h1 `
+  color: ${(props) => props.theme.colors.text.primary};
+  font-family: ${(props) => props.theme.font.family.sans};
+  font-size: ${(props) => props.theme.font.size.small};
+  font-style: italic;
+  font-weight: ${(props) => props.theme.font.weight.normal} !important;
+  line-height: ${(props) => props.theme.font.lineHeight.normal};
+  margin: 0 0 ${(props) => props.theme.grid.unit}px;
+  padding: 0;
+`;
+const KeywordItem = styled_components_1.default.div `
+  display: inline-block;
+  color: ${(props) => props.theme.colors.text.primary};
+  background-color: ${(props) => props.theme.colors.background.keyword.default};
+  font-family: ${(props) => props.theme.font.family.sans};
+  font-size: ${(props) => props.theme.font.size.normal};
+  line-height: ${(props) => props.theme.font.lineHeight.normal};
+  margin-right: ${(props) => props.theme.grid.unit}px;
+  margin-bottom: ${(props) => props.theme.grid.unit}px;
+  padding: ${(props) => props.theme.grid.unit}px;
+  border: 1px solid ${(props) => props.theme.colors.border.keyword.default};
+  border-radius: 6px;
+
+  &:hover {
+    background-color: ${(props) => props.theme.colors.background.keyword.hover};
+    border-color: ${(props) => props.theme.colors.border.keyword.hover};
+  }
+
+  &.selected {
+    background-color: ${(props) => props.theme.colors.background.keyword.selected};
+    border-color: ${(props) => props.theme.colors.border.keyword.selected};
+  }
+`;
+const KeywordsList = ({ keywords }) => (react_1.default.createElement(KeywordsListContainer, null,
+    react_1.default.createElement(KeywordsTitle, null, "Keywords"),
+    keywords.map((keyword) => (react_1.default.createElement(KeywordItem, { key: keyword._id }, keyword.name)))));
+exports.KeywordsList = KeywordsList;

package/dist/cjs/components/KeywordsList/index.js

@@ -0,0 +1,28 @@
+"use strict";
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./KeywordsList"), exports);

package/dist/cjs/components/ManuscriptNoteList.js

@@ -143,6 +143,8 @@ exports.NoteBodyContainer = styled_components_1.default.div `
   ${(props) => borderStyle(props.theme.colors.border.secondary)};
   ${(props) => (props.isNew || props.isSelected) &&
     borderStyle(props.theme.colors.border.primary)}
+  ${(props) => props.isSelected &&
+    `background: ${props.theme.colors.background.selected};`}
 
   .tooltip {
     border-radius: 6px;

package/dist/cjs/index.js

@@ -62,6 +62,7 @@ __exportStar(require("./components/Inspector"), exports);
 __exportStar(require("./components/InspectorSection"), exports);
 __exportStar(require("./components/Badge"), exports);
 __exportStar(require("./components/NavDropdown"), exports);
+__exportStar(require("./components/KeywordsList"), exports);
 var PdfPreview_1 = require("./components/PdfPreview");
 Object.defineProperty(exports, "PdfPreview", { enumerable: true, get: function () { return __importDefault(PdfPreview_1).default; } });
 __exportStar(require("./components/SubmissionInspector"), exports);

package/dist/es/components/KeywordsList/KeywordsList.js

@@ -0,0 +1,56 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import styled from 'styled-components';
+const KeywordsListContainer = styled.div `
+  margin: ${(props) => props.theme.grid.unit * 4}px 0;
+`;
+const KeywordsTitle = styled.h1 `
+  color: ${(props) => props.theme.colors.text.primary};
+  font-family: ${(props) => props.theme.font.family.sans};
+  font-size: ${(props) => props.theme.font.size.small};
+  font-style: italic;
+  font-weight: ${(props) => props.theme.font.weight.normal} !important;
+  line-height: ${(props) => props.theme.font.lineHeight.normal};
+  margin: 0 0 ${(props) => props.theme.grid.unit}px;
+  padding: 0;
+`;
+const KeywordItem = styled.div `
+  display: inline-block;
+  color: ${(props) => props.theme.colors.text.primary};
+  background-color: ${(props) => props.theme.colors.background.keyword.default};
+  font-family: ${(props) => props.theme.font.family.sans};
+  font-size: ${(props) => props.theme.font.size.normal};
+  line-height: ${(props) => props.theme.font.lineHeight.normal};
+  margin-right: ${(props) => props.theme.grid.unit}px;
+  margin-bottom: ${(props) => props.theme.grid.unit}px;
+  padding: ${(props) => props.theme.grid.unit}px;
+  border: 1px solid ${(props) => props.theme.colors.border.keyword.default};
+  border-radius: 6px;
+
+  &:hover {
+    background-color: ${(props) => props.theme.colors.background.keyword.hover};
+    border-color: ${(props) => props.theme.colors.border.keyword.hover};
+  }
+
+  &.selected {
+    background-color: ${(props) => props.theme.colors.background.keyword.selected};
+    border-color: ${(props) => props.theme.colors.border.keyword.selected};
+  }
+`;
+export const KeywordsList = ({ keywords }) => (React.createElement(KeywordsListContainer, null,
+    React.createElement(KeywordsTitle, null, "Keywords"),
+    keywords.map((keyword) => (React.createElement(KeywordItem, { key: keyword._id }, keyword.name)))));

package/dist/es/components/KeywordsList/index.js

@@ -0,0 +1,16 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './KeywordsList';

package/dist/es/components/ManuscriptNoteList.js

@@ -118,6 +118,8 @@ export const NoteBodyContainer = styled.div `
   ${(props) => borderStyle(props.theme.colors.border.secondary)};
   ${(props) => (props.isNew || props.isSelected) &&
     borderStyle(props.theme.colors.border.primary)}
+  ${(props) => props.isSelected &&
+    `background: ${props.theme.colors.background.selected};`}
 
   .tooltip {
     border-radius: 6px;

package/dist/es/index.js

@@ -46,6 +46,7 @@ export * from './components/Inspector';
 export * from './components/InspectorSection';
 export * from './components/Badge';
 export * from './components/NavDropdown';
+export * from './components/KeywordsList';
 export { default as PdfPreview } from './components/PdfPreview';
 export * from './components/SubmissionInspector';
 export * from './components/Dropdown';

package/dist/types/components/KeywordsList/KeywordsList.d.ts

@@ -0,0 +1,22 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Keyword } from '@manuscripts/manuscripts-json-schema';
+import React from 'react';
+interface Props {
+    keywords: Keyword[];
+}
+export declare const KeywordsList: React.FunctionComponent<Props>;
+export {};

package/dist/types/components/KeywordsList/index.d.ts

@@ -0,0 +1,16 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './KeywordsList';

package/dist/types/index.d.ts

@@ -47,6 +47,7 @@ export * from './components/Inspector';
 export * from './components/InspectorSection';
 export * from './components/Badge';
 export * from './components/NavDropdown';
+export * from './components/KeywordsList';
 export { default as PdfPreview } from './components/PdfPreview';
 export * from './components/SubmissionInspector';
 export * from './components/Dropdown';

package/dist/types/theme.d.ts

@@ -72,12 +72,20 @@ interface Variations {
     secondary: string;
     tertiary: string;
     fifth?: string;
+    selected?: string;
 }
 interface Background {
     dark: string;
+    keyword: Keyword;
+}
+interface Keyword {
+    default: string;
+    hover: string;
+    selected: string;
 }
 interface Border {
     field: States;
+    keyword: Keyword;
 }
 interface Brand {
     dark: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "0.31.27",
+  "version": "0.31.28-LEAN-1796",
   "repository": "gitlab:atypon-opensource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",