@atlaskit/editor-plugin-placeholder-text 1.0.3 → 1.0.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-placeholder-text
 
+## 1.0.4
+
+### Patch Changes
+
+- [#82109](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/82109) [`2ab37a71220d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2ab37a71220d) - Setup react 18 types for @atlaskit/editor-plugin-placeholder-text
+
 ## 1.0.3
 
 ### Patch Changes

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = FloatingToolbar;
 Object.defineProperty(exports, "getNearestNonTextNode", {
   enumerable: true,
   get: function get() {
@@ -23,66 +23,48 @@ Object.defineProperty(exports, "handlePositionCalculatedWith", {
     return _utils.handlePositionCalculatedWith;
   }
 });
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _react = require("react");
+var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _ui = require("@atlaskit/editor-common/ui");
 var _styles = require("./styles");
 var _utils = require("./utils");
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @atlaskit/design-system/prefer-primitives */ /** @jsx jsx */
-// eslint-disable-next-line @repo/internal/react/no-class-components
-var FloatingToolbar = exports.default = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(FloatingToolbar, _PureComponent);
-  var _super = _createSuper(FloatingToolbar);
-  function FloatingToolbar() {
-    (0, _classCallCheck2.default)(this, FloatingToolbar);
-    return _super.apply(this, arguments);
+/* eslint-disable @atlaskit/design-system/prefer-primitives */
+/** @jsx jsx */
+
+function FloatingToolbar(_ref) {
+  var children = _ref.children,
+    target = _ref.target,
+    offset = _ref.offset,
+    fitWidth = _ref.fitWidth,
+    _ref$fitHeight = _ref.fitHeight,
+    fitHeight = _ref$fitHeight === void 0 ? 40 : _ref$fitHeight,
+    onPositionCalculated = _ref.onPositionCalculated,
+    popupsMountPoint = _ref.popupsMountPoint,
+    popupsBoundariesElement = _ref.popupsBoundariesElement,
+    className = _ref.className,
+    absoluteOffset = _ref.absoluteOffset,
+    alignX = _ref.alignX,
+    alignY = _ref.alignY,
+    zIndex = _ref.zIndex;
+  if (!target) {
+    return null;
   }
-  (0, _createClass2.default)(FloatingToolbar, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        target = _this$props.target,
-        offset = _this$props.offset,
-        fitWidth = _this$props.fitWidth,
-        _this$props$fitHeight = _this$props.fitHeight,
-        fitHeight = _this$props$fitHeight === void 0 ? 40 : _this$props$fitHeight,
-        onPositionCalculated = _this$props.onPositionCalculated,
-        popupsMountPoint = _this$props.popupsMountPoint,
-        popupsBoundariesElement = _this$props.popupsBoundariesElement,
-        className = _this$props.className,
-        absoluteOffset = _this$props.absoluteOffset,
-        alignX = _this$props.alignX,
-        alignY = _this$props.alignY,
-        zIndex = _this$props.zIndex;
-      if (!target) {
-        return null;
-      }
-      return (0, _react2.jsx)(_ui.Popup, {
-        absoluteOffset: absoluteOffset,
-        alignX: alignX,
-        alignY: alignY,
-        target: target,
-        zIndex: zIndex,
-        mountTo: popupsMountPoint,
-        boundariesElement: popupsBoundariesElement,
-        offset: offset,
-        fitWidth: fitWidth,
-        fitHeight: fitHeight,
-        onPositionCalculated: onPositionCalculated
-      }, (0, _react2.jsx)("div", {
-        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-        css: (0, _styles.container)(fitHeight),
-        "data-testid": "popup-container",
-        className: className
-      }, children));
-    }
-  }]);
-  return FloatingToolbar;
-}(_react.PureComponent);
+  return (0, _react2.jsx)(_ui.Popup, {
+    absoluteOffset: absoluteOffset,
+    alignX: alignX,
+    alignY: alignY,
+    target: target,
+    zIndex: zIndex,
+    mountTo: popupsMountPoint,
+    boundariesElement: popupsBoundariesElement,
+    offset: offset,
+    fitWidth: fitWidth,
+    fitHeight: fitHeight,
+    onPositionCalculated: onPositionCalculated
+  }, (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    css: (0, _styles.container)(fitHeight),
+    "data-testid": "popup-container",
+    className: className
+  }, children));
+}

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

@@ -1,49 +1,44 @@
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 /** @jsx jsx */
-import { PureComponent } from 'react';
+import React from 'react';
 import { jsx } from '@emotion/react';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { container } from './styles';
 export { handlePositionCalculatedWith, getOffsetParent, getNearestNonTextNode } from './utils';
