react-joyride - npm Package Compare versions

Comparing version 2.9.2 to 3.0.0-0

dist/index.d.ts

 import * as React from 'react';
 import { ReactNode, CSSProperties, ElementType, MouseEventHandler, RefCallback } from 'react';
 import { Styles as Styles$1, Props as Props$1 } from 'react-floater';
-export { Props as FloaterProps } from 'react-floater';
 import { ValueOf, PartialDeep, Simplify, SetRequired } from 'type-fest';
@@ -172,2 +171,3 @@
 
+type FloaterProps = Omit<Props$1, 'content' | 'component'>;
 type BaseProps = {
@@ -205,3 +205,3 @@ /**
      */
-    floaterProps?: Partial<Props$1>;
+    floaterProps?: Partial<FloaterProps>;
     /**
@@ -391,3 +391,3 @@ * Hide the Back button.
      */
-    floaterProps?: Props$1;
+    floaterProps?: Partial<FloaterProps>;
     /**
@@ -542,5 +542,5 @@ * Hide the tooltip's footer.
 declare namespace ReactJoyride {
-  export { ACTIONS, type Actions, type AnyObject, type BaseProps, type BeaconProps, type BeaconRenderProps, type CallBackProps, type Callback, EVENTS, type Events, LIFECYCLE, type Lifecycle, type Locale, type NarrowPlainObject, ORIGIN, type Origin, type OverlayProps, type Placement, type Props, STATUS, type State, type Status, type Step, type StepMerged, type StepProps, type StoreHelpers, type StoreOptions, type Styles, type StylesOptions, type StylesWithFloaterStyles, type TooltipProps, type TooltipRenderProps, Joyride as default };
+  export { ACTIONS, type Actions, type AnyObject, type BaseProps, type BeaconProps, type BeaconRenderProps, type CallBackProps, type Callback, EVENTS, type Events, type FloaterProps, LIFECYCLE, type Lifecycle, type Locale, type NarrowPlainObject, ORIGIN, type Origin, type OverlayProps, type Placement, type Props, STATUS, type State, type Status, type Step, type StepMerged, type StepProps, type StoreHelpers, type StoreOptions, type Styles, type StylesOptions, type StylesWithFloaterStyles, type TooltipProps, type TooltipRenderProps, Joyride as default };
 }
 
 export = ReactJoyride;

package.json

 {
   "name": "react-joyride",
-  "version": "2.9.2",
+  "version": "3.0.0-0",
   "description": "Create guided tours for your apps",
@@ -36,4 +36,4 @@ "author": "Gil Barbara <[e-mail]>",
   "peerDependencies": {
-    "react": "15 - 18",
-    "react-dom": "15 - 18"
+    "react": "16.8 - 19",
+    "react-dom": "16.8 - 19"
   },
@@ -45,5 +45,4 @@ "dependencies": {
     "is-lite": "^1.2.1",
-    "react-floater": "^0.7.9",
+    "react-floater": "^0.9.5-1",
     "react-innertext": "^1.1.5",
-    "react-is": "^16.13.1",
     "scroll": "^3.0.1",
@@ -50,0 +49,0 @@ "scrollparent": "^2.1.0",

src/defaults.ts

@@ -5,6 +5,8 @@ import { noop } from '~/modules/helpers';
 
-export const defaultFloaterProps: FloaterProps = {
-  options: {
+export const defaultFloaterProps: Omit<FloaterProps, 'component'> = {
+  modifiers: {
     preventOverflow: {
-      boundariesElement: 'scrollParent',
+      options: {
+        rootBoundary: 'viewport',
+      },
     },
@@ -11,0 +13,0 @@ },

src/modules/step.ts

@@ -50,3 +50,3 @@ import { Props as FloaterProps } from 'react-floater';
     mergedStep.floaterProps ?? {},
-  ]) as SetRequired<FloaterProps, 'options' | 'wrapperOptions'>;
+  ]) as SetRequired<FloaterProps, 'modifiers' | 'wrapperOptions'>;
 
@@ -63,4 +63,8 @@ // Set react-floater props
 
-  if (scrollParent && floaterProps.options.preventOverflow) {
-    floaterProps.options.preventOverflow.boundariesElement = 'window';
+  if (scrollParent && floaterProps.modifiers.preventOverflow) {
+    floaterProps.modifiers.preventOverflow.options = {
+      ...floaterProps.modifiers.preventOverflow.options,
+      rootBoundary: 'viewport',
+      boundary: 'clippingParents',
+    };
   }
@@ -67,0 +71,0 @@

src/modules/store.ts

@@ -82,3 +82,3 @@ import { Props as FloaterProps } from 'react-floater';
       size: state.size ?? size,
-      status: nextIndex === size ? STATUS.FINISHED : (state.status ?? status),
+      status: nextIndex === size ? STATUS.FINISHED : state.status ?? status,
     };
@@ -85,0 +85,0 @@ }

src/types/components.ts

 import { ElementType, MouseEventHandler, ReactNode, RefCallback } from 'react';
-import { Props as FloaterProps } from 'react-floater';
+import { Props as FProps } from 'react-floater';
 import { PartialDeep, SetRequired, Simplify } from 'type-fest';
@@ -9,2 +9,4 @@
 
+export type FloaterProps = Omit<FProps, 'content' | 'component'>;
+
 export type BaseProps = {
@@ -243,3 +245,3 @@ /**
      */
-    floaterProps?: FloaterProps;
+    floaterProps?: Partial<FloaterProps>;
     /**
@@ -383,3 +385,1 @@ * Hide the tooltip's footer.
 >;
-
-export type { Props as FloaterProps } from 'react-floater';

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

488890

increased by0.58%

Dependency count

12

decreased by-7.69%

Lines of code

7709

increased by0.36%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• + Added@popperjs/core@2.11.8(transitive)

• + Addeddeepmerge-ts@7.1.5(transitive)

• + Addedreact@19.0.0(transitive)

• + Addedreact-dom@19.0.0(transitive)

• + Addedreact-floater@0.9.5-4(transitive)

• + Addedscheduler@0.25.0(transitive)

• + Addedtree-changes-hook@0.11.3(transitive)

• - Removedreact-is@^16.13.1

• - Removed@gilbarbara/deep-equal@0.1.2(transitive)

• - Removedis-lite@0.8.2(transitive)

• - Removedjs-tokens@4.0.0(transitive)

• - Removedloose-envify@1.4.0(transitive)

• - Removedobject-assign@4.1.1(transitive)

• - Removedpopper.js@1.16.1(transitive)

• - Removedprop-types@15.8.1(transitive)

• - Removedreact@18.3.1(transitive)

• - Removedreact-dom@18.3.1(transitive)

• - Removedreact-floater@0.7.9(transitive)

• - Removedreact-is@16.13.1(transitive)

• - Removedscheduler@0.23.2(transitive)

• - Removedtree-changes@0.9.3(transitive)

• Updatedreact-floater@^0.9.5-1