@manuscripts/style-guide 2.0.34 → 2.0.35-LEAN-4304-v0.0

package/dist/cjs/components/ContextMenu.js

@@ -14,6 +14,29 @@
  * 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;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -22,7 +45,7 @@ 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 Icons = __importStar(require("./icons"));
 const Tooltip_1 = require("./Tooltip");
 const ContextMenuIconButton = (0, styled_components_1.default)(Button_1.IconButton) `
   color: #6e6e6e;
@@ -36,20 +59,15 @@ const ContextMenuIconButton = (0, styled_components_1.default)(Button_1.IconButt
     border-color: #f2f2f2;
   }
 `;
-const icons = {
-    AddComment: icons_1.AddCommentIcon,
-    Edit: icons_1.EditIcon,
-    AddOutline: icons_1.AddOutlineIcon,
-    Scroll: icons_1.ScrollIcon,
-    Delete: icons_1.DeleteIcon,
-    ImageDefault: icons_1.ImageDefaultIcon,
-    ImageLeft: icons_1.ImageLeftIcon,
-    ImageRight: icons_1.ImageRightIcon,
-};
+const icons = Object.entries(Icons).reduce((acc, [name, IconComponent]) => {
+    const iconName = name.replace(/Icon$/, '');
+    acc[iconName] = IconComponent;
+    return acc;
+}, {});
 const ContextMenu = ({ actions }) => (react_1.default.createElement(Button_1.IconButtonGroup, { size: 32 }, actions.map((action) => {
     const Icon = icons[action.icon];
     return (react_1.default.createElement(ContextMenuIconButton, { key: action.icon, "data-tooltip-id": action.icon, onClick: action.action, className: action.selected ? 'selected' : '' },
-        react_1.default.createElement(Icon, null),
+        react_1.default.createElement(Icon, { width: 18, height: 18 }),
         react_1.default.createElement(Tooltip_1.Tooltip, { id: action.icon, place: "bottom" }, action.label)));
 })));
 exports.ContextMenu = ContextMenu;

package/dist/es/components/ContextMenu.js

@@ -16,7 +16,7 @@
 import React from 'react';
 import styled from 'styled-components';
 import { IconButton, IconButtonGroup } from './Button';
-import { AddCommentIcon, AddOutlineIcon, DeleteIcon, EditIcon, ImageDefaultIcon, ImageLeftIcon, ImageRightIcon, ScrollIcon, } from './icons';
+import * as Icons from './icons';
 import { Tooltip } from './Tooltip';
 const ContextMenuIconButton = styled(IconButton) `
   color: #6e6e6e;
@@ -30,19 +30,14 @@ const ContextMenuIconButton = styled(IconButton) `
     border-color: #f2f2f2;
   }
 `;
-const icons = {
-    AddComment: AddCommentIcon,
-    Edit: EditIcon,
-    AddOutline: AddOutlineIcon,
-    Scroll: ScrollIcon,
-    Delete: DeleteIcon,
-    ImageDefault: ImageDefaultIcon,
-    ImageLeft: ImageLeftIcon,
-    ImageRight: ImageRightIcon,
-};
+const icons = Object.entries(Icons).reduce((acc, [name, IconComponent]) => {
+    const iconName = name.replace(/Icon$/, '');
+    acc[iconName] = IconComponent;
+    return acc;
+}, {});
 export const ContextMenu = ({ actions }) => (React.createElement(IconButtonGroup, { size: 32 }, actions.map((action) => {
     const Icon = icons[action.icon];
     return (React.createElement(ContextMenuIconButton, { key: action.icon, "data-tooltip-id": action.icon, onClick: action.action, className: action.selected ? 'selected' : '' },
-        React.createElement(Icon, null),
+        React.createElement(Icon, { width: 18, height: 18 }),
         React.createElement(Tooltip, { id: action.icon, place: "bottom" }, action.label)));
 })));

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

@@ -23,4 +23,9 @@ export interface Actions {
 export interface ContextMenuProps {
     actions: Actions[];
 }
+export interface IconProps {
+    width?: number | string;
+    height?: number | string;
+    color?: string;
+}
 export declare const ContextMenu: React.FC<ContextMenuProps>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "2.0.34",
+  "version": "2.0.35-LEAN-4304-v0.0",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",