@atlaskit/smart-card 26.11.0 → 26.12.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 26.12.0
+
+### Minor Changes
+
+- [`5eea09cd864`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5eea09cd864) - Standalone Hover Preview: Add zIndex prop to pass to DS Popup
+
+## 26.11.1
+
+### Patch Changes
+
+- [`b37a26be833`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b37a26be833) - Prevent LinkUrl from throwing error on validation
+
 ## 26.11.0
 
 ### Minor Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.11.0",
+	"version": "26.12.0",
 	"sideEffects": false
 }

package/dist/cjs/view/HoverCard/components/HoverCardComponent.js

@@ -43,7 +43,9 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
     _ref$showServerAction = _ref.showServerActions,
     showServerActions = _ref$showServerAction === void 0 ? false : _ref$showServerAction,
     _ref$allowEventPropag = _ref.allowEventPropagation,
-    allowEventPropagation = _ref$allowEventPropag === void 0 ? false : _ref$allowEventPropag;
+    allowEventPropagation = _ref$allowEventPropag === void 0 ? false : _ref$allowEventPropag,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? _styled.HOVER_CARD_Z_INDEX : _ref$zIndex;
   var _React$useState = _react2.default.useState(false),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     isOpen = _React$useState2[0],
@@ -222,7 +224,7 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
     autoFocus: false,
     content: content,
     trigger: trigger,
-    zIndex: _styled.HOVER_CARD_Z_INDEX
+    zIndex: zIndex
   });
 };
 exports.HoverCardComponent = HoverCardComponent;

package/dist/cjs/view/LinkUrl/LinkWarningModal/hooks/use-link-warning-modal.js

@@ -10,6 +10,13 @@ var _react = require("react");
 var _url = require("@atlaskit/linking-common/url");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("../../../../utils/analytics");
