@atlaskit/inline-dialog 13.3.7 → 13.4.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/inline-dialog
 
+## 13.4.0
+
+### Minor Changes
+
+- [`8d2ea17980d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d2ea17980d) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.3.9
+
+### Patch Changes
+
+- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
+
+## 13.3.8
+
+### Patch Changes
+
+- [`8a5bdb3c844`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a5bdb3c844) - Upgrading internal dependency (bind-event-listener) for improved internal types
+
 ## 13.3.7
 
 ### Patch Changes

package/dist/cjs/InlineDialog/index.js

@@ -11,7 +11,7 @@ exports.default = exports.InlineDialogWithoutAnalytics = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _bindEventListener = require("bind-event-listener");
 
@@ -31,7 +31,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 /** @jsx jsx */
 var packageName = "@atlaskit/inline-dialog";
-var packageVersion = "13.3.7";
+var packageVersion = "13.4.0";
 
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {
@@ -114,13 +114,13 @@ var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref) {
     });
     return unbind;
   }, [isOpen, handleClickOutside]);
-  var popper = isOpen ? (0, _core.jsx)(_popper.Popper, {
+  var popper = isOpen ? (0, _react2.jsx)(_popper.Popper, {
     placement: placement,
     strategy: strategy
   }, function (_ref2) {
     var _ref3 = _ref2.ref,
         style = _ref2.style;
-    return (0, _core.jsx)(_container.Container, {
+    return (0, _react2.jsx)(_container.Container, {
       onBlur: onContentBlur,
       onFocus: onContentFocus,
       onClick: onContentClick,
@@ -139,9 +139,9 @@ var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref) {
       testId: testId
     }, content);
   }) : null;
-  return (0, _core.jsx)(_popper.Manager, null, (0, _core.jsx)(_popper.Reference, null, function (_ref4) {
+  return (0, _react2.jsx)(_popper.Manager, null, (0, _react2.jsx)(_popper.Reference, null, function (_ref4) {
     var ref = _ref4.ref;
-    return (0, _core.jsx)(_reactNodeResolver.default, {
+    return (0, _react2.jsx)(_reactNodeResolver.default, {
       innerRef: function innerRef(node) {
         triggerRef.current = node;
 

package/dist/cjs/InlineDialog/styled/container.js

@@ -13,7 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
 
@@ -46,7 +46,7 @@ var gridSize = (0, _constants.gridSize)();
 var CSS_THEME_BACKGROUND = '--theme-background';
 var CSS_THEME_COLOR = '--theme-color';
 var CSS_THEME_BOX_SHADOW = '--theme-box-shadow';
-var containerStyles = (0, _core.css)({
+var containerStyles = (0, _react2.css)({
   boxSizing: 'content-box',
   maxWidth: "".concat(gridSize * 56, "px"),
   maxHeight: "".concat(gridSize * 56, "px"),
@@ -78,7 +78,7 @@ var Container = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       style = _ref.style,
       testId = _ref.testId;
   var theme = (0, _components.useGlobalTheme)();
-  return (0, _core.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     css: containerStyles,
     "data-testid": testId,
     onBlur: onBlur,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/inline-dialog",
-	"version": "13.3.7",
+	"version": "13.4.0",
 	"sideEffects": false
 }

package/dist/es2019/InlineDialog/index.js

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React, { memo, useCallback, useEffect, useRef } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
 import NodeResolver from 'react-node-resolver';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -8,7 +8,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 import { Container } from './styled/container';
 const packageName = "@atlaskit/inline-dialog";
-const packageVersion = "13.3.7";
+const packageVersion = "13.4.0";
 
 const checkIsChildOfPortal = node => {
   if (!node) {

package/dist/es2019/InlineDialog/styled/container.js

@@ -4,7 +4,7 @@
 
 /** @jsx jsx */
 import React, { forwardRef } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { DN50, DN50A, DN600, DN60A, N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import { themed, useGlobalTheme } from '@atlaskit/theme/components';
 import { borderRadius as getBorderRadius, gridSize as getGridSize, layers } from '@atlaskit/theme/constants';

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/inline-dialog",
-	"version": "13.3.7",
+	"version": "13.4.0",
 	"sideEffects": false
 }

package/dist/esm/InlineDialog/index.js

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React, { memo, useCallback, useEffect, useRef } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
 import NodeResolver from 'react-node-resolver';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -8,7 +8,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 import { Container } from './styled/container';
 var packageName = "@atlaskit/inline-dialog";
-var packageVersion = "13.3.7";
+var packageVersion = "13.4.0";
 
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {

package/dist/esm/InlineDialog/styled/container.js

@@ -10,7 +10,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 /** @jsx jsx */
 import React, { forwardRef } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { DN50, DN50A, DN600, DN60A, N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import { themed, useGlobalTheme } from '@atlaskit/theme/components';
 import { borderRadius as getBorderRadius, gridSize as getGridSize, layers } from '@atlaskit/theme/constants';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/inline-dialog",
-	"version": "13.3.7",
+	"version": "13.4.0",
 	"sideEffects": false
 }

package/dist/types/InlineDialog/index.d.ts

@@ -3,5 +3,5 @@ import React, { FC } from 'react';
 import type { InlineDialogProps } from '../types';
 declare const InlineDialog: FC<InlineDialogProps>;
 export { InlineDialog as InlineDialogWithoutAnalytics };
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<InlineDialogProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "content" | "children" | "testId" | "isOpen" | "onContentBlur" | "onContentClick" | "onContentFocus" | "onClose" | "placement" | "strategy" | "key" | "analyticsContext"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<InlineDialogProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "content" | "children" | "testId" | "key" | "isOpen" | "onContentBlur" | "onContentClick" | "onContentFocus" | "onClose" | "placement" | "strategy" | "analyticsContext"> & React.RefAttributes<any>>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/inline-dialog",
-  "version": "13.3.7",
+  "version": "13.4.0",
   "description": "An inline dialog is a pop-up container for small amounts of information. It can also contain controls.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,13 +33,13 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/ds-lib": "^2.0.0",
+    "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/popper": "^5.0.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/core": "^10.0.9",
-    "bind-event-listener": "^2.1.0",
+    "@emotion/react": "^11.7.1",
+    "bind-event-listener": "^2.1.1",
     "react-node-resolver": "^1.0.1"
   },
   "peerDependencies": {
@@ -47,12 +47,12 @@
   },
   "devDependencies": {
     "@atlaskit/button": "^16.3.0",
-    "@atlaskit/datetime-picker": "^12.0.0",
+    "@atlaskit/datetime-picker": "^12.2.0",
     "@atlaskit/docs": "*",
     "@atlaskit/icon": "^21.10.0",
-    "@atlaskit/modal-dialog": "^12.2.0",
-    "@atlaskit/section-message": "^6.1.0",
-    "@atlaskit/select": "^15.3.0",
+    "@atlaskit/modal-dialog": "^12.3.0",
+    "@atlaskit/section-message": "^6.2.0",
+    "@atlaskit/select": "^15.7.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
@@ -60,7 +60,7 @@
     "@testing-library/react": "^8.0.1",
     "react-dom": "^16.8.0",
     "react-lorem-component": "^0.13.0",
-    "typescript": "4.2.4",
+    "typescript": "4.3.5",
     "wait-for-expect": "^1.2.0"
   },
   "keywords": [

package/report.api.md

@@ -0,0 +1,98 @@
+## API Report File for "@atlaskit/inline-dialog"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { WithContextProps } from '@atlaskit/analytics-next';
+
+declare const _default: React_2.ForwardRefExoticComponent<
+  Pick<
+    Omit<
+      React_2.PropsWithChildren<InlineDialogProps>,
+      keyof WithAnalyticsEventsProps
+    > &
+      React_2.RefAttributes<any> &
+      WithContextProps,
+    | 'content'
+    | 'children'
+    | 'testId'
+    | 'isOpen'
+    | 'onContentBlur'
+    | 'onContentClick'
+    | 'onContentFocus'
+    | 'onClose'
+    | 'placement'
+    | 'strategy'
+    | 'key'
+    | 'analyticsContext'
+  > &
+    React_2.RefAttributes<any>
+>;
+export default _default;
+
+declare interface InlineDialogProps extends WithAnalyticsEventsProps {
+  /**
+   * The elements that the InlineDialog will be positioned relative to.
+   */
+  children: ReactNode;
+  /**
+   * The elements to be displayed within the InlineDialog.
+   */
+  content: ReactNode;
+  /**
+   * Sets whether to show or hide the dialog.
+   */
+  isOpen?: boolean;
+  /**
+   * Function called when you lose focus on the object.
+   */
+  onContentBlur?: () => void;
+  /**
+   * Function called when user clicks on the open dialog.
+   */
+  onContentClick?: () => void;
+  /**
+   * Function called when user focuses on the open dialog.
+   */
+  onContentFocus?: () => void;
+  /**
+   * Function called when the dialog is open and a click occurs anywhere outside
+   * the dialog.
+   */
+  onClose?: (obj: { isOpen: boolean; event: Event }) => void;
+  /**
+   * Where the dialog should appear, relative to the contents of the children.
+   */
+  placement?: Placement;
+  /**
+   * Placement strategy used. Can be 'fixed' or 'absolute'. Defaults to 'fixed'.
+   */
+  strategy?: 'fixed' | 'absolute';
+  /**
+   * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
+   */
+  testId?: string;
+}
+
+export declare type Placement =
+  | 'auto-start'
+  | 'auto'
+  | 'auto-end'
+  | 'top-start'
+  | 'top'
+  | 'top-end'
+  | 'right-start'
+  | 'right'
+  | 'right-end'
+  | 'bottom-end'
+  | 'bottom'
+  | 'bottom-start'
+  | 'left-end'
+  | 'left'
+  | 'left-start';
+
+export {};
+```