@atlaskit/link-picker 1.48.3 → 1.49.1

package/dist/types-ts4.5/ui/main.d.ts

@@ -3,11 +3,11 @@
  * @jsx jsx
  */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import type { LinkPickerProps } from '../common/types';
 import type { PackageMetaDataType } from '../common/utils/analytics/analytics.codegen';
 export declare const testIds: {
     linkPickerRoot: string;
 };
 export declare const PACKAGE_DATA: PackageMetaDataType;
-export declare const composeLinkPicker: (Component: React.ComponentType<LinkPickerProps>) => React.MemoExoticComponent<(props: LinkPickerProps) => jsx.JSX.Element>;
+export declare const composeLinkPickerNew: (Component: React.ComponentType<LinkPickerProps>) => React.MemoExoticComponent<(props: LinkPickerProps) => JSX.Element>;
+export declare const composeLinkPicker: (Component: React.ComponentType<LinkPickerProps>) => React.MemoExoticComponent<(props: LinkPickerProps) => import("@emotion/react").jsx.JSX.Element>;

package/dist/types-ts4.5/ui/old/main.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { LinkPickerProps } from '../../common/types';
+import type { PackageMetaDataType } from '../../common/utils/analytics/analytics.codegen';
+export declare const testIds: {
+    linkPickerRoot: string;
+};
+export declare const PACKAGE_DATA: PackageMetaDataType;
+export declare const composeLinkPickerOld: (Component: React.ComponentType<LinkPickerProps>) => React.MemoExoticComponent<(props: LinkPickerProps) => jsx.JSX.Element>;

package/lazy/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/lazy.js",
   "module": "../dist/esm/lazy.js",
   "module:es2019": "../dist/es2019/lazy.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/lazy.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.48.3",
+	"version": "1.49.1",
 	"description": "Standalone link picker",
 	"author": "Atlassian Pty Ltd",
 	"publishConfig": {
@@ -28,14 +28,19 @@
 			]
 		}
 	},
-	"sideEffects": false,
+	"sideEffects": [
+		"**/*.compiled.css"
+	],
 	"atlaskit:src": "src/index.ts",
 	"af:exports": {
 		".": "./src/index.ts",
 		"./lazy": "./src/lazy.ts"
 	},
 	"platform-feature-flags": {
-		"platform.linking-platform.link-picker.enable-jira-create": {
+		"platform_bandicoots-link-picker-css": {
+			"type": "boolean"
+		},
+		"platform-linking-visual-refresh-v1": {
 			"type": "boolean"
 		}
 	},
@@ -46,10 +51,11 @@
 		"@atlaskit/analytics-next": "^10.3.0",
 		"@atlaskit/atlassian-context": "^0.1.0",
 		"@atlaskit/button": "^20.5.0",
+		"@atlaskit/css": "^0.8.0",
 		"@atlaskit/form": "^11.1.0",
 		"@atlaskit/frontend-utilities": "^2.9.0",
 		"@atlaskit/heading": "^4.1.0",
-		"@atlaskit/icon": "^23.7.0",
+		"@atlaskit/icon": "^23.9.0",
 		"@atlaskit/intl-messages-provider": "^1.1.0",
 		"@atlaskit/linking-common": "^6.3.0",
 		"@atlaskit/onboarding": "^12.3.0",
@@ -64,6 +70,7 @@
 		"@atlaskit/ufo": "^0.3.0",
 		"@atlaskit/visually-hidden": "^1.6.0",
 		"@babel/runtime": "^7.0.0",
+		"@compiled/react": "^0.18.1",
 		"@emotion/react": "^11.7.1",
 		"@react-loosely-lazy/manifest": "^1.0.0",
 		"date-fns": "^2.17.0",
@@ -122,6 +129,9 @@
 			],
 			"imports": [
 				"import-no-extraneous-disable-for-examples-and-docs"
+			],
+			"styling": [
+				"compiled"
 			]
 		}
 	},

package/dist/cjs/ui/link-picker/form-footer/feature-discovery/index.js

