Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-linkify-it

Package Overview
Dependencies
Maintainers
1
Versions
12
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-linkify-it - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

29

dist/react-linkify-it.esm.d.ts

@@ -6,4 +6,2 @@ import React from "react";

match: string;
/** Key to be used when looping matches */
key: number;
/** Optional class which is passed to the linked component */

@@ -24,2 +22,10 @@ className?: string;

}
type ReactLinkProps = React.FC<React.PropsWithChildren<LinkProps>>;
type ReactLinkItProps = React.FC<React.PropsWithChildren<{
component: Component;
regex: RegExp;
}>>;
type ReactHOCLinkProps = React.FC<React.PropsWithChildren<HOCLinkProps>>;
type ReactJiraLinkProps = React.FC<React.PropsWithChildren<JiraLinkProps>>;
type ReactJiraHOCLinkProps = React.FC<React.PropsWithChildren<JiraHOCLinkProps>>;
/**

@@ -48,30 +54,27 @@ * Function receives matched string and key to be used for loop, must return a React component

*/
declare const LinkIt: React.FC<React.PropsWithChildren<{
component: Component;
regex: RegExp;
}>>;
declare const LinkIt: ReactLinkItProps;
/**
* Link URLs
*/
declare const LinkItUrl: React.FC<React.PropsWithChildren<HOCLinkProps>>;
declare const LinkItUrl: ReactHOCLinkProps;
/**
* Link Twitter handles
*/
declare const LinkItTwitter: React.FC<React.PropsWithChildren<HOCLinkProps>>;
declare const LinkItTwitter: ReactHOCLinkProps;
/**
* Link Jira tickets
*/
declare const LinkItJira: React.FC<React.PropsWithChildren<JiraHOCLinkProps>>;
declare const LinkItJira: ReactJiraHOCLinkProps;
/**
* Link Emails
*/
declare const LinkItEmail: React.FC<React.PropsWithChildren<HOCLinkProps>>;
declare const LinkItEmail: ReactHOCLinkProps;
declare const urlRegex: RegExp;
declare const UrlComponent: React.FC<React.PropsWithChildren<LinkProps>>;
declare const twitterRegex: RegExp;
declare const TwitterComponent: React.FC<React.PropsWithChildren<LinkProps>>;
declare const TwitterComponent: ReactLinkProps;
declare const jiraRegex: RegExp;
declare const JiraComponent: React.FC<React.PropsWithChildren<JiraLinkProps>>;
declare const JiraComponent: ReactJiraLinkProps;
declare const emailRegex: RegExp;
declare const EmailComponent: React.FC<React.PropsWithChildren<LinkProps>>;
export { linkIt, LinkIt, LinkItUrl, LinkItTwitter, LinkItJira, LinkItEmail, urlRegex, UrlComponent, twitterRegex, TwitterComponent, jiraRegex, JiraComponent, emailRegex, EmailComponent, LinkProps, HOCLinkProps, JiraLinkProps, JiraHOCLinkProps, Component };
export { linkIt, LinkIt, LinkItUrl, LinkItTwitter, LinkItJira, LinkItEmail, urlRegex, UrlComponent, twitterRegex, TwitterComponent, jiraRegex, JiraComponent, emailRegex, EmailComponent, LinkProps, ReactLinkProps, ReactLinkItProps, ReactHOCLinkProps, ReactJiraLinkProps, ReactJiraHOCLinkProps, Component };

@@ -6,4 +6,2 @@ import React from "react";

match: string;
/** Key to be used when looping matches */
key: number;
/** Optional class which is passed to the linked component */

