@elliemae/ds-popper 1.60.0 → 2.0.0-alpha.12

package/esm/interaction.js

@@ -1,8 +1,7 @@
-var Interaction = {
+const Interaction = {
   CLICK: 'click',
   HOVER: 'hover'
 };
-var interactions = [Interaction.CLICK, Interaction.HOVER];
+const interactions = [Interaction.CLICK, Interaction.HOVER];
 
 export { Interaction, interactions };
-//# sourceMappingURL=interaction.js.map

package/esm/positions.js

@@ -1,4 +1,4 @@
-var Position = {
+const Position = {
   AUTO: 'auto',
   AUTO_START: 'auto-start',
   AUTO_END: 'auto-end',
@@ -15,7 +15,6 @@ var Position = {
   TOP_START: 'top-start',
   TOP_END: 'top-end'
 };
-var positions = [Position.AUTO_START, Position.AUTO_END, Position.AUTO, Position.TOP_START, Position.TOP, Position.TOP_END, Position.RIGHT_START, Position.RIGHT, Position.RIGHT_END, Position.BOTTOM_START, Position.BOTTOM, Position.BOTTOM_END, Position.LEFT_START, Position.LEFT, Position.LEFT_END];
+const positions = [Position.AUTO_START, Position.AUTO_END, Position.AUTO, Position.TOP_START, Position.TOP, Position.TOP_END, Position.RIGHT_START, Position.RIGHT, Position.RIGHT_END, Position.BOTTOM_START, Position.BOTTOM, Position.BOTTOM_END, Position.LEFT_START, Position.LEFT, Position.LEFT_END];
 
 export { Position, positions };
-//# sourceMappingURL=positions.js.map

package/esm/props.js

@@ -2,7 +2,7 @@ import { PropTypes } from 'react-desc';
 import { Position } from './positions.js';
 import { Interaction } from './interaction.js';
 
-var popperProps = {
+const popperProps = {
   /** Hide menu component if trigger component is not visible/scrolled away */
   hideIfNotVisible: PropTypes.bool.description('Hide menu component if trigger component is not visible/scrolled away'),
 
@@ -34,28 +34,20 @@ var popperProps = {
   blockName: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).description('Bem blockname for the popper'),
   triggerComponent: PropTypes.element.description("The component that will open/close the tooltip. \n    Cannot be used with disabled elements. \n    https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled").isRequired
 };
-var defaultProps = {
+const defaultProps = {
   containerProps: {},
   arrowGap: 8,
   arrowSize: 6,
   blockName: '',
   contentOffset: null,
   contentStyle: null,
-  contentComponent: function contentComponent() {
-    return null;
-  },
+  contentComponent: () => null,
   delayClose: 300,
   delayOpen: 200,
   interactionType: Interaction.CLICK,
-  onOpen: function onOpen() {
-    return null;
-  },
-  onClose: function onClose() {
-    return null;
-  },
-  onPlacementChange: function onPlacementChange() {
-    return null;
-  },
+  onOpen: () => null,
+  onClose: () => null,
+  onPlacementChange: () => null,
   placement: Position.BOTTOM,
   preventOverflow: 'window',
   showArrow: true,
@@ -80,21 +72,12 @@ var defaultProps = {
     }
   },
   usePortal: true,
-  triggerComponent: function triggerComponent() {
-    return null;
-  },
-  getTargetFromChildren: function getTargetFromChildren() {
-    return null;
-  },
-  getContentFromChildren: function getContentFromChildren() {
-    return null;
-  },
+  triggerComponent: () => null,
+  getTargetFromChildren: () => null,
+  getContentFromChildren: () => null,
   modifiers: {},
-  triggerRef: function triggerRef() {
-    return null;
-  },
+  triggerRef: () => null,
   hideIfNotVisible: false
 };
 
 export { defaultProps, popperProps };
-//# sourceMappingURL=props.js.map

package/package.json

@@ -1,14 +1,58 @@
 {
   "name": "@elliemae/ds-popper",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Popper",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - Popper",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./props": {
+      "import": "./esm/props.js",
+      "require": "./cjs/props.js"
+    },
+    "./positions": {
+      "import": "./esm/positions.js",
+      "require": "./cjs/positions.js"
+    },
+    "./PopperImpl": {
+      "import": "./esm/PopperImpl.js",
+      "require": "./cjs/PopperImpl.js"
+    },
+    "./PopperContent": {
+      "import": "./esm/PopperContent.js",
+      "require": "./cjs/PopperContent.js"
+    },
+    "./interaction": {
+      "import": "./esm/interaction.js",
+      "require": "./cjs/interaction.js"
+    },
+    "./getArrowStylesBySize": {
+      "import": "./esm/getArrowStylesBySize.js",
+      "require": "./cjs/getArrowStylesBySize.js"
+    },
+    "./DSPopper": {
+      "import": "./esm/DSPopper.js",
+      "require": "./cjs/DSPopper.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,20 +60,21 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-overlay": "1.60.0",
-    "@elliemae/ds-utilities": "1.60.0",
+    "@elliemae/ds-overlay": "2.0.0-alpha.12",
+    "@elliemae/ds-utilities": "2.0.0-alpha.12",
     "memoize-one": "~5.1.1",
     "prop-types": "~15.7.2",
-    "react-desc": "^4.1.2",
-    "react-popper": "~1.3.7",
+    "react-desc": "~4.1.3",
+    "react-popper": "~1.3.11",
     "react-spring": "~8.0.27"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSPopper.d.ts

@@ -0,0 +1,188 @@
+/// <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<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        arrowGap: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onOpen: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onClose: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        delayClose: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        delayOpen: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onPlacementChange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        arrowSize: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        blockName: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        triggerComponent: import("react-desc").PropTypesDescValidator;
+    };
+    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?: {
+        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;
+    } | undefined): 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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,52 @@
+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

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

package/types/index.d.ts

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

package/types/interaction.d.ts

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

package/types/positions.d.ts

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,119 @@
+/// <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<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    /** props to inject to popper wrapper */
+    containerProps: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    /** Space between the arrow and the popup */
+    arrowGap: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    /** callback for when menu changes from close to open */
+    onOpen: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    /** callback for when menu changes from open to close */
+    onClose: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    /** Time in ms to delay close of menu */
+    delayClose: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    /** Time in ms to delay open of menu */
+    delayOpen: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    /** callback for when menu changes placement */
+    onPlacementChange: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    /** Arrow size */
+    arrowSize: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    /** Bem blockname for the popper */
+    blockName: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    triggerComponent: import("react-desc").PropTypesDescValidator;
+};
+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;
+};

package/DSPopper/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-popper/DSPopper",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/DSPopper.js",
-  "module": "../esm/DSPopper.js"
-}