@@ -1,69 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _storageClient = require("@atlaskit/frontend-utilities/storage-client");
-var _styled = require("./styled");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/link-picker';
-var LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-jira-create';
-var LOCAL_STORAGE_DISCOVERY_VALUE = 'discovered';
-var LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS = 15552000000; // 180 days
-
-/**
- * This is a hacky solution to help with the feature discovery.
- * This implementation must be removed once the experiment is completed.
- *
- * Cleanup ticket:
- * https://product-fabric.atlassian.net/browse/EDM-7480
- */
-var FeatureDiscovery = function FeatureDiscovery(_ref) {
-  var children = _ref.children,
-    testId = _ref.testId;
-  var storageClient = (0, _react.useMemo)(function () {
-    return new _storageClient.StorageClient(LOCAL_STORAGE_CLIENT_KEY);
-  }, []);
-
-  // Set this to `false` if you want to always show the feature discovery pulse.
-  // (or open Application tab in your devtools and delete the relevent row)
-  var discovered = (0, _react.useMemo)(function () {
-    try {
-      return storageClient.getItem(LOCAL_STORAGE_DISCOVERY_KEY) === LOCAL_STORAGE_DISCOVERY_VALUE;
-    } catch (_unused) {
-      // If localStorage is not available, don't show feature discovery component. Treat it as 'discovered'.
-      return true;
-    }
-  }, [storageClient]);
-  (0, _react.useEffect)(function () {
-    return function () {
-      if (!discovered) {
-        try {
-          storageClient.setItemWithExpiry(LOCAL_STORAGE_DISCOVERY_KEY, LOCAL_STORAGE_DISCOVERY_VALUE, LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS);
-        } catch (_unused2) {
-          // silent error
-        }
-      }
-    };
-  }, [storageClient, discovered]);
-  if (discovered) {
-    return children;
-  }
-  return (
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    (0, _react2.jsx)("span", {
-      css: _styled.pulseStyles,
-      "data-testid": "".concat(testId, "-discovery")
-    }, children)
-  );
-};
-var _default = exports.default = FeatureDiscovery;

package/dist/cjs/ui/link-picker/form-footer/feature-discovery/styled.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.pulseStyles = void 0;
-var _react = require("@emotion/react");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var pulseKeyframes = (0, _react.keyframes)({
-  to: {
-    boxShadow: '0 0 0 7px rgba(0, 0, 0, 0)'
-  }
-});
-
-// Styling from atlassian-frontend/packages/design-system/onboarding/src/styled/target.tsx
-var pulseColor = 'rgb(101, 84, 192)';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var pulseStyles = exports.pulseStyles = (0, _react.css)({
-  display: 'inline-flex',
-  borderRadius: '3px',
-  boxShadow: "0 0 0 0 ".concat(pulseColor),
-  animation: "".concat(pulseKeyframes, " 1.45s cubic-bezier(0.5, 0, 0, 1) infinite")
-});

package/dist/es2019/ui/link-picker/form-footer/feature-discovery/index.js

@@ -1,61 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useEffect, useMemo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
-import { pulseStyles } from './styled';
-const LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/link-picker';
-const LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-jira-create';
-const LOCAL_STORAGE_DISCOVERY_VALUE = 'discovered';
-const LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS = 15552000000; // 180 days
-
-/**
- * This is a hacky solution to help with the feature discovery.
- * This implementation must be removed once the experiment is completed.
- *
- * Cleanup ticket:
- * https://product-fabric.atlassian.net/browse/EDM-7480
- */
-const FeatureDiscovery = ({
-  children,
-  testId
-}) => {
-  const storageClient = useMemo(() => new StorageClient(LOCAL_STORAGE_CLIENT_KEY), []);
-
-  // Set this to `false` if you want to always show the feature discovery pulse.
-  // (or open Application tab in your devtools and delete the relevent row)
-  const discovered = useMemo(() => {
-    try {
-      return storageClient.getItem(LOCAL_STORAGE_DISCOVERY_KEY) === LOCAL_STORAGE_DISCOVERY_VALUE;
-    } catch {
-      // If localStorage is not available, don't show feature discovery component. Treat it as 'discovered'.
-      return true;
-    }
-  }, [storageClient]);
-  useEffect(() => {
-    return () => {
-      if (!discovered) {
-        try {
-          storageClient.setItemWithExpiry(LOCAL_STORAGE_DISCOVERY_KEY, LOCAL_STORAGE_DISCOVERY_VALUE, LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS);
-        } catch {
-          // silent error
-        }
-      }
-    };
-  }, [storageClient, discovered]);
-  if (discovered) {
-    return children;
-  }
-  return (
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    jsx("span", {
-      css: pulseStyles,
-      "data-testid": `${testId}-discovery`
-    }, children)
-  );
-};
-export default FeatureDiscovery;

package/dist/es2019/ui/link-picker/form-footer/feature-discovery/styled.js

@@ -1,18 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, keyframes } from '@emotion/react';
-const pulseKeyframes = keyframes({
-  to: {
-    boxShadow: '0 0 0 7px rgba(0, 0, 0, 0)'
-  }
-});
-
-// Styling from atlassian-frontend/packages/design-system/onboarding/src/styled/target.tsx
-const pulseColor = 'rgb(101, 84, 192)';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const pulseStyles = css({
-  display: 'inline-flex',
-  borderRadius: '3px',
-  boxShadow: `0 0 0 0 ${pulseColor}`,
-  animation: `${pulseKeyframes} 1.45s cubic-bezier(0.5, 0, 0, 1) infinite`
-});