@@ -24,2 +22,10 @@ className?: string;

}
type ReactLinkProps = React.FC<React.PropsWithChildren<LinkProps>>;
type ReactLinkItProps = React.FC<React.PropsWithChildren<{
component: Component;
regex: RegExp;
}>>;
type ReactHOCLinkProps = React.FC<React.PropsWithChildren<HOCLinkProps>>;
type ReactJiraLinkProps = React.FC<React.PropsWithChildren<JiraLinkProps>>;
type ReactJiraHOCLinkProps = React.FC<React.PropsWithChildren<JiraHOCLinkProps>>;
/**

@@ -48,30 +54,27 @@ * Function receives matched string and key to be used for loop, must return a React component

*/
declare const LinkIt: React.FC<React.PropsWithChildren<{
component: Component;
regex: RegExp;
}>>;
declare const LinkIt: ReactLinkItProps;
/**
* Link URLs
*/
declare const LinkItUrl: React.FC<React.PropsWithChildren<HOCLinkProps>>;
declare const LinkItUrl: ReactHOCLinkProps;
/**
* Link Twitter handles
*/
declare const LinkItTwitter: React.FC<React.PropsWithChildren<HOCLinkProps>>;
declare const LinkItTwitter: ReactHOCLinkProps;
/**
* Link Jira tickets
*/
declare const LinkItJira: React.FC<React.PropsWithChildren<JiraHOCLinkProps>>;
declare const LinkItJira: ReactJiraHOCLinkProps;
/**
* Link Emails
*/
declare const LinkItEmail: React.FC<React.PropsWithChildren<HOCLinkProps>>;
declare const LinkItEmail: ReactHOCLinkProps;
declare const urlRegex: RegExp;
declare const UrlComponent: React.FC<React.PropsWithChildren<LinkProps>>;
declare const twitterRegex: RegExp;
declare const TwitterComponent: React.FC<React.PropsWithChildren<LinkProps>>;
declare const TwitterComponent: ReactLinkProps;
declare const jiraRegex: RegExp;
declare const JiraComponent: React.FC<React.PropsWithChildren<JiraLinkProps>>;
declare const JiraComponent: ReactJiraLinkProps;
declare const emailRegex: RegExp;
declare const EmailComponent: React.FC<React.PropsWithChildren<LinkProps>>;
export { linkIt, LinkIt, LinkItUrl, LinkItTwitter, LinkItJira, LinkItEmail, urlRegex, UrlComponent, twitterRegex, TwitterComponent, jiraRegex, JiraComponent, emailRegex, EmailComponent, LinkProps, HOCLinkProps, JiraLinkProps, JiraHOCLinkProps, Component };
export { linkIt, LinkIt, LinkItUrl, LinkItTwitter, LinkItJira, LinkItEmail, urlRegex, UrlComponent, twitterRegex, TwitterComponent, jiraRegex, JiraComponent, emailRegex, EmailComponent, LinkProps, ReactLinkProps, ReactLinkItProps, ReactHOCLinkProps, ReactJiraLinkProps, ReactJiraHOCLinkProps, Component };

@@ -6,4 +6,2 @@ import React from "react";

match: string;
/** Key to be used when looping matches */
key: number;
/** Optional class which is passed to the linked component */

