dce-reactkit 3.5.13 → 3.5.14

package/dist/esm/types/helpers/makeLinksClickable.d.ts

@@ -5,12 +5,14 @@ import React from 'react';
  * @param text the text to process
  * @param [opts] options to customize behavior
  * @param [opts.newTab] if true, links will open in a new tab
- * @param [opts.preventPropagation] if true, clicks to link will prevent default
- *   and propagation
+ * @param [opts.preventPropagation] if true, clicks to link will prevent
+ *   propagation
+ * @param [opts.inheritColor] if true, inherit text color for links
  * @returns the processed text
  */
 declare const makeLinksClickable: (text: string, opts?: {
     newTab?: boolean;
     preventPropagation?: boolean;
+    inheritColor?: boolean;
 }) => React.ReactNode;
 export default makeLinksClickable;

package/dist/index.d.ts

@@ -1379,13 +1379,15 @@ declare const idify: (str: string) => string;
  * @param text the text to process
  * @param [opts] options to customize behavior
  * @param [opts.newTab] if true, links will open in a new tab
- * @param [opts.preventPropagation] if true, clicks to link will prevent default
- *   and propagation
+ * @param [opts.preventPropagation] if true, clicks to link will prevent
+ *   propagation
+ * @param [opts.inheritColor] if true, inherit text color for links
  * @returns the processed text
  */
 declare const makeLinksClickable: (text: string, opts?: {
     newTab?: boolean;
     preventPropagation?: boolean;
+    inheritColor?: boolean;
 }) => React.ReactNode;
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dce-reactkit",
-  "version": "3.5.13",
+  "version": "3.5.14",
   "description": "Shared components for Harvard DCE apps",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/helpers/makeLinksClickable.tsx

@@ -10,8 +10,9 @@ const urlRegex = /(https?:\/\/)?([a-z0-9-]+\.)+[a-z0-9]{2,6}(:[0-9]{1,5})?(\/\S*
  * @param text the text to process
  * @param [opts] options to customize behavior
  * @param [opts.newTab] if true, links will open in a new tab
- * @param [opts.preventPropagation] if true, clicks to link will prevent default
- *   and propagation
+ * @param [opts.preventPropagation] if true, clicks to link will prevent
+ *   propagation
+ * @param [opts.inheritColor] if true, inherit text color for links
  * @returns the processed text
  */
 const makeLinksClickable = (
@@ -19,6 +20,7 @@ const makeLinksClickable = (
   opts?: {
     newTab?: boolean,
     preventPropagation?: boolean,
+    inheritColor?: boolean,
   },
 ): React.ReactNode => {
   // Search text for links
@@ -61,11 +63,11 @@ const makeLinksClickable = (
         rel={newTab ? 'noopener noreferrer' : undefined}
         style={{
           textDecoration: 'underline',
+          color: opts?.inheritColor ? 'inherit' : undefined,
         }}
         onClick={(e) => {
-          // Prevent default and propagation if requested
+          // Prevent propagation if requested
           if (opts?.preventPropagation) {
-            e.preventDefault();
             e.stopPropagation();
           }
         }}