@elliemae/ds-popper 2.3.0-alpha.2 → 2.3.0-alpha.7

package/package.json

@@ -1,43 +1,46 @@
 {
   "name": "@elliemae/ds-popper",
-  "version": "2.3.0-alpha.2",
+  "version": "2.3.0-alpha.7",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Popper",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./props": {
-      "import": "./esm/props.js",
-      "require": "./cjs/props.js"
+      "import": "./dist/esm/props.js",
+      "require": "./dist/cjs/props.js"
     },
     "./positions": {
-      "import": "./esm/positions.js",
-      "require": "./cjs/positions.js"
+      "import": "./dist/esm/positions.js",
+      "require": "./dist/cjs/positions.js"
     },
     "./PopperImpl": {
-      "import": "./esm/PopperImpl.js",
-      "require": "./cjs/PopperImpl.js"
+      "import": "./dist/esm/PopperImpl.js",
+      "require": "./dist/cjs/PopperImpl.js"
     },
     "./PopperContent": {
-      "import": "./esm/PopperContent.js",
-      "require": "./cjs/PopperContent.js"
+      "import": "./dist/esm/PopperContent.js",
+      "require": "./dist/cjs/PopperContent.js"
     },
     "./interaction": {
-      "import": "./esm/interaction.js",
-      "require": "./cjs/interaction.js"
+      "import": "./dist/esm/interaction.js",
+      "require": "./dist/cjs/interaction.js"
     },
     "./getArrowStylesBySize": {
-      "import": "./esm/getArrowStylesBySize.js",
-      "require": "./cjs/getArrowStylesBySize.js"
+      "import": "./dist/esm/getArrowStylesBySize.js",
+      "require": "./dist/cjs/getArrowStylesBySize.js"
     },
     "./DSPopper": {
-      "import": "./esm/DSPopper.js",
-      "require": "./cjs/DSPopper.js"
+      "import": "./dist/esm/DSPopper.js",
+      "require": "./dist/cjs/DSPopper.js"
     }
   },
   "sideEffects": [
@@ -49,19 +52,13 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
-  },
   "dependencies": {
-    "@elliemae/ds-overlay": "2.3.0-alpha.2",
-    "@elliemae/ds-utilities": "2.3.0-alpha.2",
+    "@elliemae/ds-overlay": "2.3.0-alpha.7",
+    "@elliemae/ds-utilities": "2.3.0-alpha.7",
     "memoize-one": "~5.1.1",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
@@ -74,7 +71,12 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
   }
 }

package/types/DSPopper.d.ts

@@ -1,156 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-import { Position } from './positions';
-import { Interaction } from './interaction';
-declare const DSPopper: {
-    ({ containerProps, arrowGap, arrowSize, blockName, contentOffset, contentStyle, contentComponent, delayClose, delayOpen, interactionType, isOpen, onOpen, onClose, onPlacementChange, placement, preventOverflow, showArrow, closeAnimationConfig, openAnimationConfig, usePortal, triggerComponent, wrapExtraComponent, getTargetFromChildren, getContentFromChildren, modifiers, triggerRef, children: customPopper, renderReference, referenceNode, zIndex, hideIfNotVisible, }: {
-        containerProps: any;
-        arrowGap: any;
-        arrowSize: any;
-        blockName: any;
-        contentOffset: any;
-        contentStyle: any;
-        contentComponent: any;
-        delayClose: any;
-        delayOpen: any;
-        interactionType: any;
-        isOpen: any;
-        onOpen: any;
-        onClose: any;
-        onPlacementChange: any;
-        placement: any;
-        preventOverflow: any;
-        showArrow: any;
-        closeAnimationConfig: any;
-        openAnimationConfig: any;
-        usePortal: any;
-        triggerComponent: any;
-        wrapExtraComponent: any;
-        getTargetFromChildren: any;
-        getContentFromChildren: any;
-        modifiers: any;
-        triggerRef: any;
-        children: any;
-        renderReference: any;
-        referenceNode: any;
-        zIndex: any;
-        hideIfNotVisible: any;
-    }): JSX.Element;
-    propTypes: {
-        hideIfNotVisible: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        containerProps: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        arrowGap: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        onOpen: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        onClose: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        delayClose: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        delayOpen: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        onPlacementChange: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        arrowSize: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        blockName: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        triggerComponent: import("react-desc").PropTypesDescValue;
-    };
-    defaultProps: {
-        containerProps: {};
-        arrowGap: number;
-        arrowSize: number;
-        blockName: string;
-        contentOffset: null;
-        contentStyle: null;
-        contentComponent: () => null;
-        delayClose: number;
-        delayOpen: number;
-        interactionType: string;
-        onOpen: () => null;
-        onClose: () => null;
-        onPlacementChange: () => null;
-        placement: string;
-        preventOverflow: string;
-        showArrow: boolean;
-        closeAnimationConfig: {
-            to: {
-                transform: string;
-                opacity: string;
-            };
-            config: {
-                delay: number;
-                duration: number;
-            };
-        };
-        openAnimationConfig: {
-            to: {
-                transform: string;
-                opacity: string;
-            };
-            config: {
-                delay: number;
-                duration: number;
-            };
-        };
-        usePortal: boolean;
-        triggerComponent: () => null;
-        getTargetFromChildren: () => null;
-        getContentFromChildren: () => null;
-        modifiers: {};
-        triggerRef: () => null;
-        hideIfNotVisible: boolean;
-    };
-};
-declare const DSPopperWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { Interaction as PopperInteractions, Position as PopperPositions, DSPopperWithSchema, DSPopper };
-export { interactions } from './interaction';
-export { positions } from './positions';
-export default DSPopper;

