@atlaskit/editor-plugin-card 1.2.2 → 1.2.4

package/.eslintrc.js

@@ -2,18 +2,6 @@ module.exports = {
   rules: {
     '@typescript-eslint/no-duplicate-imports': 'error',
     '@typescript-eslint/no-explicit-any': 'error',
-    '@typescript-eslint/ban-types': [
-      'error',
-      {
-        types: {
-          'React.FC':
-            'Please use types directly on props instead, and explicitly define children if required',
-          'React.FunctionalComponent':
-            'Please use types directly on props instead, and explicitly define children if required',
-        },
-        extendDefaults: false,
-      },
-    ],
   },
   overrides: [
     {

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-card
 
+## 1.2.4
+
+### Patch Changes
+
+- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
+
+## 1.2.3
+
+### Patch Changes
+
+- [#79684](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/79684) [`f8ed04300b5c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f8ed04300b5c) - [ux] Updating hardcoded spacing variables in smart-card to use design tokens
+- [#82639](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/82639) [`46e1301accc1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/46e1301accc1) - React 18 types for editor-plugin-card
+
 ## 1.2.2
 
 ### Patch Changes

package/dist/cjs/nodeviews/datasource.js

@@ -43,6 +43,8 @@ var getPosSafely = function getPosSafely(pos) {
 var DatasourceComponent = exports.DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(DatasourceComponent, _React$PureComponent);
   var _super = _createSuper(DatasourceComponent);
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
   function DatasourceComponent(props) {
     var _this;
     (0, _classCallCheck2.default)(this, DatasourceComponent);

package/dist/cjs/ui/CardContextProvider.js

@@ -29,7 +29,10 @@ var CardContextProvider = exports.CardContextProvider = /*#__PURE__*/function (_
   }
   (0, _createClass2.default)(CardContextProvider, [{
     key: "render",
-    value: function render() {
+    value:
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+    function render() {
       var _this$context$context;
       var cardContext = this.context.contextAdapter ? (_this$context$context = this.context.contextAdapter.card) === null || _this$context$context === void 0 ? void 0 : _this$context$context.value : undefined;
       return this.props.children({

package/dist/cjs/ui/EditorLinkingPlatformAnalytics/index.js

@@ -28,7 +28,10 @@ var EditorLinkingPlatformAnalytics = exports.EditorLinkingPlatformAnalytics = /*
   }
   (0, _createClass2.default)(EditorLinkingPlatformAnalytics, [{
     key: "render",
-    value: function render() {
+    value:
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+    function render() {
       var _this$context;
       var cardContext = (_this$context = this.context) === null || _this$context === void 0 || (_this$context = _this$context.contextAdapter) === null || _this$context === void 0 ? void 0 : _this$context.card;
 

package/dist/cjs/ui/ResizableEmbedCard.js

@@ -354,11 +354,11 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
         }
         return {
           left: {
-            left: "calc(".concat("var(--ds-space-025, 0.125em)", " * -0.5)"),
+            left: "calc(".concat("var(--ds-space-negative-025, -0.125em)", " * 0.5)"),
             paddingLeft: '0px'
           },
           right: {
-            right: "calc(".concat("var(--ds-space-025, 0.125em)", " * -0.5)"),
+            right: "calc(".concat("var(--ds-space-negative-025, -0.125em)", " * 0.5)"),
             paddingRight: '0px'
           }
         };

package/dist/es2019/nodeviews/datasource.js

@@ -23,6 +23,8 @@ const getPosSafely = pos => {
 };
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class DatasourceComponent extends React.PureComponent {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
   constructor(props) {
     super(props);
     _defineProperty(this, "getDatasource", () => this.props.node.attrs.datasource);

package/dist/es2019/ui/CardContextProvider.js

@@ -7,6 +7,8 @@ import PropTypes from 'prop-types';
  */
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class CardContextProvider extends React.Component {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
   render() {
     var _this$context$context;
     const cardContext = this.context.contextAdapter ? (_this$context$context = this.context.contextAdapter.card) === null || _this$context$context === void 0 ? void 0 : _this$context$context.value : undefined;

package/dist/es2019/ui/EditorLinkingPlatformAnalytics/index.js

@@ -7,6 +7,8 @@ import { LinkEventsBinding } from './LinkEvents';
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class EditorLinkingPlatformAnalytics extends React.PureComponent {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
   render() {
     var _this$context, _this$context$context;
     const cardContext = (_this$context = this.context) === null || _this$context === void 0 ? void 0 : (_this$context$context = _this$context.contextAdapter) === null || _this$context$context === void 0 ? void 0 : _this$context$context.card;

package/dist/es2019/ui/InlineCardOverlay/index.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 /** @jsx jsx */
-
 import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';

package/dist/es2019/ui/ResizableEmbedCard.js

@@ -328,11 +328,11 @@ export default class ResizableEmbedCard extends React.Component {
       }
       return {
         left: {
-          left: `calc(${"var(--ds-space-025, 0.125em)"} * -0.5)`,
+          left: `calc(${"var(--ds-space-negative-025, -0.125em)"} * 0.5)`,
           paddingLeft: '0px'
         },
         right: {
-          right: `calc(${"var(--ds-space-025, 0.125em)"} * -0.5)`,
+          right: `calc(${"var(--ds-space-negative-025, -0.125em)"} * 0.5)`,
           paddingRight: '0px'
         }
       };

package/dist/esm/nodeviews/datasource.js

@@ -37,6 +37,8 @@ var getPosSafely = function getPosSafely(pos) {
 export var DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(DatasourceComponent, _React$PureComponent);
   var _super = _createSuper(DatasourceComponent);
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
   function DatasourceComponent(props) {
     var _this;
     _classCallCheck(this, DatasourceComponent);

package/dist/esm/ui/CardContextProvider.js

@@ -22,7 +22,10 @@ export var CardContextProvider = /*#__PURE__*/function (_React$Component) {
   }
   _createClass(CardContextProvider, [{
     key: "render",
-    value: function render() {
+    value:
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+    function render() {
       var _this$context$context;
       var cardContext = this.context.contextAdapter ? (_this$context$context = this.context.contextAdapter.card) === null || _this$context$context === void 0 ? void 0 : _this$context$context.value : undefined;
       return this.props.children({

package/dist/esm/ui/EditorLinkingPlatformAnalytics/index.js

@@ -22,7 +22,10 @@ export var EditorLinkingPlatformAnalytics = /*#__PURE__*/function (_React$PureCo
   }
   _createClass(EditorLinkingPlatformAnalytics, [{
     key: "render",
-    value: function render() {
+    value:
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+    function render() {
       var _this$context;
       var cardContext = (_this$context = this.context) === null || _this$context === void 0 || (_this$context = _this$context.contextAdapter) === null || _this$context === void 0 ? void 0 : _this$context.card;
 

package/dist/esm/ui/InlineCardOverlay/index.js

@@ -7,7 +7,6 @@ var _active;
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 /** @jsx jsx */
-
 import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';

package/dist/esm/ui/ResizableEmbedCard.js

@@ -348,11 +348,11 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
         }
         return {
           left: {
-            left: "calc(".concat("var(--ds-space-025, 0.125em)", " * -0.5)"),
+            left: "calc(".concat("var(--ds-space-negative-025, -0.125em)", " * 0.5)"),
             paddingLeft: '0px'
           },
           right: {
-            right: "calc(".concat("var(--ds-space-025, 0.125em)", " * -0.5)"),
+            right: "calc(".concat("var(--ds-space-negative-025, -0.125em)", " * 0.5)"),
             paddingRight: '0px'
           }
         };

package/dist/types/datasourceErrorBoundary.d.ts

@@ -4,7 +4,7 @@ import type { APIError } from '@atlaskit/smart-card';
 import type { DatasourceProps } from './nodeviews/datasource';
 export type DatasourceErrorBoundaryProps = React.PropsWithChildren<{
     url?: string;
-    unsupportedComponent?: React.ComponentType;
+    unsupportedComponent?: React.ComponentType<React.PropsWithChildren<unknown>>;
     handleError?: () => void;
     view: DatasourceProps['view'];
     datasourceModalType?: DatasourceModalType;

package/dist/types/nodeviews/datasource.d.ts

@@ -26,6 +26,7 @@ export declare class DatasourceComponent extends React.PureComponent<DatasourceC
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
+    context: any;
     constructor(props: DatasourceComponentProps);
     private getDatasource;
     private getTableView;

package/dist/types/nodeviews/embedCard.d.ts

@@ -12,6 +12,7 @@ export type EmbedCardState = {
 export declare class EmbedCardComponent extends React.PureComponent<SmartCardProps, EmbedCardState> {
     private scrollContainer?;
     private embedIframeRef;
+    context: any;
     onClick: () => void;
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;

package/dist/types/nodeviews/genericCard.d.ts

@@ -44,4 +44,4 @@ export interface CardProps extends CardNodeViewProps {
 export interface SmartCardProps extends CardProps {
     cardContext?: EditorContext<CardContext | undefined>;
 }
-export declare function Card(SmartCardComponent: React.ComponentType<SmartCardProps>, UnsupportedComponent: React.ComponentType): React.ComponentType<CardProps>;
+export declare function Card(SmartCardComponent: React.ComponentType<React.PropsWithChildren<SmartCardProps>>, UnsupportedComponent: React.ComponentType<React.PropsWithChildren<unknown>>): React.ComponentType<React.PropsWithChildren<CardProps>>;

package/dist/types/ui/CardContextProvider.d.ts

@@ -14,6 +14,7 @@ export declare class CardContextProvider extends React.Component<CardContextProv
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
+    context: any;
     render(): React.ReactNode;
 }
 export {};

package/dist/types/ui/EditorLinkingPlatformAnalytics/index.d.ts

@@ -5,5 +5,6 @@ export declare class EditorLinkingPlatformAnalytics extends React.PureComponent<
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
+    context: any;
     render(): JSX.Element | null;
 }

package/dist/types/ui/EditorSmartCardEvents.d.ts

@@ -1,5 +1,4 @@
-import { FC } from 'react';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-export declare const EditorSmartCardEvents: FC<{
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare const EditorSmartCardEvents: ({ editorView, }: {
     editorView: EditorView;
-}>;
+}) => null;

package/dist/types/ui/InlineCardOverlay/index.d.ts

@@ -1,5 +1,6 @@
 /** @jsx jsx */
-import type { FC } from 'react';
+import React from 'react';
+import { jsx } from '@emotion/react';
 import type { InlineCardOverlayProps } from './types';
-declare const InlineCardOverlay: FC<InlineCardOverlayProps>;
+declare const InlineCardOverlay: ({ children, isSelected, isVisible, testId, url, ...props }: React.PropsWithChildren<InlineCardOverlayProps>) => jsx.JSX.Element;
 export default InlineCardOverlay;

package/dist/types/ui/LayoutButton/index.d.ts

@@ -3,7 +3,7 @@ import { jsx } from '@emotion/react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { LayoutButtonProps, LayoutButtonWrapperProps } from './types';
 export declare const LayoutButton: ({ onLayoutChange, layout, intl: { formatMessage }, mountPoint, boundariesElement, scrollableElement, targetElement, testId, }: LayoutButtonProps) => jsx.JSX.Element | null;
-declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: import("react").ComponentType<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<LayoutButtonWrapperProps & WrappedComponentProps>> & {
+    WrappedComponent: import("react").ComponentType<LayoutButtonWrapperProps & WrappedComponentProps>;
 };
 export default _default;

package/dist/types/ui/LinkToolbarAppearance.d.ts

@@ -26,6 +26,7 @@ export declare class LinkToolbarAppearance extends React.Component<LinkToolbarAp
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
+    context: any;
     renderDropdown: (view?: EditorView, cardContext?: CardContext) => JSX.Element | null;
     render(): JSX.Element | null;
 }

package/dist/types-ts4.5/datasourceErrorBoundary.d.ts

@@ -4,7 +4,7 @@ import type { APIError } from '@atlaskit/smart-card';
 import type { DatasourceProps } from './nodeviews/datasource';
 export type DatasourceErrorBoundaryProps = React.PropsWithChildren<{
     url?: string;
-    unsupportedComponent?: React.ComponentType;
+    unsupportedComponent?: React.ComponentType<React.PropsWithChildren<unknown>>;
     handleError?: () => void;
     view: DatasourceProps['view'];
     datasourceModalType?: DatasourceModalType;

package/dist/types-ts4.5/nodeviews/datasource.d.ts

@@ -26,6 +26,7 @@ export declare class DatasourceComponent extends React.PureComponent<DatasourceC
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
+    context: any;
     constructor(props: DatasourceComponentProps);
     private getDatasource;
     private getTableView;

package/dist/types-ts4.5/nodeviews/embedCard.d.ts

@@ -12,6 +12,7 @@ export type EmbedCardState = {
 export declare class EmbedCardComponent extends React.PureComponent<SmartCardProps, EmbedCardState> {
     private scrollContainer?;
     private embedIframeRef;
+    context: any;
     onClick: () => void;
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;

package/dist/types-ts4.5/nodeviews/genericCard.d.ts

@@ -44,4 +44,4 @@ export interface CardProps extends CardNodeViewProps {
 export interface SmartCardProps extends CardProps {
     cardContext?: EditorContext<CardContext | undefined>;
 }
-export declare function Card(SmartCardComponent: React.ComponentType<SmartCardProps>, UnsupportedComponent: React.ComponentType): React.ComponentType<CardProps>;
+export declare function Card(SmartCardComponent: React.ComponentType<React.PropsWithChildren<SmartCardProps>>, UnsupportedComponent: React.ComponentType<React.PropsWithChildren<unknown>>): React.ComponentType<React.PropsWithChildren<CardProps>>;

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

@@ -14,6 +14,7 @@ export declare class CardContextProvider extends React.Component<CardContextProv
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
+    context: any;
     render(): React.ReactNode;
 }
 export {};

package/dist/types-ts4.5/ui/EditorLinkingPlatformAnalytics/index.d.ts

@@ -5,5 +5,6 @@ export declare class EditorLinkingPlatformAnalytics extends React.PureComponent<
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
+    context: any;
     render(): JSX.Element | null;
 }

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

@@ -1,5 +1,4 @@
-import { FC } from 'react';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-export declare const EditorSmartCardEvents: FC<{
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare const EditorSmartCardEvents: ({ editorView, }: {
     editorView: EditorView;
-}>;
+}) => null;

package/dist/types-ts4.5/ui/InlineCardOverlay/index.d.ts

@@ -1,5 +1,6 @@
 /** @jsx jsx */
-import type { FC } from 'react';
+import React from 'react';
+import { jsx } from '@emotion/react';
 import type { InlineCardOverlayProps } from './types';
-declare const InlineCardOverlay: FC<InlineCardOverlayProps>;
+declare const InlineCardOverlay: ({ children, isSelected, isVisible, testId, url, ...props }: React.PropsWithChildren<InlineCardOverlayProps>) => jsx.JSX.Element;
 export default InlineCardOverlay;

package/dist/types-ts4.5/ui/LayoutButton/index.d.ts

@@ -3,7 +3,7 @@ import { jsx } from '@emotion/react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { LayoutButtonProps, LayoutButtonWrapperProps } from './types';
 export declare const LayoutButton: ({ onLayoutChange, layout, intl: { formatMessage }, mountPoint, boundariesElement, scrollableElement, targetElement, testId, }: LayoutButtonProps) => jsx.JSX.Element | null;
-declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: import("react").ComponentType<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<LayoutButtonWrapperProps & WrappedComponentProps>> & {
+    WrappedComponent: import("react").ComponentType<LayoutButtonWrapperProps & WrappedComponentProps>;
 };
 export default _default;

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

@@ -26,6 +26,7 @@ export declare class LinkToolbarAppearance extends React.Component<LinkToolbarAp
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
+    context: any;
     renderDropdown: (view?: EditorView, cardContext?: CardContext) => JSX.Element | null;
     render(): JSX.Element | null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-card",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "Card plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -35,7 +35,7 @@
     "@atlaskit/adf-schema": "^35.6.0",
     "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/custom-steps": "^0.0.15",
-    "@atlaskit/editor-common": "^78.14.0",
+    "@atlaskit/editor-common": "^78.17.0",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
     "@atlaskit/editor-plugin-decorations": "^1.0.0",
     "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
@@ -53,10 +53,10 @@
     "@atlaskit/linking-common": "^5.5.0",
     "@atlaskit/linking-types": "^8.7.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^5.0.0",
+    "@atlaskit/primitives": "^5.1.0",
     "@atlaskit/smart-card": "^26.50.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.41.0",
+    "@atlaskit/tokens": "^1.42.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "lodash": "^4.17.21",
@@ -70,7 +70,7 @@
   },
   "devDependencies": {
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
-    "typescript": "~4.9.5"
+    "typescript": "~5.4.2"
   },
   "techstack": {
     "@atlassian/frontend": {