@manuscripts/style-guide 1.7.10-LEAN-3415-2 → 1.7.11

package/dist/cjs/components/Button.js

@@ -38,13 +38,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconButtonGroup = exports.ButtonGroup = exports.SecondaryIconButton = exports.RoundIconButton = exports.IconButton = exports.ToggleButtonAlt = exports.ToggleButton = exports.IconTextButton = exports.TertiaryButton = exports.PrimaryButton = exports.SecondaryButton = void 0;
+exports.ButtonGroup = exports.SecondaryIconButton = exports.RoundIconButton = exports.IconButton = exports.ToggleButtonAlt = exports.ToggleButton = exports.IconTextButton = exports.TertiaryButton = exports.PrimaryButton = exports.SecondaryButton = void 0;
 const styled_components_1 = __importStar(require("styled-components"));
 const dangerBtnStyles = (0, styled_components_1.css) `
   ${(props) => btnColors(props.theme.colors.button.error.color.default, props.theme.colors.button.error.background.default, props.theme.colors.button.error.border.default, true)}
 
   &:not([disabled]):hover, &:not([disabled]):focus {
     ${(props) => btnColors(props.theme.colors.button.error.color.hover, props.theme.colors.button.error.background.hover, props.theme.colors.button.error.border.hover, true)}
+  }
 
   &:not([disabled]):active {
     ${(props) => btnColors(props.theme.colors.button.error.color.active, props.theme.colors.button.error.background.active, props.theme.colors.button.error.border.active)}
@@ -229,7 +230,7 @@ const IconButtonTemplate = (0, styled_components_1.default)(ButtonTemplate) `
   ${(props) => !props.defaultColor && svgColors}
 `;
 exports.IconButton = (0, styled_components_1.default)(IconButtonTemplate) `
-  ${(props) => btnColors('#6e6e6e', props.theme.colors.button.default.background.default, props.theme.colors.button.default.border.default, false)}
+  ${(props) => btnColors(props.theme.colors.text.primary, props.theme.colors.button.default.background.default, props.theme.colors.button.default.border.default, false)}
 
   &:not([disabled]):hover, &:not([disabled]):focus {
     ${(props) => btnColors(props.theme.colors.brand.medium, 'transparent', 'transparent', false)}
@@ -287,14 +288,3 @@ exports.ButtonGroup = styled_components_1.default.div `
     margin-left: ${(props) => props.theme.grid.unit}px;
   }
 `;
-exports.IconButtonGroup = styled_components_1.default.div `
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-
-  button {
-    width: 28px;
-    height: 28px;
-  }
-`;

package/dist/cjs/components/References/CitationEditor.js

@@ -34,6 +34,7 @@ const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("../Button");
 const Dialog_1 = require("../Dialog");
+const icons_1 = require("../icons");
 const CitationViewer_1 = require("./CitationViewer");
 const ReferenceLine_1 = require("./ReferenceLine");
 const ReferenceSearch_1 = require("./ReferenceSearch");
@@ -135,7 +136,9 @@ const CitationEditor = ({ query, rids, items, citationCounts, sources, onCite, o
                     react_1.default.createElement(CloseIconDark_1.default, { className: 'remove-icon' }))))))),
         react_1.default.createElement(ReferencesModal_1.ReferencesModal, { isOpen: editingForm.show, onCancel: () => setEditingForm({ show: false }), items: items, citationCounts: citationCounts, item: editingForm.item, onSave: onSave, onDelete: onDelete }),
         react_1.default.createElement(Actions, null,
-            react_1.default.createElement(Button_1.IconTextButton, null),
+            react_1.default.createElement(Button_1.IconTextButton, { onClick: onComment },
+                react_1.default.createElement(icons_1.AddComment, null),
+                react_1.default.createElement(AddCommentButtonText, null, "Add Comment")),
             react_1.default.createElement(Button_1.ButtonGroup, null,
                 react_1.default.createElement(Button_1.SecondaryButton, { onClick: onCancel }, "Done"),
                 react_1.default.createElement(Button_1.PrimaryButton, { disabled: !canEdit, onClick: () => setSearching(true) }, "Add Citation")))));