package/dist/esm/ui/link-picker/form-footer/feature-discovery/index.js

@@ -1,62 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useEffect, useMemo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
-import { pulseStyles } from './styled';
-var LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/link-picker';
-var LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-jira-create';
-var LOCAL_STORAGE_DISCOVERY_VALUE = 'discovered';
-var LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS = 15552000000; // 180 days
-
-/**
- * This is a hacky solution to help with the feature discovery.
- * This implementation must be removed once the experiment is completed.
- *
- * Cleanup ticket:
- * https://product-fabric.atlassian.net/browse/EDM-7480
- */
-var FeatureDiscovery = function FeatureDiscovery(_ref) {
-  var children = _ref.children,
-    testId = _ref.testId;
-  var storageClient = useMemo(function () {
-    return new StorageClient(LOCAL_STORAGE_CLIENT_KEY);
-  }, []);
-
-  // Set this to `false` if you want to always show the feature discovery pulse.
-  // (or open Application tab in your devtools and delete the relevent row)
-  var discovered = useMemo(function () {
-    try {
-      return storageClient.getItem(LOCAL_STORAGE_DISCOVERY_KEY) === LOCAL_STORAGE_DISCOVERY_VALUE;
-    } catch (_unused) {
-      // If localStorage is not available, don't show feature discovery component. Treat it as 'discovered'.
-      return true;
-    }
-  }, [storageClient]);
-  useEffect(function () {
-    return function () {
-      if (!discovered) {
-        try {
-          storageClient.setItemWithExpiry(LOCAL_STORAGE_DISCOVERY_KEY, LOCAL_STORAGE_DISCOVERY_VALUE, LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS);
-        } catch (_unused2) {
-          // silent error
-        }
-      }
-    };
-  }, [storageClient, discovered]);
-  if (discovered) {
-    return children;
-  }
-  return (
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    jsx("span", {
-      css: pulseStyles,
-      "data-testid": "".concat(testId, "-discovery")
-    }, children)
-  );
-};
-export default FeatureDiscovery;

package/dist/esm/ui/link-picker/form-footer/feature-discovery/styled.js

@@ -1,18 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, keyframes } from '@emotion/react';
-var pulseKeyframes = keyframes({
-  to: {
-    boxShadow: '0 0 0 7px rgba(0, 0, 0, 0)'
-  }
-});
-
-// Styling from atlassian-frontend/packages/design-system/onboarding/src/styled/target.tsx
-var pulseColor = 'rgb(101, 84, 192)';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var pulseStyles = css({
-  display: 'inline-flex',
-  borderRadius: '3px',
-  boxShadow: "0 0 0 0 ".concat(pulseColor),
-  animation: "".concat(pulseKeyframes, " 1.45s cubic-bezier(0.5, 0, 0, 1) infinite")
-});

package/dist/types/ui/link-picker/form-footer/feature-discovery/index.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { jsx } from '@emotion/react';
-type FeatureDiscoveryProps = {
-    children: React.ReactElement;
-    testId?: string;
-};
-/**
- * This is a hacky solution to help with the feature discovery.
- * This implementation must be removed once the experiment is completed.
- *
- * Cleanup ticket:
- * https://product-fabric.atlassian.net/browse/EDM-7480
- */
-declare const FeatureDiscovery: ({ children, testId }: FeatureDiscoveryProps) => jsx.JSX.Element;
-export default FeatureDiscovery;

package/dist/types/ui/link-picker/form-footer/feature-discovery/styled.d.ts

@@ -1 +0,0 @@
-export declare const pulseStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/link-picker/form-footer/feature-discovery/index.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { jsx } from '@emotion/react';
-type FeatureDiscoveryProps = {
-    children: React.ReactElement;
-    testId?: string;
-};
-/**
- * This is a hacky solution to help with the feature discovery.
- * This implementation must be removed once the experiment is completed.
- *
- * Cleanup ticket:
- * https://product-fabric.atlassian.net/browse/EDM-7480
- */
-declare const FeatureDiscovery: ({ children, testId }: FeatureDiscoveryProps) => jsx.JSX.Element;
-export default FeatureDiscovery;

package/dist/types-ts4.5/ui/link-picker/form-footer/feature-discovery/styled.d.ts

@@ -1 +0,0 @@
-export declare const pulseStyles: import("@emotion/react").SerializedStyles;