@conveyorhq/arrow-ds 1.147.1 → 1.148.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@conveyorhq/arrow-ds",
   "author": "Conveyor",
   "license": "MIT",
-  "version": "1.147.1",
+  "version": "1.148.0",
   "description": "Arrow Design System",
   "repository": "https://github.com/conveyor/arrow-ds",
   "publishConfig": {

package/public/components/Icon/Icon.d.ts

@@ -9,6 +9,7 @@ export declare enum CUSTOM_ICON_TYPE {
     COMMENT_ALT_CHECK = "comment-alt-check",
     CONVEYOR_LOGO = "conveyor-logo",
     DIALOG_CHECK = "dialog-check",
+    DO_NOT_ENTER = "do-not-enter",
     FOLDERS = "folders",
     INSERT_END = "insert-end",
     INSERT_MIDDLE = "insert-middle",

package/public/components/Icon/Icon.js

@@ -236,6 +236,7 @@ var CUSTOM_ICON_TYPE;
     CUSTOM_ICON_TYPE["COMMENT_ALT_CHECK"] = "comment-alt-check";
     CUSTOM_ICON_TYPE["CONVEYOR_LOGO"] = "conveyor-logo";
     CUSTOM_ICON_TYPE["DIALOG_CHECK"] = "dialog-check";
+    CUSTOM_ICON_TYPE["DO_NOT_ENTER"] = "do-not-enter";
     CUSTOM_ICON_TYPE["FOLDERS"] = "folders";
     CUSTOM_ICON_TYPE["INSERT_END"] = "insert-end";
     CUSTOM_ICON_TYPE["INSERT_MIDDLE"] = "insert-middle";
@@ -254,6 +255,7 @@ const CustomIcons = {
     [CUSTOM_ICON_TYPE.COMMENT_ALT_CHECK]: svg_1.CommentAltCheck,
     [CUSTOM_ICON_TYPE.CONVEYOR_LOGO]: svg_1.ConveyorLogoIcon,
     [CUSTOM_ICON_TYPE.DIALOG_CHECK]: svg_1.DialogCheck,
+    [CUSTOM_ICON_TYPE.DO_NOT_ENTER]: svg_1.DoNotEnter,
     [CUSTOM_ICON_TYPE.FOLDERS]: svg_1.Folders,
     [CUSTOM_ICON_TYPE.INSERT_END]: svg_1.InsertEnd,
     [CUSTOM_ICON_TYPE.INSERT_MIDDLE]: svg_1.InsertMiddle,

package/public/components/Icon/svg/DoNotEnter.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SvgProps } from "../../Svg";
+export declare const DoNotEnter: (props: SvgProps) => React.JSX.Element;

package/public/components/Icon/svg/DoNotEnter.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DoNotEnter = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const DoNotEnter = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", ...props },
+        react_1.default.createElement("path", { d: "M6.75488 0.8125C9.96582 0.8125 12.5674 3.41406 12.5674 6.625C12.5674 9.83594 9.96582 12.4375 6.75488 12.4375C3.54395 12.4375 0.942383 9.83594 0.942383 6.625C0.942383 3.41406 3.54395 0.8125 6.75488 0.8125ZM3.66113 7.5625H9.84863C9.98926 7.5625 10.1299 7.44531 10.1299 7.28125V5.96875C10.1299 5.82812 9.98926 5.6875 9.84863 5.6875H3.66113C3.49707 5.6875 3.37988 5.82812 3.37988 5.96875V7.28125C3.37988 7.44531 3.49707 7.5625 3.66113 7.5625Z", fill: "currentColor" })));
+};
+exports.DoNotEnter = DoNotEnter;

package/public/components/Icon/svg/index.d.ts

@@ -5,6 +5,7 @@ export * from "./BadgeCheck";
 export * from "./CommentAltCheck";
 export * from "./ConveyorLogoIcon";
 export * from "./DialogCheck";
+export * from "./DoNotEnter";
 export * from "./Folders";
 export * from "./InsertEnd";
 export * from "./InsertMiddle";

package/public/components/Icon/svg/index.js