package/dist/cjs/index.js

@@ -39,7 +39,6 @@ __exportStar(require("./components/AuthorName"), exports);
 __exportStar(require("./components/AuthorsDND"), exports);
 __exportStar(require("./components/AlertMessage"), exports);
 __exportStar(require("./components/Button"), exports);
-__exportStar(require("./components/ContextMenu"), exports);
 __exportStar(require("./components/RadioButton"), exports);
 __exportStar(require("./components/AutoSaveInput"), exports);
 __exportStar(require("./components/Avatar"), exports);

package/dist/es/components/Button.js

@@ -19,6 +19,7 @@ const dangerBtnStyles = css `
 
   &:not([disabled]):hover, &:not([disabled]):focus {
     ${(props) => btnColors(props.theme.colors.button.error.color.hover, props.theme.colors.button.error.background.hover, props.theme.colors.button.error.border.hover, true)}
+  }
 
   &:not([disabled]):active {
     ${(props) => btnColors(props.theme.colors.button.error.color.active, props.theme.colors.button.error.background.active, props.theme.colors.button.error.border.active)}
@@ -203,7 +204,7 @@ const IconButtonTemplate = styled(ButtonTemplate) `
   ${(props) => !props.defaultColor && svgColors}
 `;
 export const IconButton = styled(IconButtonTemplate) `
-  ${(props) => btnColors('#6e6e6e', props.theme.colors.button.default.background.default, props.theme.colors.button.default.border.default, false)}
+  ${(props) => btnColors(props.theme.colors.text.primary, props.theme.colors.button.default.background.default, props.theme.colors.button.default.border.default, false)}
 
   &:not([disabled]):hover, &:not([disabled]):focus {
     ${(props) => btnColors(props.theme.colors.brand.medium, 'transparent', 'transparent', false)}
@@ -261,14 +262,3 @@ export const ButtonGroup = styled.div `
     margin-left: ${(props) => props.theme.grid.unit}px;
   }
 `;
-export const IconButtonGroup = styled.div `
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-
-  button {
-    width: 28px;
-    height: 28px;
-  }
-`;

package/dist/es/components/References/CitationEditor.js

@@ -5,6 +5,7 @@ import React, { useMemo, useState } from 'react';
 import styled from 'styled-components';
 import { ButtonGroup, IconButton, IconTextButton, PrimaryButton, SecondaryButton, } from '../Button';
 import { Category, Dialog } from '../Dialog';
+import { AddComment } from '../icons';
 import { CitedItem, CitedItems } from './CitationViewer';
 import { ReferenceLine } from './ReferenceLine';
 import { ReferenceSearch } from './ReferenceSearch';
@@ -106,7 +107,9 @@ export const CitationEditor = ({ query, rids, items, citationCounts, sources, on
                     React.createElement(CloseIconDark, { className: 'remove-icon' }))))))),
         React.createElement(ReferencesModal, { isOpen: editingForm.show, onCancel: () => setEditingForm({ show: false }), items: items, citationCounts: citationCounts, item: editingForm.item, onSave: onSave, onDelete: onDelete }),
         React.createElement(Actions, null,
-            React.createElement(IconTextButton, null),
+            React.createElement(IconTextButton, { onClick: onComment },
+                React.createElement(AddComment, null),
+                React.createElement(AddCommentButtonText, null, "Add Comment")),
             React.createElement(ButtonGroup, null,
                 React.createElement(SecondaryButton, { onClick: onCancel }, "Done"),
                 React.createElement(PrimaryButton, { disabled: !canEdit, onClick: () => setSearching(true) }, "Add Citation")))));

package/dist/es/index.js

@@ -19,7 +19,6 @@ export * from './components/AuthorName';
 export * from './components/AuthorsDND';
 export * from './components/AlertMessage';
 export * from './components/Button';