-
-// eslint-disable-next-line @repo/internal/react/no-class-components
-export default class FloatingToolbar extends PureComponent {
-  render() {
-    const {
-      children,
-      target,
-      offset,
-      fitWidth,
-      fitHeight = 40,
-      onPositionCalculated,
-      popupsMountPoint,
-      popupsBoundariesElement,
-      className,
-      absoluteOffset,
-      alignX,
-      alignY,
-      zIndex
-    } = this.props;
-    if (!target) {
-      return null;
-    }
-    return jsx(Popup, {
-      absoluteOffset: absoluteOffset,
-      alignX: alignX,
-      alignY: alignY,
-      target: target,
-      zIndex: zIndex,
-      mountTo: popupsMountPoint,
-      boundariesElement: popupsBoundariesElement,
-      offset: offset,
-      fitWidth: fitWidth,
-      fitHeight: fitHeight,
-      onPositionCalculated: onPositionCalculated
-    }, jsx("div", {
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-      css: container(fitHeight),
-      "data-testid": "popup-container",
-      className: className
-    }, children));
+export default function FloatingToolbar({
+  children,
+  target,
+  offset,
+  fitWidth,
+  fitHeight = 40,
+  onPositionCalculated,
+  popupsMountPoint,
+  popupsBoundariesElement,
+  className,
+  absoluteOffset,
+  alignX,
+  alignY,
+  zIndex
+}) {
+  if (!target) {
+    return null;
   }
+  return jsx(Popup, {
+    absoluteOffset: absoluteOffset,
+    alignX: alignX,
+    alignY: alignY,
+    target: target,
+    zIndex: zIndex,
+    mountTo: popupsMountPoint,
+    boundariesElement: popupsBoundariesElement,
+    offset: offset,
+    fitWidth: fitWidth,
+    fitHeight: fitHeight,
+    onPositionCalculated: onPositionCalculated
+  }, jsx("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    css: container(fitHeight),
+    "data-testid": "popup-container",
+    className: className
+  }, children));
 }

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

@@ -1,67 +1,44 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 /** @jsx jsx */
-import { PureComponent } from 'react';
+import React from 'react';
 import { jsx } from '@emotion/react';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { container } from './styles';
 export { handlePositionCalculatedWith, getOffsetParent, getNearestNonTextNode } from './utils';
-
-// eslint-disable-next-line @repo/internal/react/no-class-components
-var FloatingToolbar = /*#__PURE__*/function (_PureComponent) {
-  _inherits(FloatingToolbar, _PureComponent);
-  var _super = _createSuper(FloatingToolbar);
-  function FloatingToolbar() {
-    _classCallCheck(this, FloatingToolbar);
-    return _super.apply(this, arguments);
+export default function FloatingToolbar(_ref) {
+  var children = _ref.children,
+    target = _ref.target,
+    offset = _ref.offset,
+    fitWidth = _ref.fitWidth,
+    _ref$fitHeight = _ref.fitHeight,
+    fitHeight = _ref$fitHeight === void 0 ? 40 : _ref$fitHeight,
+    onPositionCalculated = _ref.onPositionCalculated,
+    popupsMountPoint = _ref.popupsMountPoint,
+    popupsBoundariesElement = _ref.popupsBoundariesElement,
+    className = _ref.className,
+    absoluteOffset = _ref.absoluteOffset,
+    alignX = _ref.alignX,
+    alignY = _ref.alignY,
+    zIndex = _ref.zIndex;
+  if (!target) {
+    return null;
   }
-  _createClass(FloatingToolbar, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        target = _this$props.target,
-        offset = _this$props.offset,
-        fitWidth = _this$props.fitWidth,
-        _this$props$fitHeight = _this$props.fitHeight,
-        fitHeight = _this$props$fitHeight === void 0 ? 40 : _this$props$fitHeight,
-        onPositionCalculated = _this$props.onPositionCalculated,
-        popupsMountPoint = _this$props.popupsMountPoint,
-        popupsBoundariesElement = _this$props.popupsBoundariesElement,
-        className = _this$props.className,
-        absoluteOffset = _this$props.absoluteOffset,
-        alignX = _this$props.alignX,
-        alignY = _this$props.alignY,
-        zIndex = _this$props.zIndex;
-      if (!target) {
-        return null;
-      }
-      return jsx(Popup, {
-        absoluteOffset: absoluteOffset,
-        alignX: alignX,
-        alignY: alignY,
-        target: target,
-        zIndex: zIndex,
-        mountTo: popupsMountPoint,
-        boundariesElement: popupsBoundariesElement,
-        offset: offset,
-        fitWidth: fitWidth,
-        fitHeight: fitHeight,
-        onPositionCalculated: onPositionCalculated
-      }, jsx("div", {
-        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-        css: container(fitHeight),
-        "data-testid": "popup-container",
-        className: className
-      }, children));
-    }
-  }]);
-  return FloatingToolbar;
-}(PureComponent);
-export { FloatingToolbar as default };
+  return jsx(Popup, {
+    absoluteOffset: absoluteOffset,
+    alignX: alignX,
+    alignY: alignY,
+    target: target,
+    zIndex: zIndex,
+    mountTo: popupsMountPoint,
+    boundariesElement: popupsBoundariesElement,
+    offset: offset,
+    fitWidth: fitWidth,
+    fitHeight: fitHeight,
+    onPositionCalculated: onPositionCalculated
+  }, jsx("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    css: container(fitHeight),
+    "data-testid": "popup-container",
+    className: className
+  }, children));
+}

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { PureComponent } from 'react';
+import React from 'react';
 import { jsx } from '@emotion/react';
 export type Coordinates = {
     left?: number;
@@ -9,6 +9,7 @@ export type Coordinates = {
 };
 export type PositionOffset = Coordinates;
 export interface Props {
+    children?: React.ReactNode;
     zIndex?: number;
     className?: string;
     target?: HTMLElement;
@@ -23,6 +24,4 @@ export interface Props {
     onPositionCalculated?: (position: Coordinates) => Coordinates;
 }
 export { handlePositionCalculatedWith, getOffsetParent, getNearestNonTextNode, } from './utils';
-export default class FloatingToolbar extends PureComponent<Props, unknown> {
-    render(): jsx.JSX.Element | null;
-}
+export default function FloatingToolbar({ children, target, offset, fitWidth, fitHeight, onPositionCalculated, popupsMountPoint, popupsBoundariesElement, className, absoluteOffset, alignX, alignY, zIndex, }: Props): jsx.JSX.Element | null;

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

@@ -11,6 +11,7 @@ export interface Props {
     editorViewDOM: HTMLElement;
     popupsMountPoint?: HTMLElement;
     popupsBoundariesElement?: HTMLElement;
+    children?: React.ReactNode;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { PureComponent } from 'react';
+import React from 'react';
 import { jsx } from '@emotion/react';
 export type Coordinates = {
     left?: number;
@@ -9,6 +9,7 @@ export type Coordinates = {
 };
 export type PositionOffset = Coordinates;
 export interface Props {
+    children?: React.ReactNode;
     zIndex?: number;
     className?: string;
     target?: HTMLElement;
@@ -23,6 +24,4 @@ export interface Props {
     onPositionCalculated?: (position: Coordinates) => Coordinates;
 }
 export { handlePositionCalculatedWith, getOffsetParent, getNearestNonTextNode, } from './utils';
-export default class FloatingToolbar extends PureComponent<Props, unknown> {
-    render(): jsx.JSX.Element | null;
-}
+export default function FloatingToolbar({ children, target, offset, fitWidth, fitHeight, onPositionCalculated, popupsMountPoint, popupsBoundariesElement, className, absoluteOffset, alignX, alignY, zIndex, }: Props): jsx.JSX.Element | null;

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

@@ -11,6 +11,7 @@ export interface Props {
     editorViewDOM: HTMLElement;
     popupsMountPoint?: HTMLElement;
     popupsBoundariesElement?: HTMLElement;
+    children?: React.ReactNode;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-placeholder-text",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "placeholder text plugin for @atlaskit/editor-core",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "@atlaskit/adf-schema": "^35.6.0",
-    "@atlaskit/editor-common": "^78.12.0",
+    "@atlaskit/editor-common": "^78.14.0",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
     "@atlaskit/editor-plugin-type-ahead": "^1.0.0",
     "@atlaskit/editor-prosemirror": "3.0.0",
@@ -79,11 +79,9 @@
       "ui-components": [
         "lite-mode"
       ],
-      "deprecation": [
-        "no-deprecated-imports"
-      ],
+      "deprecation": "no-deprecated-imports",
       "styling": [
-        "static",
+        "emotion",
         "emotion"
       ],
       "imports": [
@@ -104,4 +102,4 @@
     "./styles": "./src/styles.ts"
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
-}
+}