@atlaskit/inline-dialog 13.6.0 → 13.6.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/inline-dialog
 
+## 13.6.2
+
+### Patch Changes
+
+- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+
+## 13.6.1
+
+### Patch Changes
+
+- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+
 ## 13.6.0
 
 ### Minor Changes

package/dist/cjs/InlineDialog/index.js

@@ -19,7 +19,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /** @jsx jsx */
 
 var packageName = "@atlaskit/inline-dialog";
-var packageVersion = "13.6.0";
+var packageVersion = "13.6.2";
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {
     return false;

package/dist/cjs/version.json

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

package/dist/es2019/InlineDialog/index.js

@@ -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.6.0";
+const packageVersion = "13.6.2";
 const checkIsChildOfPortal = node => {
   if (!node) {
     return false;

package/dist/es2019/version.json

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

package/dist/esm/InlineDialog/index.js

@@ -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.6.0";
+var packageVersion = "13.6.2";
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {
     return false;

package/dist/esm/version.json

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

package/dist/types/types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-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 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 interface InlineDialogProps extends WithAnalyticsEventsProps {
     /**
      * The elements that the InlineDialog will be positioned relative to.

package/dist/types-ts4.5/InlineDialog/index.d.ts

@@ -0,0 +1,7 @@
+/** @jsx jsx */
+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, "children" | "content" | "isOpen" | "onContentBlur" | "onContentClick" | "onContentFocus" | "onClose" | "placement" | "strategy" | "testId" | "key" | "analyticsContext"> & React.RefAttributes<any>>;
+export default _default;

package/dist/types-ts4.5/InlineDialog/styled/container.d.ts

@@ -0,0 +1,19 @@
+/** @jsx jsx */
+import React from 'react';
+interface ContainerProps {
+    children: React.ReactNode;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    style: React.CSSProperties;
+    testId?: string;
+}
+/**
+ * __Container__
+ *
+ * A container is used as a styled wrapper around the contents of an inline dialog.
+ * Note that the styles here are merged with the style prop that comes from the popper.js library.
+ *
+ */
+export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,2 @@
+export { default } from './InlineDialog';
+export type { Placement } from './types';

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

@@ -0,0 +1,49 @@
+import { ReactNode } from 'react';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+export 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 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;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/inline-dialog",
-  "version": "13.6.0",
+  "version": "13.6.2",
   "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/"
@@ -12,6 +12,14 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
@@ -38,7 +46,7 @@
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/popper": "^5.5.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.3.0",
+    "@atlaskit/tokens": "^1.4.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1",
@@ -62,7 +70,7 @@
     "@testing-library/react": "^12.1.5",
     "react-dom": "^16.8.0",
     "react-lorem-component": "^0.13.0",
-    "typescript": "4.5.5",
+    "typescript": "~4.9.5",
     "wait-for-expect": "^1.2.0"
   },
   "keywords": [

package/types/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/types.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/types.d.ts"
+        "../dist/types-ts4.5/types.d.ts"
       ]
     }
   }