-export * from './components/ContextMenu';
 export * from './components/RadioButton';
 export * from './components/AutoSaveInput';
 export * from './components/Avatar';

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

@@ -95,4 +95,3 @@ export declare const SecondaryIconButton: import("styled-components").StyledComp
     iconColor?: string | undefined;
 }, "type">;
 export declare const ButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const IconButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/types/index.d.ts

@@ -20,7 +20,6 @@ export * from './components/AuthorName';
 export * from './components/AuthorsDND';
 export * from './components/AlertMessage';
 export * from './components/Button';
-export * from './components/ContextMenu';
 export * from './components/RadioButton';
 export * from './components/AutoSaveInput';
 export * from './components/Avatar';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.7.10-LEAN-3415-2",
+  "version": "1.7.11",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "@manuscripts/assets": "^0.6.4",
-    "@manuscripts/json-schema": "^2.2.5",
-    "@manuscripts/transform": "^2.1.5",
+    "@manuscripts/json-schema": "^2.2.6",
+    "@manuscripts/transform": "^2.1.6",
     "@reach/tabs": "^0.18.0",
     "date-fns": "^2.29.3",
     "formik": "^2.2.9",

package/dist/cjs/components/ContextMenu.js

@@ -1,51 +0,0 @@
-"use strict";
-/*!
- * © 2024 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.ContextMenu = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Button_1 = require("./Button");
-const icons_1 = require("./icons");
-const Tooltip_1 = require("./Tooltip");
-const Icons = {
-    AddComment: icons_1.AddComment,
-    EditIcon: icons_1.EditIcon,
-};
-const ContextMenuIconButton = (0, styled_components_1.default)(Button_1.IconButton) `
-  &:not([disabled]):hover,
-  &:not([disabled]):focus {
-    color: #363636;
-    background-color: #f2f2f2;
-    border-color: #f2f2f2;
-  }
-`;
-const ContextMenu = ({ actions }) => {
-    let Icon;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Button_1.IconButtonGroup, null, actions.map((action) => {
-            {
-                Icon = Icons[action.icon];
-            }
-            return (react_1.default.createElement(ContextMenuIconButton, { key: action.icon, "data-tooltip-id": action.icon, onClick: action.action },
-                react_1.default.createElement(Icon, null),
-                react_1.default.createElement(Tooltip_1.Tooltip, { id: action.icon, place: "bottom" }, action.label)));
-        }))));
-};
-exports.ContextMenu = ContextMenu;

package/dist/es/components/ContextMenu.js

@@ -1,44 +0,0 @@
-/*!
- * © 2024 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';
-import { IconButton, IconButtonGroup } from './Button';
-import { AddComment, EditIcon } from './icons';
-import { Tooltip } from './Tooltip';
-const Icons = {
-    AddComment: AddComment,
-    EditIcon: EditIcon,
-};
-const ContextMenuIconButton = styled(IconButton) `
-  &:not([disabled]):hover,
-  &:not([disabled]):focus {
-    color: #363636;
-    background-color: #f2f2f2;
-    border-color: #f2f2f2;
-  }
-`;
-export const ContextMenu = ({ actions }) => {
-    let Icon;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(IconButtonGroup, null, actions.map((action) => {
-            {
-                Icon = Icons[action.icon];
-            }
-            return (React.createElement(ContextMenuIconButton, { key: action.icon, "data-tooltip-id": action.icon, onClick: action.action },
-                React.createElement(Icon, null),
-                React.createElement(Tooltip, { id: action.icon, place: "bottom" }, action.label)));
-        }))));
-};

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

@@ -1,25 +0,0 @@
-/*!
- * © 2024 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';
-export interface Actions {
-    label: string;
-    action: () => void;
-    icon: string;
-}
-export interface ContextMenuProps {
-    actions: Actions[];
-}
-export declare const ContextMenu: React.FC<ContextMenuProps>;