@elliemae/ds-popperjs 1.59.8 → 2.0.0-alpha.12

package/esm/config/useConfiguredDefaultProps.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { useMemo } from 'react';
 import { useConfiguredDefaultModifiers } from './useConfiguredDefaultModifiers.js';
@@ -6,44 +11,40 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var noop = function noop() {};
+const noop = () => {};
 
-var emptyObj = {};
-var useConfiguredDefaultProps = function useConfiguredDefaultProps(_ref) {
-  var props = _ref.props,
-      arrowElement = _ref.arrowElement;
+const emptyObj = {};
+const useConfiguredDefaultProps = _ref => {
+  let {
+    props,
+    arrowElement
+  } = _ref;
   // don't move this out of the hook or `document.body` will explode
-  var staticDefaultProps = useMemo(function () {
-    return {
-      referenceElement: null,
-      showPopover: false,
-      closeContextMenu: noop,
-      onClickOutside: noop,
-      withoutPortal: false,
-      withoutArrow: false,
-      withoutAnimation: false,
-      animationDuration: 100,
-      portalDOMContainer: document.body,
-      startPlacementPreference: 'top',
-      placementOrderPreference: ['top', 'bottom', 'left', 'right'],
-      zIndex: 1,
-      extraPopperStyles: emptyObj
-    };
-  }, []);
-
-  var _useConfiguredDefault = useConfiguredDefaultModifiers({
-    props: props,
-    arrowElement: arrowElement
-  }),
-      configuredModifiers = _useConfiguredDefault.modifiers;
-
-  var defaultProps = useMemo(function () {
-    return _objectSpread(_objectSpread({}, staticDefaultProps), {}, {
-      modifiers: configuredModifiers
-    });
-  }, [configuredModifiers, staticDefaultProps]);
+  const staticDefaultProps = useMemo(() => ({
+    referenceElement: null,
+    showPopover: false,
+    closeContextMenu: noop,
+    onClickOutside: noop,
+    withoutPortal: false,
+    withoutArrow: false,
+    withoutAnimation: false,
+    animationDuration: 100,
+    portalDOMContainer: document.body,
+    startPlacementPreference: 'top',
+    placementOrderPreference: ['top', 'bottom', 'left', 'right'],
+    zIndex: 1,
+    extraPopperStyles: emptyObj
+  }), []);
+  const {
+    modifiers: configuredModifiers
+  } = useConfiguredDefaultModifiers({
+    props,
+    arrowElement
+  });
+  const defaultProps = useMemo(() => _objectSpread(_objectSpread({}, staticDefaultProps), {}, {
+    modifiers: configuredModifiers
+  }), [configuredModifiers, staticDefaultProps]);
   return defaultProps;
 };
 
 export { useConfiguredDefaultProps };
-//# sourceMappingURL=useConfiguredDefaultProps.js.map

package/esm/config/useConfiguredMergedProps.js

@@ -1,18 +1,16 @@
 import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
 import { useConfiguredDefaultProps } from './useConfiguredDefaultProps.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import './useConfiguredDefaultModifiers.js';
 
-var useConfiguredMergedProps = function useConfiguredMergedProps(_ref) {
-  var props = _ref.props,
-      arrowElement = _ref.arrowElement;
-  var defaultProps = useConfiguredDefaultProps({
-    props: props,
-    arrowElement: arrowElement
+const useConfiguredMergedProps = _ref => {
+  let {
+    props,
+    arrowElement
+  } = _ref;
+  const defaultProps = useConfiguredDefaultProps({
+    props,
+    arrowElement
   });
   return useMemoMergePropsWithDefault(props, defaultProps);
 };
 
 export { useConfiguredMergedProps };
-//# sourceMappingURL=useConfiguredMergedProps.js.map

package/esm/index.d.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=index.d.js.map

package/esm/index.js

@@ -1,75 +1,74 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import { describe } from 'react-desc';
 import { dspopperjsPropTypes } from './propTypes.js';
 import { PopoverContent } from './PopoverContent.js';
 import { useConfigDSPopperjs } from './config/useConfigDSPopperjs.js';
-import '@babel/runtime/helpers/esm/extends';
-import './PopoverArrow.js';
-import 'styled-components';
-import './styled.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import '@elliemae/ds-system';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react-popper';
-import './config/useConfiguredMergedProps.js';
-import '@elliemae/ds-props-helpers';
-import './config/useConfiguredDefaultProps.js';
-import './config/useConfiguredDefaultModifiers.js';
-import './utils/hooks/useOnClickOutside.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var DSPopperJS = function DSPopperJS(props) {
-  var _useConfigDSPopperjs = useConfigDSPopperjs(props),
-      _useConfigDSPopperjs$ = _useConfigDSPopperjs.props,
-      showPopover = _useConfigDSPopperjs$.showPopover,
-      withoutAnimation = _useConfigDSPopperjs$.withoutAnimation,
-      animationDuration = _useConfigDSPopperjs$.animationDuration,
-      withoutPortal = _useConfigDSPopperjs$.withoutPortal,
-      withoutArrow = _useConfigDSPopperjs$.withoutArrow,
-      portalDOMContainer = _useConfigDSPopperjs$.portalDOMContainer,
-      zIndex = _useConfigDSPopperjs$.zIndex,
-      extraPopperStyles = _useConfigDSPopperjs$.extraPopperStyles,
-      setPopperElement = _useConfigDSPopperjs.setPopperElement,
-      setArrowElement = _useConfigDSPopperjs.setArrowElement,
-      setIsAnimating = _useConfigDSPopperjs.setIsAnimating,
-      popoverHelper = _useConfigDSPopperjs.popoverHelper,
-      isAnimating = _useConfigDSPopperjs.isAnimating;
-
-  var children = props.children;
-  var styles = popoverHelper.styles,
-      attributes = popoverHelper.attributes;
-  var contentJSX = useMemo(function () {
-    return /*#__PURE__*/React.createElement(PopoverContent, {
-      setPopperElement: setPopperElement,
-      popperStyles: _objectSpread(_objectSpread({}, styles.popper), extraPopperStyles),
-      popperAttributes: attributes.popper,
-      setArrowElement: setArrowElement,
-      arrowStyle: styles.arrow,
-      withoutArrow: withoutArrow,
-      withoutAnimation: withoutAnimation,
-      animationDuration: animationDuration,
-      zIndex: zIndex,
-      showPopover: showPopover,
-      setIsAnimating: setIsAnimating
-    }, children);
-  }, [attributes.popper, children, setIsAnimating, showPopover, extraPopperStyles, setArrowElement, setPopperElement, styles.arrow, styles.popper, withoutArrow, withoutAnimation, animationDuration, zIndex]);
+const DSPopperJS = props => {
+  const {
+    props: {
+      showPopover,
+      withoutAnimation,
+      animationDuration,
+      withoutPortal,
+      withoutArrow,
+      portalDOMContainer,
+      zIndex,
+      extraPopperStyles
+    },
+    setPopperElement,
+    setArrowElement,
+    setIsAnimating,
+    popoverHelper,
+    isAnimating
+  } = useConfigDSPopperjs(props);
+  const {
+    children
+  } = props;
+  const {
+    styles,
+    attributes
+  } = popoverHelper;
+  const contentJSX = useMemo(() => /*#__PURE__*/_jsx(PopoverContent, {
+    setPopperElement: setPopperElement,
+    popperStyles: _objectSpread(_objectSpread({}, styles.popper), extraPopperStyles),
+    popperAttributes: attributes.popper,
+    setArrowElement: setArrowElement,
+    arrowStyle: styles.arrow,
+    withoutArrow: withoutArrow,
+    withoutAnimation: withoutAnimation,
+    animationDuration: animationDuration,
+    zIndex: zIndex,
+    showPopover: showPopover,
+    setIsAnimating: setIsAnimating
+  }, void 0, children), [attributes.popper, children, setIsAnimating, showPopover, extraPopperStyles, setArrowElement, setPopperElement, styles.arrow, styles.popper, withoutArrow, withoutAnimation, animationDuration, zIndex]);
 
   if (showPopover || isAnimating) {
     if (withoutPortal === true) return contentJSX;
-    if (withoutPortal === false) return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(React.Fragment, null, contentJSX), portalDOMContainer));
+    if (withoutPortal === false) return /*#__PURE__*/jsx(Fragment, {
+      children: /*#__PURE__*/createPortal( /*#__PURE__*/jsx(Fragment, {
+        children: contentJSX
+      }), portalDOMContainer)
+    });
   }
 
   return null;
 };
 
-DSPopperJS.propTypes = dspopperjsPropTypes;
-var DSPopperJSWithSchema = describe(DSPopperJS).description('A dimsum custom styling wrapper on top of popperjs');
+const DSPopperJSWithSchema = describe(DSPopperJS).description('A dimsum custom styling wrapper on top of popperjs');
 DSPopperJSWithSchema.propTypes = dspopperjsPropTypes;
 
 export { DSPopperJS, DSPopperJSWithSchema, DSPopperJS as default };
-//# sourceMappingURL=index.js.map

package/esm/propTypes.js

@@ -1,6 +1,6 @@
 import { PropTypes } from 'react-desc';
 
-var dspopperjsPropTypes = {
+const dspopperjsPropTypes = {
   /**
    * React ref to popperjs referenceElement
    */
@@ -73,8 +73,9 @@ var dspopperjsPropTypes = {
    *  https://popper.js.org/docs/v2/modifiers/
    */
   modifiers: PropTypes.array.description('modifiers array for full-custom popper-js override, https://popper.js.org/docs/v2/modifiers/').defaultValue(1),
-  extraPopperStyles: PropTypes.object.description('Extra object styles to attach to the popper element').defaultValue({})
+  extraPopperStyles: PropTypes.object.description('Extra object styles to attach to the popper element').defaultValue({}),
+  onClickOutside: PropTypes.func.description('Callback triggered when clicking outside the popper').defaultValue(() => null),
+  children: PropTypes.node.description('The content of the popper').defaultValue(undefined)
 };
 
 export { dspopperjsPropTypes };
-//# sourceMappingURL=propTypes.js.map

package/esm/styled.js

@@ -3,22 +3,25 @@ import styled from 'styled-components';
 import { kfrm, css } from '@elliemae/ds-system';
 
 var _templateObject, _templateObject2, _templateObject3;
-var showAnimation = kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    from {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n\n    to {\n      opacity: 1;\n      transform: scale(1);\n      visibility: visible;\n    }\n"])));
-var hideAnimation = kfrm(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    from {\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    to {\n      opacity: 0;\n      transform: scale(0.8);\n      visibility: hidden;\n    }\n"])));
-var StyledPopoverContentWrapper = /*#__PURE__*/styled.div.withConfig({
+const showAnimation = kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    from {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n\n    to {\n      opacity: 1;\n      transform: scale(1);\n      visibility: visible;\n    }\n"])));
+const hideAnimation = kfrm(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    from {\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    to {\n      opacity: 0;\n      transform: scale(0.8);\n      visibility: hidden;\n    }\n"])));
+const StyledPopoverContentWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1giz5kx-0"
-})(["z-index:", ";"], function (_ref) {
-  var zIndex = _ref.zIndex;
+})(["z-index:", ";"], _ref => {
+  let {
+    zIndex
+  } = _ref;
   return zIndex;
 });
-var StyledAnimatedPopper = /*#__PURE__*/styled.div.withConfig({
+const StyledAnimatedPopper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1giz5kx-1"
-})(["box-shadow:0 0 0 1px rgba(16,22,26,0.1),0 2px 4px rgba(16,22,26,0.2),0 8px 24px rgba(16,22,26,0.2);", ""], function (_ref2) {
-  var showPopover = _ref2.showPopover,
-      animationDuration = _ref2.animationDuration,
-      withoutAnimation = _ref2.withoutAnimation;
+})(["box-shadow:0 0 0 1px rgba(16,22,26,0.1),0 2px 4px rgba(16,22,26,0.2),0 8px 24px rgba(16,22,26,0.2);", ""], _ref2 => {
+  let {
+    showPopover,
+    animationDuration,
+    withoutAnimation
+  } = _ref2;
   return !withoutAnimation && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      animation: ", " ", "ms ease-in;\n    "])), showPopover ? showAnimation : hideAnimation, animationDuration);
 });
 
 export { StyledAnimatedPopper, StyledPopoverContentWrapper };
-//# sourceMappingURL=styled.js.map

package/esm/utils/hooks/useOnClickOutside.js

@@ -1,8 +1,8 @@
 import { useEffect } from 'react';
 
 function useOnClickOutside(ref, cb) {
-  useEffect(function () {
-    var listener = function listener(event) {
+  useEffect(() => {
+    const listener = event => {
       var _ref$contains;
 
       // Do nothing if clicking ref's element or descendent elements
@@ -15,7 +15,7 @@ function useOnClickOutside(ref, cb) {
 
     document.addEventListener('mousedown', listener);
     document.addEventListener('touchstart', listener);
-    return function () {
+    return () => {
       document.removeEventListener('mousedown', listener);
       document.removeEventListener('touchstart', listener);
     };
@@ -23,4 +23,3 @@ function useOnClickOutside(ref, cb) {
 }
 
 export { useOnClickOutside };
-//# sourceMappingURL=useOnClickOutside.js.map

package/package.json

@@ -1,14 +1,66 @@
 {
   "name": "@elliemae/ds-popperjs",
-  "version": "1.59.8",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Popper JS wrapper",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - Popper JS Wrapper",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./utils/hooks/useOnClickOutside": {
+      "import": "./esm/utils/hooks/useOnClickOutside.js",
+      "require": "./cjs/utils/hooks/useOnClickOutside.js"
+    },
+    "./styled": {
+      "import": "./esm/styled.js",
+      "require": "./cjs/styled.js"
+    },
+    "./propTypes": {
+      "import": "./esm/propTypes.js",
+      "require": "./cjs/propTypes.js"
+    },
+    "./PopoverContent": {
+      "import": "./esm/PopoverContent.js",
+      "require": "./cjs/PopoverContent.js"
+    },
+    "./PopoverArrow": {
+      "import": "./esm/PopoverArrow.js",
+      "require": "./cjs/PopoverArrow.js"
+    },
+    "./config/useConfiguredMergedProps": {
+      "import": "./esm/config/useConfiguredMergedProps.js",
+      "require": "./cjs/config/useConfiguredMergedProps.js"
+    },
+    "./config/useConfiguredDefaultProps": {
+      "import": "./esm/config/useConfiguredDefaultProps.js",
+      "require": "./cjs/config/useConfiguredDefaultProps.js"
+    },
+    "./config/useConfiguredDefaultModifiers": {
+      "import": "./esm/config/useConfiguredDefaultModifiers.js",
+      "require": "./cjs/config/useConfiguredDefaultModifiers.js"
+    },
+    "./config/useConfigDSPopperjs": {
+      "import": "./esm/config/useConfigDSPopperjs.js",
+      "require": "./cjs/config/useConfigDSPopperjs.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,19 +68,22 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "1.59.8",
-    "react-popper": "2.2.5"
+    "@elliemae/ds-props-helpers": "2.0.0-alpha.12",
+    "@elliemae/ds-system": "2.0.0-alpha.12",
+    "react-desc": "~4.1.3",
+    "react-popper": "~2.2.5"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/PopoverArrow.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface PopoverArrowT {
+    placement: string;
+    style: React.CSSProperties;
+    arrowElementRef: React.Dispatch<React.SetStateAction<HTMLDivElement>>;
+}
+export declare const PopoverArrow: ({ placement, style, arrowElementRef }: PopoverArrowT) => React.ReactElement;
+export {};

package/types/PopoverContent.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { PopoverContentPropsT } from './index.d';
+export declare const PopoverContent: ({ setPopperElement, popperStyles, popperAttributes, children, showPopover, setArrowElement, setIsAnimating, arrowStyle, withoutArrow, withoutAnimation, animationDuration, zIndex, }: PopoverContentPropsT) => JSX.Element;

package/types/config/useConfigDSPopperjs.d.ts

@@ -0,0 +1,2 @@
+import type { useDSPopperjsPropsArgT, useDSPopperjsRT } from '../index.d';
+export declare const useConfigDSPopperjs: (appProps: useDSPopperjsPropsArgT) => useDSPopperjsRT;

package/types/config/useConfiguredDefaultModifiers.d.ts

@@ -0,0 +1,6 @@
+export declare const useConfiguredDefaultModifiers: ({ props, arrowElement }: {
+    props: any;
+    arrowElement: any;
+}) => {
+    modifiers: any;
+};

package/types/config/useConfiguredDefaultProps.d.ts

@@ -0,0 +1,19 @@
+export declare const useConfiguredDefaultProps: ({ props, arrowElement }: {
+    props: any;
+    arrowElement: any;
+}) => {
+    modifiers: any;
+    referenceElement: null;
+    showPopover: boolean;
+    closeContextMenu: () => void;
+    onClickOutside: () => void;
+    withoutPortal: boolean;
+    withoutArrow: boolean;
+    withoutAnimation: boolean;
+    animationDuration: number;
+    portalDOMContainer: HTMLElement;
+    startPlacementPreference: string;
+    placementOrderPreference: string[];
+    zIndex: number;
+    extraPopperStyles: {};
+};

package/types/config/useConfiguredMergedProps.d.ts

@@ -0,0 +1,19 @@
+export declare const useConfiguredMergedProps: ({ props, arrowElement }: {
+    props: any;
+    arrowElement: any;
+}) => {
+    modifiers: any;
+    referenceElement: null;
+    showPopover: boolean;
+    closeContextMenu: () => void;
+    onClickOutside: () => void;
+    withoutPortal: boolean;
+    withoutArrow: boolean;
+    withoutAnimation: boolean;
+    animationDuration: number;
+    portalDOMContainer: HTMLElement;
+    startPlacementPreference: string;
+    placementOrderPreference: string[];
+    zIndex: number;
+    extraPopperStyles: {};
+};

package/types/index.d.ts

@@ -0,0 +1,58 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+import type { DSDSPopperjsPropsT } from './index.d';
+declare const DSPopperJS: {
+    (props: DSDSPopperjsPropsT): JSX.Element;
+    propTypes: {
+        referenceElement: import("react-desc").PropTypesDescValidator;
+        showPopover: import("react-desc").PropTypesDescValidator;
+        closeContextMenu: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        withoutPortal: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        withoutArrow: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        withoutAnimation: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        animationDuration: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        boundaryElement: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        portalDOMContainer: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        startPlacementPreference: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        placementOrderPreference: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        zIndex: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        customOffset: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        modifiers: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        extraPopperStyles: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onClickOutside: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        children: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const DSPopperJSWithSchema: any;
+export { DSPopperJS, DSPopperJSWithSchema };
+export default DSPopperJS;

package/types/propTypes.d.ts

@@ -0,0 +1,95 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+export declare const dspopperjsPropTypes: {
+    /**
+     * React ref to popperjs referenceElement
+     */
+    referenceElement: import("react-desc").PropTypesDescValidator;
+    /**
+     * Wheter or not to show the popper content
+     */
+    showPopover: import("react-desc").PropTypesDescValidator;
+    /**
+     * Callback to close the context menu, used for "on click outside",
+     *  if not provided click outside will not trigger anything
+     */
+    closeContextMenu: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    /**
+     *  Wheter or not the popper content should appear in a DOM portal or not
+     */
+    withoutPortal: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    /**
+     *  Wheter or not the popper context menu should print the arrow
+     */
+    withoutArrow: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    /**
+     *  Whether or not the popper context menu should be animated
+     */
+    withoutAnimation: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    /**
+     *  Popper context menus Animation duration in ms
+     */
+    animationDuration: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    /**
+     *  Bounding element to calculate upon, defaults to it is "clippingParents",
+     *   which are the scrolling containers that may cause the element to be partially or fully cut off.
+     */
+    boundaryElement: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    /**
+     *  When using portal, the container in which to append the DOM content, defaults to document body
+     */
+    portalDOMContainer: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    /**
+     *  start placement preferences, as per popperjs placement option
+     */
+    startPlacementPreference: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    /**
+     *  Array of placement preferences, as per popperjs "flip" placement option
+     */
+    placementOrderPreference: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    /**
+     *  popperjs content z-index
+     */
+    zIndex: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    /**
+     *  placement offset array
+     */
+    customOffset: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    /**
+     *  modifiers array for full-custom popper-js override
+     *  https://popper.js.org/docs/v2/modifiers/
+     */
+    modifiers: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    extraPopperStyles: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onClickOutside: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    children: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+};