package/types/PopperContent.d.ts

@@ -1,21 +0,0 @@
-import { PureComponent } from 'react';
-export default class PopperContent extends PureComponent {
-    static defaultProps: {
-        onContentDestroyed: () => null;
-    };
-    constructor(props: any);
-    handleRestAnimation(): void;
-    renderArrow({ ref, style }: {
-        ref: any;
-        style: any;
-    }, placement: any): JSX.Element | null;
-    renderContent({ ref, style, placement, arrowProps, scheduleUpdate, outOfBoundaries, }: {
-        ref: any;
-        style: any;
-        placement: any;
-        arrowProps: any;
-        scheduleUpdate: any;
-        outOfBoundaries: any;
-    }): JSX.Element;
-    render(): JSX.Element;
-}

package/types/PopperImpl.d.ts

@@ -1,52 +0,0 @@
-import { Component } from 'react';
-import { Reference } from 'react-popper';
-import PopperContent from './PopperContent';
-export default class PopperImpl extends Component<any, any> {
-    safeIsMounted: boolean;
-    handlePopperPlacementChange: (this: any, placement: any) => void;
-    constructor(props: any);
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    static getDerivedStateFromProps(nextProps: any, prevState: any): {
-        isOpen: any;
-        prevPropIsOpen: any;
-    } | null;
-    getInteractionObject(interaction: any, referenceProps?: {}): {
-        handlers?: undefined;
-        canClose?: undefined;
-    } | {
-        handlers: {
-            onClick: (e: any) => void;
-            onMouseEnter?: undefined;
-            onPointerEnter?: undefined;
-            onMouseLeave?: undefined;
-            onPointerLeave?: undefined;
-        };
-        canClose: () => boolean;
-    } | {
-        handlers: {
-            onMouseEnter: any;
-            onPointerEnter: any;
-            onMouseLeave: any;
-            onPointerLeave: any;
-            onClick: (e: any) => void;
-        };
-        canClose: (isOnTrigger: any, isOnPopper: any) => boolean;
-    };
-    setOpen(opening: any): void;
-    open(): void;
-    close(): void;
-    handleTriggerClick(e: any): void;
-    handleContentMouseEnter(): void;
-    handleContentMouseLeave(): void;
-    handleMouseEnter(): void;
-    handleMouseLeave(): void;
-    updatePopoverState(popperData: any): any;
-    handleDestroyContent(): void;
-    renderTarget({ ref }: {
-        ref: any;
-    }): any;
-    render(): JSX.Element;
-}
-export { Reference, PopperContent };

package/types/getArrowStylesBySize.d.ts

@@ -1,2 +0,0 @@
-export declare const getArrowStylesBySize: (position: any, size?: number) => any;
-export default getArrowStylesBySize;

package/types/index.d.ts

@@ -1,3 +0,0 @@
-export * from './DSPopper';
-export * from './getArrowStylesBySize';
-export { default } from './DSPopper';

package/types/interaction.d.ts

@@ -1,5 +0,0 @@
-export declare const Interaction: {
-    CLICK: string;
-    HOVER: string;
-};
-export declare const interactions: string[];

package/types/positions.d.ts

@@ -1,18 +0,0 @@
-export declare const Position: {
-    AUTO: string;
-    AUTO_START: string;
-    AUTO_END: string;
-    BOTTOM: string;
-    BOTTOM_START: string;
-    BOTTOM_END: string;
-    LEFT: string;
-    LEFT_END: string;
-    LEFT_START: string;
-    RIGHT: string;
-    RIGHT_END: string;
-    RIGHT_START: string;
-    TOP: string;
-    TOP_START: string;
-    TOP_END: string;
-};
-export declare const positions: string[];

package/types/props.d.ts

@@ -1,119 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-export declare const popperProps: {
-    /** Hide menu component if trigger component is not visible/scrolled away */
-    hideIfNotVisible: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** props to inject to popper wrapper */
-    containerProps: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** Space between the arrow and the popup */
-    arrowGap: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** callback for when menu changes from close to open */
-    onOpen: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** callback for when menu changes from open to close */
-    onClose: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** Time in ms to delay close of menu */
-    delayClose: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** Time in ms to delay open of menu */
-    delayOpen: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** callback for when menu changes placement */
-    onPlacementChange: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** Arrow size */
-    arrowSize: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** Bem blockname for the popper */
-    blockName: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    triggerComponent: import("react-desc").PropTypesDescValue;
-};
-export declare const defaultProps: {
-    containerProps: {};
-    arrowGap: number;
-    arrowSize: number;
-    blockName: string;
-    contentOffset: null;
-    contentStyle: null;
-    contentComponent: () => null;
-    delayClose: number;
-    delayOpen: number;
-    interactionType: string;
-    onOpen: () => null;
-    onClose: () => null;
-    onPlacementChange: () => null;
-    placement: string;
-    preventOverflow: string;
-    showArrow: boolean;
-    closeAnimationConfig: {
-        to: {
-            transform: string;
-            opacity: string;
-        };
-        config: {
-            delay: number;
-            duration: number;
-        };
-    };
-    openAnimationConfig: {
-        to: {
-            transform: string;
-            opacity: string;
-        };
-        config: {
-            delay: number;
-            duration: number;
-        };
-    };
-    usePortal: boolean;
-    triggerComponent: () => null;
-    getTargetFromChildren: () => null;
-    getContentFromChildren: () => null;
-    modifiers: {};
-    triggerRef: () => null;
-    hideIfNotVisible: boolean;
-};