@@ -21,6 +21,7 @@ __exportStar(require("./BadgeCheck"), exports);
 __exportStar(require("./CommentAltCheck"), exports);
 __exportStar(require("./ConveyorLogoIcon"), exports);
 __exportStar(require("./DialogCheck"), exports);
+__exportStar(require("./DoNotEnter"), exports);
 __exportStar(require("./Folders"), exports);
 __exportStar(require("./InsertEnd"), exports);
 __exportStar(require("./InsertMiddle"), exports);

package/public/components/Markdown/Markdown.js

@@ -20,7 +20,16 @@ const Markdown = ({ children, className, escapeHtml = true, skipHtml = false, re
             emphasis: TextRenderer("span"),
         }
         : undefined;
-    const linkRenderer = ({ href, children: text, }) => (react_1.default.createElement("a", { href: href, target: "_blank", rel: "noopener noreferrer" }, text));
+    const linkRenderer = ({ href, children: text, }) => {
+        const externalLinkProps = {
+            target: "_blank",
+            rel: "noopener noreferrer",
+        };
+        if (href.startsWith("http")) {
+            return (react_1.default.createElement("a", { href: href, ...externalLinkProps }, text));
+        }
+        return react_1.default.createElement("a", { href: href }, text);
+    };
     return (react_1.default.createElement(react_markdown_1.default, { className: (0, classnames_1.default)((0, bem_1.bem)(cn), className), source: children, escapeHtml: escapeHtml, skipHtml: skipHtml, renderers: {
             ...plainTextRenderers,
             link: linkRenderer,

package/src/components/Icon/Icon.tsx

@@ -205,6 +205,7 @@ import {
   CommentAltCheck,
   ConveyorLogoIcon,
   DialogCheck,
+  DoNotEnter,
   Folders,
   InsertEnd,
   InsertMiddle,
@@ -423,6 +424,7 @@ export enum CUSTOM_ICON_TYPE {
   COMMENT_ALT_CHECK = "comment-alt-check",
   CONVEYOR_LOGO = "conveyor-logo",
   DIALOG_CHECK = "dialog-check",
+  DO_NOT_ENTER = "do-not-enter",
   FOLDERS = "folders",
   INSERT_END = "insert-end",
   INSERT_MIDDLE = "insert-middle",
@@ -446,6 +448,7 @@ const CustomIcons: CustomIconPaths = {
   [CUSTOM_ICON_TYPE.COMMENT_ALT_CHECK]: CommentAltCheck,
   [CUSTOM_ICON_TYPE.CONVEYOR_LOGO]: ConveyorLogoIcon,
   [CUSTOM_ICON_TYPE.DIALOG_CHECK]: DialogCheck,
+  [CUSTOM_ICON_TYPE.DO_NOT_ENTER]: DoNotEnter,
   [CUSTOM_ICON_TYPE.FOLDERS]: Folders,
   [CUSTOM_ICON_TYPE.INSERT_END]: InsertEnd,
   [CUSTOM_ICON_TYPE.INSERT_MIDDLE]: InsertMiddle,

package/src/components/Icon/svg/DoNotEnter.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import { Svg, SvgProps } from "../../Svg";
+
+export const DoNotEnter = (props: SvgProps) => {
+  return (
+    <Svg width="13" height="13" viewBox="0 0 13 13" fill="none" {...props}>
+      <path
+        d="M6.75488 0.8125C9.96582 0.8125 12.5674 3.41406 12.5674 6.625C12.5674 9.83594 9.96582 12.4375 6.75488 12.4375C3.54395 12.4375 0.942383 9.83594 0.942383 6.625C0.942383 3.41406 3.54395 0.8125 6.75488 0.8125ZM3.66113 7.5625H9.84863C9.98926 7.5625 10.1299 7.44531 10.1299 7.28125V5.96875C10.1299 5.82812 9.98926 5.6875 9.84863 5.6875H3.66113C3.49707 5.6875 3.37988 5.82812 3.37988 5.96875V7.28125C3.37988 7.44531 3.49707 7.5625 3.66113 7.5625Z"
+        fill="currentColor"
+      />
+    </Svg>
+  );
+};

package/src/components/Icon/svg/index.ts

@@ -5,6 +5,7 @@ export * from "./BadgeCheck";
 export * from "./CommentAltCheck";
 export * from "./ConveyorLogoIcon";
 export * from "./DialogCheck";
+export * from "./DoNotEnter";
 export * from "./Folders";
 export * from "./InsertEnd";
 export * from "./InsertMiddle";

package/src/components/Markdown/Markdown.tsx

@@ -44,11 +44,22 @@ export const Markdown = ({
   }: {
     href: string;
     children: string;
-  }) => (
-    <a href={href} target="_blank" rel="noopener noreferrer">
-      {text}
-    </a>
-  );
+  }) => {
+    const externalLinkProps = {
+      target: "_blank",
+      rel: "noopener noreferrer",
+    };
+
+    if (href.startsWith("http")) {
+      return (
+        <a href={href} {...externalLinkProps}>
+          {text}
+        </a>
+      );
+    }
+
+    return <a href={href}>{text}</a>;
+  };
 
   return (
     <ReactMarkdown

package/src/components/MarkdownEditor/MarkdownEditor.stories.mdx

@@ -39,7 +39,7 @@ MarkdownEditor uses [react-codemirror](https://github.com/JedWatson/react-codemi
 import { MarkdownEditor } from "@conveyorhq/arrow-ds";
 ```
 
-export const exampleContent = `[Control: Third Party Access Review Control](/)\n## Third Party Access Reviews Procedure\n\n### Review Access Controls\n\n**To be performed at the following times:**\n* Whenever an ISMS Role Membership is added, updated, or deleted\n* Whenever an Access Control Review is due (Every 7 months)\n\n**In accordance with the following requirements:**\n\n**1. Review Access Grants to Information Systems**\n\nThe Security Team shall ensure that a review of access grants to information systems is completed. To perform an access review, either the Security Team or asset owners shall open the Security Management Tasks and review the access grants to ensure that:\n\n* All users of each information system have a business need for access\n* User permissions are set appropriately based on business needs\n* Multi-factor authentication status is appropriate for relevant systems\n\nThe Security Team or asset owners shall log the following information in the Security Management Tasks:\n\n* The date of the review\n* The information systems that were reviewed\n* The individual(s) who performed the review Notes from the review, including any changes to access as a result of the review\n* If the Security Team has delegated the access reviews to asset owners, the Security Team shall ensure that the reviews are completed.\n\n**2. Review privileged utility programs**\n\nThe Security Officer shall review the access levels of utility programs that can override system and application controls ("privileged utility programs") that have access to Sensitive/Regulated Information to ensure that the permissions granted to them continue to be appropriate.`;
+export const exampleContent = `[Conveyor](https://www.conveyor.com)\n\n[Control: Third Party Access Review Control](/)\n## Third Party Access Reviews Procedure\n\n### Review Access Controls\n\n**To be performed at the following times:**\n* Whenever an ISMS Role Membership is added, updated, or deleted\n* Whenever an Access Control Review is due (Every 7 months)\n\n**In accordance with the following requirements:**\n\n**1. Review Access Grants to Information Systems**\n\nThe Security Team shall ensure that a review of access grants to information systems is completed. To perform an access review, either the Security Team or asset owners shall open the Security Management Tasks and review the access grants to ensure that:\n\n* All users of each information system have a business need for access\n* User permissions are set appropriately based on business needs\n* Multi-factor authentication status is appropriate for relevant systems\n\nThe Security Team or asset owners shall log the following information in the Security Management Tasks:\n\n* The date of the review\n* The information systems that were reviewed\n* The individual(s) who performed the review Notes from the review, including any changes to access as a result of the review\n* If the Security Team has delegated the access reviews to asset owners, the Security Team shall ensure that the reviews are completed.\n\n**2. Review privileged utility programs**\n\nThe Security Officer shall review the access levels of utility programs that can override system and application controls ("privileged utility programs") that have access to Sensitive/Regulated Information to ensure that the permissions granted to them continue to be appropriate.`;
 
 ## Basic usage