package/PopperContent/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-popper/PopperContent",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/PopperContent.js",
-  "module": "../esm/PopperContent.js"
-}

package/PopperImpl/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-popper/PopperImpl",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/PopperImpl.js",
-  "module": "../esm/PopperImpl.js"
-}

package/cjs/DSPopper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSPopper.js","sources":["../../src/DSPopper.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport PopperImpl from './PopperImpl';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\nimport { popperProps, defaultProps } from './props';\n\nconst DSPopper = ({\n  containerProps,\n  arrowGap,\n  arrowSize,\n  blockName,\n  contentOffset,\n  contentStyle,\n  contentComponent,\n  delayClose,\n  delayOpen,\n  interactionType,\n  isOpen, // if this is set DSPopper would be a controlled component if not, an uncontrolled one\n  onOpen,\n  onClose,\n  onPlacementChange,\n  placement,\n  preventOverflow,\n  showArrow,\n  closeAnimationConfig,\n  openAnimationConfig,\n  usePortal,\n  triggerComponent,\n  wrapExtraComponent,\n  getTargetFromChildren,\n  getContentFromChildren,\n  modifiers,\n  triggerRef,\n  children: customPopper,\n  renderReference,\n  referenceNode,\n  zIndex,\n  hideIfNotVisible,\n}): JSX.Element => (\n  <PopperImpl\n    arrowGap={arrowGap}\n    arrowSize={arrowSize}\n    blockName={blockName}\n    closeAnimationConfig={closeAnimationConfig}\n    containerProps={containerProps}\n    contentComponent={contentComponent}\n    contentOffset={contentOffset}\n    contentStyle={contentStyle}\n    delayClose={delayClose}\n    delayOpen={delayOpen}\n    getContentFromChildren={getContentFromChildren}\n    getTargetFromChildren={getTargetFromChildren}\n    interactionType={interactionType}\n    isOpen={isOpen}\n    modifiers={modifiers}\n    onOpen={onOpen}\n    onClose={onClose}\n    onPlacementChange={onPlacementChange}\n    openAnimationConfig={openAnimationConfig}\n    placement={placement}\n    preventOverflow={preventOverflow}\n    referenceNode={referenceNode}\n    renderReference={renderReference}\n    showArrow={showArrow}\n    triggerComponent={triggerComponent}\n    triggerRef={triggerRef}\n    usePortal={usePortal}\n    wrapExtraComponent={wrapExtraComponent}\n    zIndex={zIndex}\n    hideIfNotVisible={hideIfNotVisible}\n  >\n    {customPopper}\n  </PopperImpl>\n);\n\n// @deprecated: There's the NEW (not finished) popover that uses its own popper implementation.\nDSPopper.propTypes = popperProps;\nDSPopper.defaultProps = defaultProps;\n\nconst DSPopperWithSchema = describe(DSPopper);\nDSPopperWithSchema.propTypes = popperProps;\n\nexport { Interaction as PopperInteractions, Position as PopperPositions, DSPopperWithSchema, DSPopper };\n\nexport { interactions } from './interaction';\nexport { positions } from './positions';\n\nexport default DSPopper;\n"],"names":["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","customPopper","children","renderReference","referenceNode","zIndex","hideIfNotVisible","React","PopperImpl","propTypes","popperProps","defaultProps","DSPopperWithSchema","describe"],"mappings":"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"}

package/cjs/PopperContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopperContent.js","sources":["../../src/PopperContent.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { PureComponent } from 'react';\nimport { Popper } from 'react-popper';\nimport { Keyframes, animated } from 'react-spring/renderprops.cjs';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport DSOverlay from '@elliemae/ds-overlay';\nimport { getArrowStylesBySize } from './getArrowStylesBySize';\n\nconst Content = Keyframes.Spring({});\n\nexport default class PopperContent extends PureComponent {\n  // eslint-disable-next-line react/static-property-placement\n  static defaultProps = { onContentDestroyed: () => null };\n\n  constructor(props) {\n    super(props);\n    this.renderContent = this.renderContent.bind(this);\n    this.renderArrow = this.renderArrow.bind(this);\n    this.handleRestAnimation = this.handleRestAnimation.bind(this);\n  }\n\n  handleRestAnimation() {\n    const { isOpen, onContentDestroyed } = this.props;\n    if (!isOpen) {\n      onContentDestroyed();\n    }\n  }\n\n  renderArrow({ ref, style }, placement) {\n    const { blockName, showArrow } = this.props;\n    if (!showArrow) return null;\n    return (\n      <div\n        key=\"popper-arrow\"\n        ref={ref}\n        className={`${blockName || 'popper'}__arrow`}\n        data-placement={placement}\n        style={{\n          ...style,\n          ...getArrowStylesBySize(placement, 25),\n        }}\n      >\n        <svg viewBox=\"0 0 30 30\">\n          <path\n            className=\"stroke\"\n            d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n        C26.7,29,24.6,28.1,23.7,27.1z\"\n          />\n          <path\n            className=\"fill\"\n            d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n          />\n        </svg>\n      </div>\n    );\n  }\n\n  renderContent({\n    ref,\n    style,\n    placement,\n    arrowProps,\n    scheduleUpdate,\n    outOfBoundaries,\n  }) {\n    const {\n      contentComponent,\n      contentStyle,\n      isOpen,\n      closeAnimationConfig,\n      openAnimationConfig,\n      onMouseEnter,\n      onMouseLeave,\n      containerProps,\n      zIndex,\n      hideIfNotVisible,\n    } = this.props;\n\n    const computedStyle = {\n      ...style,\n      ...contentStyle,\n      zIndex,\n    };\n    return (\n      <div\n        {...containerProps}\n        data-placement={placement}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        style={computedStyle}\n        data-testid=\"popper-container\"\n      >\n        <Content\n          native\n          onRest={this.handleRestAnimation}\n          state={\n            isOpen && (!outOfBoundaries || !hideIfNotVisible) ? 'open' : 'close'\n          }\n          states={{\n            open: {\n              ...openAnimationConfig,\n              from: closeAnimationConfig.to,\n            },\n            close: closeAnimationConfig,\n          }}\n        >\n          {(animationStyle) => (\n            <animated.div ref={ref} style={animationStyle}>\n              {getComponentFromProps(contentComponent, { scheduleUpdate }, [\n                this.renderArrow(arrowProps, placement),\n              ])}\n            </animated.div>\n          )}\n        </Content>\n      </div>\n    );\n  }\n\n  render() {\n    const {\n      destroyed = false,\n      onClickOutside = () => null,\n      placement = 'bottom-start',\n      modifiers = {},\n      referenceNode,\n      usePortal = true,\n    } = this.props;\n    return (\n      <DSOverlay\n        isOpen={!destroyed}\n        onClickOutside={onClickOutside}\n        usePortal={usePortal}\n      >\n        <Popper\n          modifiers={modifiers}\n          placement={placement}\n          referenceElement={referenceNode}\n        >\n          {this.renderContent}\n        </Popper>\n      </DSOverlay>\n    );\n  }\n}\n"],"names":["Content","Keyframes","Spring","PopperContent","props","renderContent","bind","renderArrow","handleRestAnimation","isOpen","onContentDestroyed","placement","ref","style","blockName","showArrow","React","getArrowStylesBySize","arrowProps","scheduleUpdate","outOfBoundaries","contentComponent","contentStyle","closeAnimationConfig","openAnimationConfig","onMouseEnter","onMouseLeave","containerProps","zIndex","hideIfNotVisible","computedStyle","open","from","to","close","animationStyle","animated","getComponentFromProps","destroyed","onClickOutside","modifiers","referenceNode","usePortal","DSOverlay","Popper","PureComponent","defaultProps"],"mappings":"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"}