@@ -24,2 +22,10 @@ className?: string;

}
type ReactLinkProps = React.FC<React.PropsWithChildren<LinkProps>>;
type ReactLinkItProps = React.FC<React.PropsWithChildren<{
component: Component;
regex: RegExp;
}>>;
type ReactHOCLinkProps = React.FC<React.PropsWithChildren<HOCLinkProps>>;
type ReactJiraLinkProps = React.FC<React.PropsWithChildren<JiraLinkProps>>;
type ReactJiraHOCLinkProps = React.FC<React.PropsWithChildren<JiraHOCLinkProps>>;
/**

@@ -48,30 +54,27 @@ * Function receives matched string and key to be used for loop, must return a React component

*/
declare const LinkIt: React.FC<React.PropsWithChildren<{
component: Component;
regex: RegExp;
}>>;
declare const LinkIt: ReactLinkItProps;
/**
* Link URLs
*/
declare const LinkItUrl: React.FC<React.PropsWithChildren<HOCLinkProps>>;
declare const LinkItUrl: ReactHOCLinkProps;
/**
* Link Twitter handles
*/
declare const LinkItTwitter: React.FC<React.PropsWithChildren<HOCLinkProps>>;
declare const LinkItTwitter: ReactHOCLinkProps;
/**
* Link Jira tickets
*/
declare const LinkItJira: React.FC<React.PropsWithChildren<JiraHOCLinkProps>>;
declare const LinkItJira: ReactJiraHOCLinkProps;
/**
* Link Emails
*/
declare const LinkItEmail: React.FC<React.PropsWithChildren<HOCLinkProps>>;
declare const LinkItEmail: ReactHOCLinkProps;
declare const urlRegex: RegExp;
declare const UrlComponent: React.FC<React.PropsWithChildren<LinkProps>>;
declare const twitterRegex: RegExp;
declare const TwitterComponent: React.FC<React.PropsWithChildren<LinkProps>>;
declare const TwitterComponent: ReactLinkProps;
declare const jiraRegex: RegExp;
declare const JiraComponent: React.FC<React.PropsWithChildren<JiraLinkProps>>;
declare const JiraComponent: ReactJiraLinkProps;
declare const emailRegex: RegExp;
declare const EmailComponent: React.FC<React.PropsWithChildren<LinkProps>>;
export { linkIt, LinkIt, LinkItUrl, LinkItTwitter, LinkItJira, LinkItEmail, urlRegex, UrlComponent, twitterRegex, TwitterComponent, jiraRegex, JiraComponent, emailRegex, EmailComponent, LinkProps, HOCLinkProps, JiraLinkProps, JiraHOCLinkProps, Component };
export { linkIt, LinkIt, LinkItUrl, LinkItTwitter, LinkItJira, LinkItEmail, urlRegex, UrlComponent, twitterRegex, TwitterComponent, jiraRegex, JiraComponent, emailRegex, EmailComponent, LinkProps, ReactLinkProps, ReactLinkItProps, ReactHOCLinkProps, ReactJiraLinkProps, ReactJiraHOCLinkProps, Component };
{
"name": "react-linkify-it",
"author": "Ananto Ghosh",
"version": "1.0.6",
"version": "1.0.7",
"description": "A tiny, dependency free react package that turns urls (with i18n and emoji support), emails, jira tickets, twitter handles, anything you want! in your text clickable (aka linkify).",

@@ -30,7 +30,7 @@ "license": "MIT",

"type": "individual",
"url": "https://ko-fi.com/anantoghosh"
"url": "https://github.com/sponsors/anantoghosh"
},
{
"type": "individual",
"url": "https://pages.razorpay.com/ananto"
"url": "https://ko-fi.com/anantoghosh"
}

@@ -71,3 +71,3 @@ ],

"@types/jest": "^27.4.0",
"@types/react": "^17.0.39",
"@types/react": "^18.0.10",
"@typescript-eslint/eslint-plugin": "^5.12.1",

@@ -80,4 +80,4 @@ "@typescript-eslint/parser": "^5.12.1",

"prettier": "^2.5.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react": "^18.1.0",
"react-dom": "^18.1.0",
"rollup": "^2.68.0",

@@ -84,0 +84,0 @@ "rollup-plugin-size": "^0.2.2",

@@ -12,3 +12,4 @@ # react-linkify-it 🔗

<a href="https://ko-fi.com/anantoghosh" rel="nofollow"><img alt="Support me (worldwide)" src="https://anantoghosh.github.io/assets/kofi.svg" height="36" /></a>
<a href="https://github.com/sponsors/anantoghosh" rel="nofollow"><img alt="Support me on Github" src="https://anantoghosh.github.io/assets/support_github.svg" height="36" /></a>
<a href="https://ko-fi.com/anantoghosh" rel="nofollow"><img alt="Support me on KoFi" src="https://anantoghosh.github.io/assets/support_kofi.svg" height="36" /></a>

@@ -233,4 +234,5 @@ A tiny and dependency free universal linking solution that turns **any pattern** in your text clickable (aka linkify).

Hey 👋 If my packages has helped you in any way, consider making a small donation to encourage me to keep contributing. Maintaining good software takes time and effort and for open source developers there is very less incentives to do so.
Your contribution is greatly appreciated and will motivate me to continue to support developing my packages which you may have used.
Your contribution is greatly appreciated and will motivate me to continue to support developing my packages which you may have used.
<a href="https://ko-fi.com/anantoghosh" rel="nofollow"><img alt="Support me (worldwide)" src="https://anantoghosh.github.io/assets/kofi.svg" height="36" /></a>
<a href="https://github.com/sponsors/anantoghosh" rel="nofollow"><img alt="Support me on Github" src="https://anantoghosh.github.io/assets/support_github.svg" height="36" /></a>
<a href="https://ko-fi.com/anantoghosh" rel="nofollow"><img alt="Support me on KoFi" src="https://anantoghosh.github.io/assets/support_kofi.svg" height="36" /></a>
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc