@elliemae/ds-popperjs 2.0.0-alpha.9 → 2.0.0-next.4

package/cjs/config/useConfigDSPopperjs.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/web.dom-collections.iterator.js');
 var react = require('react');
 var reactPopper = require('react-popper');
 var useConfiguredMergedProps = require('./useConfiguredMergedProps.js');

package/cjs/config/useConfiguredDefaultProps.js

@@ -16,6 +16,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 const noop = () => {};
 
+const emptyObj = {};
 const useConfiguredDefaultProps = ({
   props,
   arrowElement
@@ -30,7 +31,8 @@ const useConfiguredDefaultProps = ({
     portalDOMContainer: document.body,
     startPlacementPreference: 'top',
     placementOrderPreference: ['top', 'bottom', 'left', 'right'],
-    zIndex: 1
+    zIndex: 1,
+    extraPopperStyles: emptyObj
   }), []);
   const {
     modifiers: configuredModifiers

package/cjs/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var react = require('react');
 var reactDom = require('react-dom');
 var reactDesc = require('react-desc');
@@ -14,6 +15,11 @@ var jsxRuntime = require('react/jsx-runtime');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+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__default["default"](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; }
 
 const DSPopperJS = props => {
   const {
@@ -22,7 +28,8 @@ const DSPopperJS = props => {
       withoutPortal,
       withoutArrow,
       portalDOMContainer,
-      zIndex
+      zIndex,
+      extraPopperStyles
     },
     setPopperElement,
     setArrowElement,
@@ -37,13 +44,13 @@ const DSPopperJS = props => {
   } = popoverHelper;
   const contentJSX = react.useMemo(() => /*#__PURE__*/_jsx__default["default"](PopoverContent.PopoverContent, {
     setPopperElement: setPopperElement,
-    popperStyles: styles.popper,
+    popperStyles: _objectSpread(_objectSpread({}, styles.popper), extraPopperStyles),
     popperAttributes: attributes.popper,
     setArrowElement: setArrowElement,
     arrowStyle: styles.arrow,
     withoutArrow: withoutArrow,
     zIndex: zIndex
-  }, void 0, children), [attributes.popper, children, setArrowElement, setPopperElement, styles.arrow, styles.popper, withoutArrow, zIndex]);
+  }, void 0, children), [attributes.popper, children, extraPopperStyles, setArrowElement, setPopperElement, styles.arrow, styles.popper, withoutArrow, zIndex]);
 
   if (showPopover) {
     if (withoutPortal === true) return contentJSX;

package/cjs/propTypes.js

@@ -66,7 +66,8 @@ const dspopperjsPropTypes = {
    *  modifiers array for full-custom popper-js override
    *  https://popper.js.org/docs/v2/modifiers/
    */
-  modifiers: reactDesc.PropTypes.array.description('modifiers array for full-custom popper-js override, https://popper.js.org/docs/v2/modifiers/').defaultValue(1)
+  modifiers: reactDesc.PropTypes.array.description('modifiers array for full-custom popper-js override, https://popper.js.org/docs/v2/modifiers/').defaultValue(1),
+  extraPopperStyles: reactDesc.PropTypes.object.description('Extra object styles to attach to the popper element').defaultValue({})
 };
 
 exports.dspopperjsPropTypes = dspopperjsPropTypes;

package/esm/config/useConfigDSPopperjs.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useMemo } from 'react';
 import { usePopper } from 'react-popper';
 import { useConfiguredMergedProps } from './useConfiguredMergedProps.js';

package/esm/config/useConfiguredDefaultProps.js

@@ -8,6 +8,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 const noop = () => {};
 
+const emptyObj = {};
 const useConfiguredDefaultProps = ({
   props,
   arrowElement
@@ -22,7 +23,8 @@ const useConfiguredDefaultProps = ({
     portalDOMContainer: document.body,
     startPlacementPreference: 'top',
     placementOrderPreference: ['top', 'bottom', 'left', 'right'],
-    zIndex: 1
+    zIndex: 1,
+    extraPopperStyles: emptyObj
   }), []);
   const {
     modifiers: configuredModifiers

package/esm/index.js

@@ -1,4 +1,5 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import { describe } from 'react-desc';
@@ -7,6 +8,10 @@ import { PopoverContent } from './PopoverContent.js';
 import { useConfigDSPopperjs } from './config/useConfigDSPopperjs.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; }
+
 const DSPopperJS = props => {
   const {
     props: {
@@ -14,7 +19,8 @@ const DSPopperJS = props => {
       withoutPortal,
       withoutArrow,
       portalDOMContainer,
-      zIndex
+      zIndex,
+      extraPopperStyles
     },
     setPopperElement,
     setArrowElement,
@@ -29,13 +35,13 @@ const DSPopperJS = props => {
   } = popoverHelper;
   const contentJSX = useMemo(() => /*#__PURE__*/_jsx(PopoverContent, {
     setPopperElement: setPopperElement,
-    popperStyles: styles.popper,
+    popperStyles: _objectSpread(_objectSpread({}, styles.popper), extraPopperStyles),
     popperAttributes: attributes.popper,
     setArrowElement: setArrowElement,
     arrowStyle: styles.arrow,
     withoutArrow: withoutArrow,
     zIndex: zIndex
-  }, void 0, children), [attributes.popper, children, setArrowElement, setPopperElement, styles.arrow, styles.popper, withoutArrow, zIndex]);
+  }, void 0, children), [attributes.popper, children, extraPopperStyles, setArrowElement, setPopperElement, styles.arrow, styles.popper, withoutArrow, zIndex]);
 
   if (showPopover) {
     if (withoutPortal === true) return contentJSX;

package/esm/propTypes.js

@@ -62,7 +62,8 @@ const dspopperjsPropTypes = {
    *  modifiers array for full-custom popper-js override
    *  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)
+  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({})
 };
 
 export { dspopperjsPropTypes };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-popperjs",
-  "version": "2.0.0-alpha.9",
+  "version": "2.0.0-next.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Popper JS Wrapper",
   "module": "./esm/index.js",
@@ -64,7 +64,7 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "2.0.0-alpha.9",
+    "@elliemae/ds-props-helpers": "2.0.0-next.4",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {

package/types/config/useConfiguredDefaultProps.d.ts

@@ -12,4 +12,5 @@ export declare const useConfiguredDefaultProps: ({ props, arrowElement }: {
     startPlacementPreference: string;
     placementOrderPreference: string[];
     zIndex: number;
+    extraPopperStyles: {};
 };

package/types/config/useConfiguredMergedProps.d.ts

@@ -12,4 +12,5 @@ export declare const useConfiguredMergedProps: ({ props, arrowElement }: {
     startPlacementPreference: string;
     placementOrderPreference: string[];
     zIndex: number;
+    extraPopperStyles: {};
 }>;

package/types/index.d.ts

@@ -15,6 +15,7 @@ declare const DSPopperJS: {
         zIndex: any;
         customOffset: any;
         modifiers: any;
+        extraPopperStyles: any;
     };
 };
 declare const DSPopperJSWithSchema: any;

package/types/propTypes.d.ts

@@ -50,4 +50,5 @@ export declare const dspopperjsPropTypes: {
      *  https://popper.js.org/docs/v2/modifiers/
      */
     modifiers: any;
+    extraPopperStyles: any;
 };

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}