+var toUrl = function toUrl(url, base) {
+  try {
+    return new URL(url, base);
+  } catch (_unused) {
+    return undefined;
+  }
+};
 var useLinkWarningModal = function useLinkWarningModal() {
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -57,8 +64,9 @@ var useLinkWarningModal = function useLinkWarningModal() {
       return true;
     }
     var anchorLinkRegex = new RegExp(/^#/im);
-    var isAnchorLink = anchorLinkRegex.test(linkText);
-    if (isAnchorLink) {
+    var isLinkTextAnchorLink = anchorLinkRegex.test(linkText);
+    var isAnchorLink = anchorLinkRegex.test(href);
+    if (isAnchorLink || isLinkTextAnchorLink) {
       return true;
     }
     var relativeLinkRegex = new RegExp(/^\//im);
@@ -66,8 +74,11 @@ var useLinkWarningModal = function useLinkWarningModal() {
     if (isRelativeHrefLink) {
       return true;
     }
-    var hrefUrl = new URL(href, window.location.origin);
-    var linkTextUrl = new URL(normalisedUrlFromLinkText, hrefUrl.origin);
+    var hrefUrl = toUrl(href, window.location.origin);
+    var linkTextUrl = toUrl(normalisedUrlFromLinkText, hrefUrl === null || hrefUrl === void 0 ? void 0 : hrefUrl.origin);
+    if (!hrefUrl || !linkTextUrl) {
+      return true;
+    }
     var httpProtocols = ['http:', 'https:'];
     var areProtocolsEquivalent;
     if (httpProtocols.includes(linkTextUrl.protocol) && httpProtocols.includes(hrefUrl.protocol)) {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.11.0",
+	"version": "26.12.0",
 	"sideEffects": false
 }

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -25,7 +25,8 @@ export const HoverCardComponent = ({
   closeOnChildClick = false,
   hidePreviewButton = false,
   showServerActions = false,
-  allowEventPropagation = false
+  allowEventPropagation = false,
+  zIndex = HOVER_CARD_Z_INDEX
 }) => {
   const [isOpen, setIsOpen] = React.useState(false);
   const fadeOutTimeoutId = useRef();
@@ -195,6 +196,6 @@ export const HoverCardComponent = ({
     autoFocus: false,
     content: content,
     trigger: trigger,
-    zIndex: HOVER_CARD_Z_INDEX
+    zIndex: zIndex
   });
 };

package/dist/es2019/view/LinkUrl/LinkWarningModal/hooks/use-link-warning-modal.js

@@ -2,6 +2,13 @@ import { useState } from 'react';
 import { normalizeUrl } from '@atlaskit/linking-common/url';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ANALYTICS_CHANNEL } from '../../../../utils/analytics';
+const toUrl = (url, base) => {
+  try {
+    return new URL(url, base);
+  } catch {
+    return undefined;
+  }
+};
 export const useLinkWarningModal = () => {
   const [unsafeLinkText, setUnsafeLinkText] = useState(null);
   const [url, setUrl] = useState(null);
@@ -41,8 +48,9 @@ export const useLinkWarningModal = () => {
       return true;
     }
     const anchorLinkRegex = new RegExp(/^#/im);
-    const isAnchorLink = anchorLinkRegex.test(linkText);
-    if (isAnchorLink) {
+    const isLinkTextAnchorLink = anchorLinkRegex.test(linkText);
+    const isAnchorLink = anchorLinkRegex.test(href);
+    if (isAnchorLink || isLinkTextAnchorLink) {
       return true;
     }
     const relativeLinkRegex = new RegExp(/^\//im);
@@ -50,8 +58,11 @@ export const useLinkWarningModal = () => {
     if (isRelativeHrefLink) {
       return true;
     }
-    const hrefUrl = new URL(href, window.location.origin);
-    const linkTextUrl = new URL(normalisedUrlFromLinkText, hrefUrl.origin);
+    const hrefUrl = toUrl(href, window.location.origin);
+    const linkTextUrl = toUrl(normalisedUrlFromLinkText, hrefUrl === null || hrefUrl === void 0 ? void 0 : hrefUrl.origin);
+    if (!hrefUrl || !linkTextUrl) {
+      return true;
+    }
     const httpProtocols = ['http:', 'https:'];
     let areProtocolsEquivalent;
     if (httpProtocols.includes(linkTextUrl.protocol) && httpProtocols.includes(hrefUrl.protocol)) {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.11.0",
+	"version": "26.12.0",
 	"sideEffects": false
 }

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -32,7 +32,9 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     _ref$showServerAction = _ref.showServerActions,
     showServerActions = _ref$showServerAction === void 0 ? false : _ref$showServerAction,
     _ref$allowEventPropag = _ref.allowEventPropagation,
-    allowEventPropagation = _ref$allowEventPropag === void 0 ? false : _ref$allowEventPropag;
+    allowEventPropagation = _ref$allowEventPropag === void 0 ? false : _ref$allowEventPropag,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? HOVER_CARD_Z_INDEX : _ref$zIndex;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isOpen = _React$useState2[0],
@@ -211,6 +213,6 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     autoFocus: false,
     content: content,
     trigger: trigger,
-    zIndex: HOVER_CARD_Z_INDEX
+    zIndex: zIndex
   });
 };

package/dist/esm/view/LinkUrl/LinkWarningModal/hooks/use-link-warning-modal.js

@@ -3,6 +3,13 @@ import { useState } from 'react';
 import { normalizeUrl } from '@atlaskit/linking-common/url';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ANALYTICS_CHANNEL } from '../../../../utils/analytics';
+var toUrl = function toUrl(url, base) {
+  try {
+    return new URL(url, base);
+  } catch (_unused) {
+    return undefined;
+  }
+};
 export var useLinkWarningModal = function useLinkWarningModal() {
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -50,8 +57,9 @@ export var useLinkWarningModal = function useLinkWarningModal() {
       return true;
     }
     var anchorLinkRegex = new RegExp(/^#/im);
-    var isAnchorLink = anchorLinkRegex.test(linkText);
-    if (isAnchorLink) {
+    var isLinkTextAnchorLink = anchorLinkRegex.test(linkText);
+    var isAnchorLink = anchorLinkRegex.test(href);
+    if (isAnchorLink || isLinkTextAnchorLink) {
       return true;
     }
     var relativeLinkRegex = new RegExp(/^\//im);
@@ -59,8 +67,11 @@ export var useLinkWarningModal = function useLinkWarningModal() {
     if (isRelativeHrefLink) {
       return true;
     }
-    var hrefUrl = new URL(href, window.location.origin);
-    var linkTextUrl = new URL(normalisedUrlFromLinkText, hrefUrl.origin);
+    var hrefUrl = toUrl(href, window.location.origin);
+    var linkTextUrl = toUrl(normalisedUrlFromLinkText, hrefUrl === null || hrefUrl === void 0 ? void 0 : hrefUrl.origin);
+    if (!hrefUrl || !linkTextUrl) {
+      return true;
+    }
     var httpProtocols = ['http:', 'https:'];
     var areProtocolsEquivalent;
     if (httpProtocols.includes(linkTextUrl.protocol) && httpProtocols.includes(hrefUrl.protocol)) {

package/dist/types/view/HoverCard/types.d.ts

@@ -43,6 +43,11 @@ export interface HoverCardProps extends WithAnalyticsEventsProps {
      * Determines whether to show available server actions.
      */
     showServerActions?: boolean;
+    /**
+     * Z-index that the hover card should be displayed in.
+     * This is passed to the portal component.
+     */
+    zIndex?: number;
 }
 /**
  * An internal props that internal smart-card components can use to configure

package/dist/types-ts4.5/view/HoverCard/types.d.ts

@@ -43,6 +43,11 @@ export interface HoverCardProps extends WithAnalyticsEventsProps {
      * Determines whether to show available server actions.
      */
     showServerActions?: boolean;
+    /**
+     * Z-index that the hover card should be displayed in.
+     * This is passed to the portal component.
+     */
+    zIndex?: number;
 }
 /**
  * An internal props that internal smart-card components can use to configure

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.11.0",
+  "version": "26.12.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"