@atlaskit/onboarding 12.3.3 → 12.3.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/onboarding
 
+## 12.3.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.3.4
+
+### Patch Changes
+
+- [#114282](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114282)
+  [`ff1c7111d8dd5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ff1c7111d8dd5) -
+  Update dependencies and remove unused internal exports.
+
 ## 12.3.3
 
 ### Patch Changes

package/dist/cjs/utils/use-element-box.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useElementBox = exports.ElementBox = void 0;
+exports.ElementBox = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _bindEventListener = require("bind-event-listener");
@@ -133,7 +133,7 @@ var usePollingElementBox = function usePollingElementBox(element, updateMethod)
  * Not using ResizeObserver because of IE11 support.
  * @param element HTMLElement to watch when resizing.
  */
-var useElementBox = exports.useElementBox = function useElementBox(element, resizeUpdateMethod) {
+var useElementBox = function useElementBox(element, resizeUpdateMethod) {
   var updateMethod = resizeUpdateMethod || 'resizeListener';
   var boxViaResizeListener = useResizeAwareElementBox(element, updateMethod);
   var boxViaPolling = usePollingElementBox(element, updateMethod);

package/dist/cjs/utils/use-element-observer.js

@@ -4,7 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ElementObserver = ElementObserver;
 exports.useElementObserver = useElementObserver;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
@@ -68,32 +67,6 @@ function useElementObserver(element) {
   return targetContentVersion;
 }
 
-/**
- * A component that watches for changes to a node and forces a re-render when it changes.
- *
- * @param props
- * @param props.element The node to watch for changes.
- * @param props.children The children to render.
- * @param [props.disableWatch=false] Whether to watch for changes or not.
- * @param [props.onChange] A callback that is called when the node changes.
- *
- * @component
- * @internal
- */
-function ElementObserver(_ref) {
-  var element = _ref.element,
-    children = _ref.children,
-    onChange = _ref.onChange,
-    disableWatch = _ref.disableWatch;
-  useElementObserver(element, {
-    disableWatch: disableWatch,
-    onChange: onChange
-  });
-  return {
-    children: children
-  };
-}
-
 /**
  * When the browser is idle call the callback.
  *

package/dist/es2019/utils/use-element-box.js

@@ -109,7 +109,7 @@ const usePollingElementBox = (element, updateMethod) => {
  * Not using ResizeObserver because of IE11 support.
  * @param element HTMLElement to watch when resizing.
  */
-export const useElementBox = (element, resizeUpdateMethod) => {
+const useElementBox = (element, resizeUpdateMethod) => {
   const updateMethod = resizeUpdateMethod || 'resizeListener';
   const boxViaResizeListener = useResizeAwareElementBox(element, updateMethod);
   const boxViaPolling = usePollingElementBox(element, updateMethod);

package/dist/es2019/utils/use-element-observer.js

@@ -54,33 +54,6 @@ export function useElementObserver(element, opts = {}) {
   return targetContentVersion;
 }
 
-/**
- * A component that watches for changes to a node and forces a re-render when it changes.
- *
- * @param props
- * @param props.element The node to watch for changes.
- * @param props.children The children to render.
- * @param [props.disableWatch=false] Whether to watch for changes or not.
- * @param [props.onChange] A callback that is called when the node changes.
- *
- * @component
- * @internal
- */
-export function ElementObserver({
-  element,
-  children,
-  onChange,
-  disableWatch
-}) {
-  useElementObserver(element, {
-    disableWatch,
-    onChange
-  });
-  return {
-    children
-  };
-}
-
 /**
  * When the browser is idle call the callback.
  *

package/dist/esm/utils/use-element-box.js

@@ -126,7 +126,7 @@ var usePollingElementBox = function usePollingElementBox(element, updateMethod)
  * Not using ResizeObserver because of IE11 support.
  * @param element HTMLElement to watch when resizing.
  */
-export var useElementBox = function useElementBox(element, resizeUpdateMethod) {
+var useElementBox = function useElementBox(element, resizeUpdateMethod) {
   var updateMethod = resizeUpdateMethod || 'resizeListener';
   var boxViaResizeListener = useResizeAwareElementBox(element, updateMethod);
   var boxViaPolling = usePollingElementBox(element, updateMethod);

package/dist/esm/utils/use-element-observer.js

@@ -60,32 +60,6 @@ export function useElementObserver(element) {
   return targetContentVersion;
 }
 
-/**
- * A component that watches for changes to a node and forces a re-render when it changes.
- *
- * @param props
- * @param props.element The node to watch for changes.
- * @param props.children The children to render.
- * @param [props.disableWatch=false] Whether to watch for changes or not.
- * @param [props.onChange] A callback that is called when the node changes.
- *
- * @component
- * @internal
- */
-export function ElementObserver(_ref) {
-  var element = _ref.element,
-    children = _ref.children,
-    onChange = _ref.onChange,
-    disableWatch = _ref.disableWatch;
-  useElementObserver(element, {
-    disableWatch: disableWatch,
-    onChange: onChange
-  });
-  return {
-    children: children
-  };
-}
-
 /**
  * When the browser is idle call the callback.
  *

package/dist/types/components/clone.d.ts

@@ -1,5 +1,5 @@
 import React, { type MouseEvent } from 'react';
-export interface CloneProps {
+interface CloneProps {
     /**
      * Whether to display a pulse animation around the spotlighted element.
      */

package/dist/types/components/spotlight-dialog.d.ts

@@ -1,6 +1,6 @@
 import React, { Component, type ComponentType, type ReactNode } from 'react';
 import { type Actions } from '../types';
-export interface SpotlightDialogProps {
+interface SpotlightDialogProps {
     /**
      * Buttons to render in the footer.
      */

package/dist/types/components/spotlight-inner.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type ScrollLogicalPosition, type SpotlightProps } from '../types';
 import { type ElementBoundingBox } from '../utils/use-element-box';
-export interface SpotlightInnerProps extends SpotlightProps {
+interface SpotlightInnerProps extends SpotlightProps {
     /**
      * The spotlight target DOM element.
      */

package/dist/types/utils/use-element-box.d.ts

@@ -5,12 +5,6 @@ export interface ElementBoundingBox {
     width: number;
 }
 type ResizeUpdateMethod = 'polling' | 'resizeListener';
-/**
- * Will listen to the document resizing to see if an element has moved positions.
- * Not using ResizeObserver because of IE11 support.
- * @param element HTMLElement to watch when resizing.
- */
-export declare const useElementBox: (element: HTMLElement, resizeUpdateMethod?: ResizeUpdateMethod) => ElementBoundingBox;
 /**
  * __Element box__
  *

package/dist/types/utils/use-element-observer.d.ts

@@ -14,23 +14,3 @@ export declare function useElementObserver(element: Node, opts?: {
     disableWatch?: boolean;
     onChange?: (version: number) => void;
 }): number;
-/**
- * A component that watches for changes to a node and forces a re-render when it changes.
- *
- * @param props
- * @param props.element The node to watch for changes.
- * @param props.children The children to render.
- * @param [props.disableWatch=false] Whether to watch for changes or not.
- * @param [props.onChange] A callback that is called when the node changes.
- *
- * @component
- * @internal
- */
-export declare function ElementObserver({ element, children, onChange, disableWatch, }: {
-    element: HTMLElement;
-    children: any;
-    onChange?: (version: number) => void;
-    disableWatch?: boolean;
-}): {
-    children: any;
-};

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

@@ -1,5 +1,5 @@
 import React, { type MouseEvent } from 'react';
-export interface CloneProps {
+interface CloneProps {
     /**
      * Whether to display a pulse animation around the spotlighted element.
      */

package/dist/types-ts4.5/components/spotlight-dialog.d.ts

@@ -1,6 +1,6 @@
 import React, { Component, type ComponentType, type ReactNode } from 'react';
 import { type Actions } from '../types';
-export interface SpotlightDialogProps {
+interface SpotlightDialogProps {
     /**
      * Buttons to render in the footer.
      */

package/dist/types-ts4.5/components/spotlight-inner.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type ScrollLogicalPosition, type SpotlightProps } from '../types';
 import { type ElementBoundingBox } from '../utils/use-element-box';
-export interface SpotlightInnerProps extends SpotlightProps {
+interface SpotlightInnerProps extends SpotlightProps {
     /**
      * The spotlight target DOM element.
      */

package/dist/types-ts4.5/utils/use-element-box.d.ts

@@ -5,12 +5,6 @@ export interface ElementBoundingBox {
     width: number;
 }
 type ResizeUpdateMethod = 'polling' | 'resizeListener';
-/**
- * Will listen to the document resizing to see if an element has moved positions.
- * Not using ResizeObserver because of IE11 support.
- * @param element HTMLElement to watch when resizing.
- */
-export declare const useElementBox: (element: HTMLElement, resizeUpdateMethod?: ResizeUpdateMethod) => ElementBoundingBox;
 /**
  * __Element box__
  *

package/dist/types-ts4.5/utils/use-element-observer.d.ts

@@ -14,23 +14,3 @@ export declare function useElementObserver(element: Node, opts?: {
     disableWatch?: boolean;
     onChange?: (version: number) => void;
 }): number;
-/**
- * A component that watches for changes to a node and forces a re-render when it changes.
- *
- * @param props
- * @param props.element The node to watch for changes.
- * @param props.children The children to render.
- * @param [props.disableWatch=false] Whether to watch for changes or not.
- * @param [props.onChange] A callback that is called when the node changes.
- *
- * @component
- * @internal
- */
-export declare function ElementObserver({ element, children, onChange, disableWatch, }: {
-    element: HTMLElement;
-    children: any;
-    onChange?: (version: number) => void;
-    disableWatch?: boolean;
-}): {
-    children: any;
-};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/onboarding",
-	"version": "12.3.3",
+	"version": "12.3.5",
 	"description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
 		"@atlaskit/heading": "^4.1.0",
 		"@atlaskit/layering": "^1.1.0",
 		"@atlaskit/modal-dialog": "^12.20.0",
-		"@atlaskit/motion": "^2.0.0",
+		"@atlaskit/motion": "^3.0.0",
 		"@atlaskit/platform-feature-flags": "^1.0.0",
 		"@atlaskit/popper": "^6.4.0",
 		"@atlaskit/portal": "^4.11.0",