@elliemae/ds-popperjs 1.54.0-rc.1 → 1.55.0-next.2

package/cjs/PopoverContent.js

@@ -15,7 +15,7 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var StyledPopoverContentWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
   componentId: "sc-1gxm7np-0"
-})(["background:white;max-width:400px;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);padding:10px;z-index:", ";"], function (_ref) {
+})(["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);z-index:", ";"], function (_ref) {
   var zIndex = _ref.zIndex;
   return zIndex;
 });

package/cjs/PopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.js","sources":["../../src/PopoverContent.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { PopoverArrow } from './PopoverArrow';\nimport type { PopoverContentPropsT } from './index.d';\n\ninterface StyledContentWrapperPropsT {\n  zIndex: number;\n}\nconst StyledPopoverContentWrapper = styled.div<StyledContentWrapperPropsT>`\n  background: white;\n  max-width: 400px;\n  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);\n  padding: 10px;\n  z-index: ${({ zIndex }) => zIndex};\n`;\n\nexport const PopoverContent = ({\n  setPopperElement,\n  popperStyles,\n  popperAttributes,\n  children,\n  setArrowElement,\n  arrowStyle,\n  withoutArrow,\n  zIndex,\n}: PopoverContentPropsT): JSX.Element => (\n  <StyledPopoverContentWrapper zIndex={zIndex} ref={setPopperElement} style={popperStyles} {...popperAttributes}>\n    {children}\n    {withoutArrow === false ? (\n      <>\n        <PopoverArrow\n          arrowElementRef={setArrowElement}\n          style={arrowStyle}\n          placement={popperAttributes ? popperAttributes['data-popper-placement'] : 'bottom'}\n        />\n        <div ref={setArrowElement} style={arrowStyle} />\n      </>\n    ) : null}\n  </StyledPopoverContentWrapper>\n);\n"],"names":["StyledPopoverContentWrapper","styled","div","zIndex","PopoverContent","setPopperElement","popperStyles","popperAttributes","children","setArrowElement","arrowStyle","withoutArrow","React","PopoverArrow"],"mappings":";;;;;;;;;;;;;;;AAQA,IAAMA,2BAA2B,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,uKAKpB;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,SAAgBA,MAAhB;AAAA,CALoB,CAAjC;IAQaC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAC5BC,gBAD4B,SAC5BA,gBAD4B;AAAA,MAE5BC,YAF4B,SAE5BA,YAF4B;AAAA,MAG5BC,gBAH4B,SAG5BA,gBAH4B;AAAA,MAI5BC,QAJ4B,SAI5BA,QAJ4B;AAAA,MAK5BC,eAL4B,SAK5BA,eAL4B;AAAA,MAM5BC,UAN4B,SAM5BA,UAN4B;AAAA,MAO5BC,YAP4B,SAO5BA,YAP4B;AAAA,MAQ5BR,MAR4B,SAQ5BA,MAR4B;AAAA,sBAU5BS,wCAAC,2BAAD;AAA6B,IAAA,MAAM,EAAET,MAArC;AAA6C,IAAA,GAAG,EAAEE,gBAAlD;AAAoE,IAAA,KAAK,EAAEC;AAA3E,KAA6FC,gBAA7F,GACGC,QADH,EAEGG,YAAY,KAAK,KAAjB,gBACCC,+FACEA,wCAACC,yBAAD;AACE,IAAA,eAAe,EAAEJ,eADnB;AAEE,IAAA,KAAK,EAAEC,UAFT;AAGE,IAAA,SAAS,EAAEH,gBAAgB,GAAGA,gBAAgB,CAAC,uBAAD,CAAnB,GAA+C;AAH5E,IADF,eAMEK;AAAK,IAAA,GAAG,EAAEH,eAAV;AAA2B,IAAA,KAAK,EAAEC;AAAlC,IANF,CADD,GASG,IAXN,CAV4B;AAAA;;;;"}
+{"version":3,"file":"PopoverContent.js","sources":["../../src/PopoverContent.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { PopoverArrow } from './PopoverArrow';\nimport type { PopoverContentPropsT } from './index.d';\n\ninterface StyledContentWrapperPropsT {\n  zIndex: number;\n}\nconst StyledPopoverContentWrapper = styled.div<StyledContentWrapperPropsT>`\n  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);\n  z-index: ${({ zIndex }) => zIndex};\n`;\n\nexport const PopoverContent = ({\n  setPopperElement,\n  popperStyles,\n  popperAttributes,\n  children,\n  setArrowElement,\n  arrowStyle,\n  withoutArrow,\n  zIndex,\n}: PopoverContentPropsT): JSX.Element => (\n  <StyledPopoverContentWrapper zIndex={zIndex} ref={setPopperElement} style={popperStyles} {...popperAttributes}>\n    {children}\n    {withoutArrow === false ? (\n      <>\n        <PopoverArrow\n          arrowElementRef={setArrowElement}\n          style={arrowStyle}\n          placement={popperAttributes ? popperAttributes['data-popper-placement'] : 'bottom'}\n        />\n        <div ref={setArrowElement} style={arrowStyle} />\n      </>\n    ) : null}\n  </StyledPopoverContentWrapper>\n);\n"],"names":["StyledPopoverContentWrapper","styled","div","zIndex","PopoverContent","setPopperElement","popperStyles","popperAttributes","children","setArrowElement","arrowStyle","withoutArrow","React","PopoverArrow"],"mappings":";;;;;;;;;;;;;;;AAQA,IAAMA,2BAA2B,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,yHAEpB;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,SAAgBA,MAAhB;AAAA,CAFoB,CAAjC;IAKaC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAC5BC,gBAD4B,SAC5BA,gBAD4B;AAAA,MAE5BC,YAF4B,SAE5BA,YAF4B;AAAA,MAG5BC,gBAH4B,SAG5BA,gBAH4B;AAAA,MAI5BC,QAJ4B,SAI5BA,QAJ4B;AAAA,MAK5BC,eAL4B,SAK5BA,eAL4B;AAAA,MAM5BC,UAN4B,SAM5BA,UAN4B;AAAA,MAO5BC,YAP4B,SAO5BA,YAP4B;AAAA,MAQ5BR,MAR4B,SAQ5BA,MAR4B;AAAA,sBAU5BS,wCAAC,2BAAD;AAA6B,IAAA,MAAM,EAAET,MAArC;AAA6C,IAAA,GAAG,EAAEE,gBAAlD;AAAoE,IAAA,KAAK,EAAEC;AAA3E,KAA6FC,gBAA7F,GACGC,QADH,EAEGG,YAAY,KAAK,KAAjB,gBACCC,+FACEA,wCAACC,yBAAD;AACE,IAAA,eAAe,EAAEJ,eADnB;AAEE,IAAA,KAAK,EAAEC,UAFT;AAGE,IAAA,SAAS,EAAEH,gBAAgB,GAAGA,gBAAgB,CAAC,uBAAD,CAAnB,GAA+C;AAH5E,IADF,eAMEK;AAAK,IAAA,GAAG,EAAEH,eAAV;AAA2B,IAAA,KAAK,EAAEC;AAAlC,IANF,CADD,GASG,IAXN,CAV4B;AAAA;;;;"}

package/cjs/config/useConfigDSPopperjs.js

@@ -33,17 +33,19 @@ var useConfigDSPopperjs = function useConfigDSPopperjs(appProps) {
   });
   var referenceElement = props.referenceElement,
       closeContextMenu = props.closeContextMenu,
-      modifiers = props.modifiers;
+      modifiers = props.modifiers,
+      startPlacementPreference = props.startPlacementPreference;
   var popperExtraOpts = React.useMemo(function () {
     return {
+      placement: startPlacementPreference,
       modifiers: modifiers
     };
-  }, [modifiers]);
+  }, [modifiers, startPlacementPreference]);
   var popoverHelper = reactPopper.usePopper(referenceElement, popperElement, popperExtraOpts);
   utils_hooks_useOnClickOutside.useOnClickOutside(popperElement, function (e) {
-    var _referenceElement$cur, _referenceElement$cur2;
+    var _referenceElement$con;
 
-    if (!(referenceElement !== null && referenceElement !== void 0 && (_referenceElement$cur = referenceElement.current) !== null && _referenceElement$cur !== void 0 && (_referenceElement$cur2 = _referenceElement$cur.contains) !== null && _referenceElement$cur2 !== void 0 && _referenceElement$cur2.call(_referenceElement$cur, e === null || e === void 0 ? void 0 : e.target))) closeContextMenu();
+    if (!(referenceElement !== null && referenceElement !== void 0 && (_referenceElement$con = referenceElement.contains) !== null && _referenceElement$con !== void 0 && _referenceElement$con.call(referenceElement, e === null || e === void 0 ? void 0 : e.target))) closeContextMenu();
   });
   return React.useMemo(function () {
     return {

package/cjs/config/useConfigDSPopperjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConfigDSPopperjs.js","sources":["../../../src/config/useConfigDSPopperjs.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { usePopper } from 'react-popper';\nimport { useConfiguredMergedProps } from './useConfiguredMergedProps';\nimport type { useDSPopperjsPropsArgT, useDSPopperjsRT } from '../index.d';\n\nimport { useOnClickOutside } from '../utils/hooks/useOnClickOutside';\n\nexport const useConfigDSPopperjs = (appProps: useDSPopperjsPropsArgT): useDSPopperjsRT => {\n  const [popperElement, setPopperElement] = useState(null);\n  const [arrowElement, setArrowElement] = useState(null);\n\n  const props = useConfiguredMergedProps({ props: appProps, arrowElement });\n  const { referenceElement, closeContextMenu, modifiers } = props;\n  const popperExtraOpts = useMemo(() => ({ modifiers }), [modifiers]);\n\n  const popoverHelper = usePopper(referenceElement, popperElement, popperExtraOpts);\n\n  useOnClickOutside(popperElement, (e) => {\n    if (!referenceElement?.current?.contains?.(e?.target)) closeContextMenu();\n  });\n\n  return useMemo(\n    () => ({\n      props,\n      popperElement,\n      setPopperElement,\n      arrowElement,\n      setArrowElement,\n      popoverHelper,\n    }),\n    [arrowElement, popoverHelper, popperElement, props],\n  );\n};\n"],"names":["useConfigDSPopperjs","appProps","useState","popperElement","setPopperElement","arrowElement","setArrowElement","props","useConfiguredMergedProps","referenceElement","closeContextMenu","modifiers","popperExtraOpts","useMemo","popoverHelper","usePopper","useOnClickOutside","e","current","contains","target"],"mappings":";;;;;;;;;;;;;;;;;;IAOaA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,QAAD,EAAuD;AACxF,kBAA0CC,cAAQ,CAAC,IAAD,CAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,mBAAwCF,cAAQ,CAAC,IAAD,CAAhD;AAAA;AAAA,MAAOG,YAAP;AAAA,MAAqBC,eAArB;;AAEA,MAAMC,KAAK,GAAGC,wDAAwB,CAAC;AAAED,IAAAA,KAAK,EAAEN,QAAT;AAAmBI,IAAAA,YAAY,EAAZA;AAAnB,GAAD,CAAtC;AACA,MAAQI,gBAAR,GAA0DF,KAA1D,CAAQE,gBAAR;AAAA,MAA0BC,gBAA1B,GAA0DH,KAA1D,CAA0BG,gBAA1B;AAAA,MAA4CC,SAA5C,GAA0DJ,KAA1D,CAA4CI,SAA5C;AACA,MAAMC,eAAe,GAAGC,aAAO,CAAC;AAAA,WAAO;AAAEF,MAAAA,SAAS,EAATA;AAAF,KAAP;AAAA,GAAD,EAAwB,CAACA,SAAD,CAAxB,CAA/B;AAEA,MAAMG,aAAa,GAAGC,qBAAS,CAACN,gBAAD,EAAmBN,aAAnB,EAAkCS,eAAlC,CAA/B;AAEAI,EAAAA,+CAAiB,CAACb,aAAD,EAAgB,UAACc,CAAD,EAAO;AAAA;;AACtC,QAAI,EAACR,gBAAD,aAACA,gBAAD,wCAACA,gBAAgB,CAAES,OAAnB,4EAAC,sBAA2BC,QAA5B,mDAAC,mDAAsCF,CAAtC,aAAsCA,CAAtC,uBAAsCA,CAAC,CAAEG,MAAzC,CAAD,CAAJ,EAAuDV,gBAAgB;AACxE,GAFgB,CAAjB;AAIA,SAAOG,aAAO,CACZ;AAAA,WAAO;AACLN,MAAAA,KAAK,EAALA,KADK;AAELJ,MAAAA,aAAa,EAAbA,aAFK;AAGLC,MAAAA,gBAAgB,EAAhBA,gBAHK;AAILC,MAAAA,YAAY,EAAZA,YAJK;AAKLC,MAAAA,eAAe,EAAfA,eALK;AAMLQ,MAAAA,aAAa,EAAbA;AANK,KAAP;AAAA,GADY,EASZ,CAACT,YAAD,EAAeS,aAAf,EAA8BX,aAA9B,EAA6CI,KAA7C,CATY,CAAd;AAWD;;;;"}
+{"version":3,"file":"useConfigDSPopperjs.js","sources":["../../../src/config/useConfigDSPopperjs.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { usePopper } from 'react-popper';\nimport { useConfiguredMergedProps } from './useConfiguredMergedProps';\nimport type { useDSPopperjsPropsArgT, useDSPopperjsRT } from '../index.d';\n\nimport { useOnClickOutside } from '../utils/hooks/useOnClickOutside';\n\nexport const useConfigDSPopperjs = (appProps: useDSPopperjsPropsArgT): useDSPopperjsRT => {\n  const [popperElement, setPopperElement] = useState(null);\n  const [arrowElement, setArrowElement] = useState(null);\n\n  const props = useConfiguredMergedProps({ props: appProps, arrowElement });\n  const { referenceElement, closeContextMenu, modifiers, startPlacementPreference } = props;\n  const popperExtraOpts = useMemo(\n    () => ({ placement: startPlacementPreference, modifiers }),\n    [modifiers, startPlacementPreference],\n  );\n\n  const popoverHelper = usePopper(referenceElement, popperElement, popperExtraOpts);\n\n  useOnClickOutside(popperElement, (e) => {\n    if (!referenceElement?.contains?.(e?.target)) closeContextMenu();\n  });\n\n  return useMemo(\n    () => ({\n      props,\n      popperElement,\n      setPopperElement,\n      arrowElement,\n      setArrowElement,\n      popoverHelper,\n    }),\n    [arrowElement, popoverHelper, popperElement, props],\n  );\n};\n"],"names":["useConfigDSPopperjs","appProps","useState","popperElement","setPopperElement","arrowElement","setArrowElement","props","useConfiguredMergedProps","referenceElement","closeContextMenu","modifiers","startPlacementPreference","popperExtraOpts","useMemo","placement","popoverHelper","usePopper","useOnClickOutside","e","contains","target"],"mappings":";;;;;;;;;;;;;;;;;;IAOaA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,QAAD,EAAuD;AACxF,kBAA0CC,cAAQ,CAAC,IAAD,CAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,mBAAwCF,cAAQ,CAAC,IAAD,CAAhD;AAAA;AAAA,MAAOG,YAAP;AAAA,MAAqBC,eAArB;;AAEA,MAAMC,KAAK,GAAGC,wDAAwB,CAAC;AAAED,IAAAA,KAAK,EAAEN,QAAT;AAAmBI,IAAAA,YAAY,EAAZA;AAAnB,GAAD,CAAtC;AACA,MAAQI,gBAAR,GAAoFF,KAApF,CAAQE,gBAAR;AAAA,MAA0BC,gBAA1B,GAAoFH,KAApF,CAA0BG,gBAA1B;AAAA,MAA4CC,SAA5C,GAAoFJ,KAApF,CAA4CI,SAA5C;AAAA,MAAuDC,wBAAvD,GAAoFL,KAApF,CAAuDK,wBAAvD;AACA,MAAMC,eAAe,GAAGC,aAAO,CAC7B;AAAA,WAAO;AAAEC,MAAAA,SAAS,EAAEH,wBAAb;AAAuCD,MAAAA,SAAS,EAATA;AAAvC,KAAP;AAAA,GAD6B,EAE7B,CAACA,SAAD,EAAYC,wBAAZ,CAF6B,CAA/B;AAKA,MAAMI,aAAa,GAAGC,qBAAS,CAACR,gBAAD,EAAmBN,aAAnB,EAAkCU,eAAlC,CAA/B;AAEAK,EAAAA,+CAAiB,CAACf,aAAD,EAAgB,UAACgB,CAAD,EAAO;AAAA;;AACtC,QAAI,EAACV,gBAAD,aAACA,gBAAD,wCAACA,gBAAgB,CAAEW,QAAnB,kDAAC,2BAAAX,gBAAgB,EAAaU,CAAb,aAAaA,CAAb,uBAAaA,CAAC,CAAEE,MAAhB,CAAjB,CAAJ,EAA8CX,gBAAgB;AAC/D,GAFgB,CAAjB;AAIA,SAAOI,aAAO,CACZ;AAAA,WAAO;AACLP,MAAAA,KAAK,EAALA,KADK;AAELJ,MAAAA,aAAa,EAAbA,aAFK;AAGLC,MAAAA,gBAAgB,EAAhBA,gBAHK;AAILC,MAAAA,YAAY,EAAZA,YAJK;AAKLC,MAAAA,eAAe,EAAfA,eALK;AAMLU,MAAAA,aAAa,EAAbA;AANK,KAAP;AAAA,GADY,EASZ,CAACX,YAAD,EAAeW,aAAf,EAA8Bb,aAA9B,EAA6CI,KAA7C,CATY,CAAd;AAWD;;;;"}

package/cjs/config/useConfiguredDefaultModifiers.js

@@ -44,7 +44,8 @@ var useConfiguredDefaultModifiers = function useConfiguredDefaultModifiers(_ref)
     if (!explicitAppWithoutArrow) mod.push({
       name: 'arrow',
       options: {
-        element: arrowElement
+        element: arrowElement,
+        padding: 18
       }
     }); // the app can define an explicit element to act as a boundary instead of popperjs default one
 

package/cjs/config/useConfiguredDefaultModifiers.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConfiguredDefaultModifiers.js","sources":["../../../src/config/useConfiguredDefaultModifiers.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nexport const useConfiguredDefaultModifiers = ({ props, arrowElement }) => {\n  // we destructure explicit app definitions before merge\n  const {\n    boundaryElement: explicitAppBoundaryElement,\n    withoutArrow: explicitAppWithoutArrow = false,\n    placementOrderPreference: explicitPlacementOrderPreference = ['top', 'bottom', 'left', 'right'],\n    customOffset: explictAppOffset = undefined,\n  } = props;\n  // to build default modifiers on top of it\n  const defaultModifiers = useMemo(() => {\n    const mod = [];\n    mod.push({ name: 'hide', enabled: true });\n    mod.push({\n      name: 'flip',\n      options: {\n        fallbackPlacements: explicitPlacementOrderPreference,\n      },\n    });\n    // we apply an offset if the app defines one or if the app wants the arrow\n    if (!explicitAppWithoutArrow || explictAppOffset) {\n      const defaultOffset = explictAppOffset || [0, 14];\n      mod.push({\n        name: 'offset',\n        enabled: true,\n        options: {\n          offset: defaultOffset,\n        },\n      });\n    }\n    // the app can opt for a \"no arrow\" implementation (we do so in datatable/calendar etc...)\n    if (!explicitAppWithoutArrow) mod.push({ name: 'arrow', options: { element: arrowElement } });\n\n    // the app can define an explicit element to act as a boundary instead of popperjs default one\n    if (explicitAppBoundaryElement)\n      mod.push({\n        name: 'preventOverflow',\n        options: {\n          boundary: explicitAppBoundaryElement,\n        },\n      });\n    return mod;\n  }, [\n    arrowElement,\n    explicitAppBoundaryElement,\n    explicitAppWithoutArrow,\n    explicitPlacementOrderPreference,\n    explictAppOffset,\n  ]);\n  // if the app pass custom modifier, we don't use \"default modifiers\"\n  const { modifiers: explicitAppModifiers = defaultModifiers } = props;\n\n  return useMemo(\n    () => ({\n      modifiers: explicitAppModifiers,\n    }),\n    [explicitAppModifiers],\n  );\n};\n"],"names":["useConfiguredDefaultModifiers","props","arrowElement","explicitAppBoundaryElement","boundaryElement","withoutArrow","explicitAppWithoutArrow","placementOrderPreference","explicitPlacementOrderPreference","customOffset","explictAppOffset","undefined","defaultModifiers","useMemo","mod","push","name","enabled","options","fallbackPlacements","defaultOffset","offset","element","boundary","modifiers","explicitAppModifiers"],"mappings":";;;;;;IAEaA,6BAA6B,GAAG,SAAhCA,6BAAgC,OAA6B;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AACxE;AACA,MACmBC,0BADnB,GAKIF,KALJ,CACEG,eADF;AAAA,4BAKIH,KALJ,CAEEI,YAFF;AAAA,MAEgBC,uBAFhB,oCAE0C,KAF1C;AAAA,8BAKIL,KALJ,CAGEM,wBAHF;AAAA,MAG4BC,gCAH5B,sCAG+D,CAAC,KAAD,EAAQ,QAAR,EAAkB,MAAlB,EAA0B,OAA1B,CAH/D;AAAA,4BAKIP,KALJ,CAIEQ,YAJF;AAAA,MAIgBC,gBAJhB,oCAImCC,SAJnC,uBAFwE;;AASxE,MAAMC,gBAAgB,GAAGC,aAAO,CAAC,YAAM;AACrC,QAAMC,GAAG,GAAG,EAAZ;AACAA,IAAAA,GAAG,CAACC,IAAJ,CAAS;AAAEC,MAAAA,IAAI,EAAE,MAAR;AAAgBC,MAAAA,OAAO,EAAE;AAAzB,KAAT;AACAH,IAAAA,GAAG,CAACC,IAAJ,CAAS;AACPC,MAAAA,IAAI,EAAE,MADC;AAEPE,MAAAA,OAAO,EAAE;AACPC,QAAAA,kBAAkB,EAAEX;AADb;AAFF,KAAT,EAHqC;;AAUrC,QAAI,CAACF,uBAAD,IAA4BI,gBAAhC,EAAkD;AAChD,UAAMU,aAAa,GAAGV,gBAAgB,IAAI,CAAC,CAAD,EAAI,EAAJ,CAA1C;AACAI,MAAAA,GAAG,CAACC,IAAJ,CAAS;AACPC,QAAAA,IAAI,EAAE,QADC;AAEPC,QAAAA,OAAO,EAAE,IAFF;AAGPC,QAAAA,OAAO,EAAE;AACPG,UAAAA,MAAM,EAAED;AADD;AAHF,OAAT;AAOD,KAnBoC;;;AAqBrC,QAAI,CAACd,uBAAL,EAA8BQ,GAAG,CAACC,IAAJ,CAAS;AAAEC,MAAAA,IAAI,EAAE,OAAR;AAAiBE,MAAAA,OAAO,EAAE;AAAEI,QAAAA,OAAO,EAAEpB;AAAX;AAA1B,KAAT,EArBO;;AAwBrC,QAAIC,0BAAJ,EACEW,GAAG,CAACC,IAAJ,CAAS;AACPC,MAAAA,IAAI,EAAE,iBADC;AAEPE,MAAAA,OAAO,EAAE;AACPK,QAAAA,QAAQ,EAAEpB;AADH;AAFF,KAAT;AAMF,WAAOW,GAAP;AACD,GAhC+B,EAgC7B,CACDZ,YADC,EAEDC,0BAFC,EAGDG,uBAHC,EAIDE,gCAJC,EAKDE,gBALC,CAhC6B,CAAhC,CATwE;;AAiDxE,yBAA+DT,KAA/D,CAAQuB,SAAR;AAAA,MAAmBC,oBAAnB,iCAA0Cb,gBAA1C;AAEA,SAAOC,aAAO,CACZ;AAAA,WAAO;AACLW,MAAAA,SAAS,EAAEC;AADN,KAAP;AAAA,GADY,EAIZ,CAACA,oBAAD,CAJY,CAAd;AAMD;;;;"}
+{"version":3,"file":"useConfiguredDefaultModifiers.js","sources":["../../../src/config/useConfiguredDefaultModifiers.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nexport const useConfiguredDefaultModifiers = ({ props, arrowElement }) => {\n  // we destructure explicit app definitions before merge\n  const {\n    boundaryElement: explicitAppBoundaryElement,\n    withoutArrow: explicitAppWithoutArrow = false,\n    placementOrderPreference: explicitPlacementOrderPreference = ['top', 'bottom', 'left', 'right'],\n    customOffset: explictAppOffset = undefined,\n  } = props;\n  // to build default modifiers on top of it\n  const defaultModifiers = useMemo(() => {\n    const mod = [];\n    mod.push({ name: 'hide', enabled: true });\n    mod.push({\n      name: 'flip',\n      options: {\n        fallbackPlacements: explicitPlacementOrderPreference,\n      },\n    });\n    // we apply an offset if the app defines one or if the app wants the arrow\n    if (!explicitAppWithoutArrow || explictAppOffset) {\n      const defaultOffset = explictAppOffset || [0, 14];\n      mod.push({\n        name: 'offset',\n        enabled: true,\n        options: {\n          offset: defaultOffset,\n        },\n      });\n    }\n    // the app can opt for a \"no arrow\" implementation (we do so in datatable/calendar etc...)\n    if (!explicitAppWithoutArrow)\n      mod.push({\n        name: 'arrow',\n        options: {\n          element: arrowElement,\n          padding: 18,\n        },\n      });\n\n    // the app can define an explicit element to act as a boundary instead of popperjs default one\n    if (explicitAppBoundaryElement)\n      mod.push({\n        name: 'preventOverflow',\n        options: {\n          boundary: explicitAppBoundaryElement,\n        },\n      });\n    return mod;\n  }, [\n    arrowElement,\n    explicitAppBoundaryElement,\n    explicitAppWithoutArrow,\n    explicitPlacementOrderPreference,\n    explictAppOffset,\n  ]);\n  // if the app pass custom modifier, we don't use \"default modifiers\"\n  const { modifiers: explicitAppModifiers = defaultModifiers } = props;\n\n  return useMemo(\n    () => ({\n      modifiers: explicitAppModifiers,\n    }),\n    [explicitAppModifiers],\n  );\n};\n"],"names":["useConfiguredDefaultModifiers","props","arrowElement","explicitAppBoundaryElement","boundaryElement","withoutArrow","explicitAppWithoutArrow","placementOrderPreference","explicitPlacementOrderPreference","customOffset","explictAppOffset","undefined","defaultModifiers","useMemo","mod","push","name","enabled","options","fallbackPlacements","defaultOffset","offset","element","padding","boundary","modifiers","explicitAppModifiers"],"mappings":";;;;;;IAEaA,6BAA6B,GAAG,SAAhCA,6BAAgC,OAA6B;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AACxE;AACA,MACmBC,0BADnB,GAKIF,KALJ,CACEG,eADF;AAAA,4BAKIH,KALJ,CAEEI,YAFF;AAAA,MAEgBC,uBAFhB,oCAE0C,KAF1C;AAAA,8BAKIL,KALJ,CAGEM,wBAHF;AAAA,MAG4BC,gCAH5B,sCAG+D,CAAC,KAAD,EAAQ,QAAR,EAAkB,MAAlB,EAA0B,OAA1B,CAH/D;AAAA,4BAKIP,KALJ,CAIEQ,YAJF;AAAA,MAIgBC,gBAJhB,oCAImCC,SAJnC,uBAFwE;;AASxE,MAAMC,gBAAgB,GAAGC,aAAO,CAAC,YAAM;AACrC,QAAMC,GAAG,GAAG,EAAZ;AACAA,IAAAA,GAAG,CAACC,IAAJ,CAAS;AAAEC,MAAAA,IAAI,EAAE,MAAR;AAAgBC,MAAAA,OAAO,EAAE;AAAzB,KAAT;AACAH,IAAAA,GAAG,CAACC,IAAJ,CAAS;AACPC,MAAAA,IAAI,EAAE,MADC;AAEPE,MAAAA,OAAO,EAAE;AACPC,QAAAA,kBAAkB,EAAEX;AADb;AAFF,KAAT,EAHqC;;AAUrC,QAAI,CAACF,uBAAD,IAA4BI,gBAAhC,EAAkD;AAChD,UAAMU,aAAa,GAAGV,gBAAgB,IAAI,CAAC,CAAD,EAAI,EAAJ,CAA1C;AACAI,MAAAA,GAAG,CAACC,IAAJ,CAAS;AACPC,QAAAA,IAAI,EAAE,QADC;AAEPC,QAAAA,OAAO,EAAE,IAFF;AAGPC,QAAAA,OAAO,EAAE;AACPG,UAAAA,MAAM,EAAED;AADD;AAHF,OAAT;AAOD,KAnBoC;;;AAqBrC,QAAI,CAACd,uBAAL,EACEQ,GAAG,CAACC,IAAJ,CAAS;AACPC,MAAAA,IAAI,EAAE,OADC;AAEPE,MAAAA,OAAO,EAAE;AACPI,QAAAA,OAAO,EAAEpB,YADF;AAEPqB,QAAAA,OAAO,EAAE;AAFF;AAFF,KAAT,EAtBmC;;AA+BrC,QAAIpB,0BAAJ,EACEW,GAAG,CAACC,IAAJ,CAAS;AACPC,MAAAA,IAAI,EAAE,iBADC;AAEPE,MAAAA,OAAO,EAAE;AACPM,QAAAA,QAAQ,EAAErB;AADH;AAFF,KAAT;AAMF,WAAOW,GAAP;AACD,GAvC+B,EAuC7B,CACDZ,YADC,EAEDC,0BAFC,EAGDG,uBAHC,EAIDE,gCAJC,EAKDE,gBALC,CAvC6B,CAAhC,CATwE;;AAwDxE,yBAA+DT,KAA/D,CAAQwB,SAAR;AAAA,MAAmBC,oBAAnB,iCAA0Cd,gBAA1C;AAEA,SAAOC,aAAO,CACZ;AAAA,WAAO;AACLY,MAAAA,SAAS,EAAEC;AADN,KAAP;AAAA,GADY,EAIZ,CAACA,oBAAD,CAJY,CAAd;AAMD;;;;"}

package/cjs/config/useConfiguredDefaultProps.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
+var React$1 = require('react');
 var config_useConfiguredDefaultModifiers = require('./useConfiguredDefaultModifiers.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -16,19 +16,23 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 var noop = function noop() {};
 
-var staticDefaultProps = {
-  referenceElement: null,
-  showPopover: false,
-  closeContextMenu: noop,
-  withoutPortal: false,
-  withoutArrow: false,
-  portalDOMContainer: document.body,
-  placementOrderPreference: ['top', 'bottom', 'left', 'right'],
-  zIndex: 1
-};
 var useConfiguredDefaultProps = function useConfiguredDefaultProps(_ref) {
   var props = _ref.props,
       arrowElement = _ref.arrowElement;
+  // don't move this out of the hook or `document.body` will explode
+  var staticDefaultProps = React.useMemo(function () {
+    return {
+      referenceElement: null,
+      showPopover: false,
+      closeContextMenu: noop,
+      withoutPortal: false,
+      withoutArrow: false,
+      portalDOMContainer: document.body,
+      startPlacementPreference: 'top',
+      placementOrderPreference: ['top', 'bottom', 'left', 'right'],
+      zIndex: 1
+    };
+  }, []);
 
   var _useConfiguredDefault = config_useConfiguredDefaultModifiers.useConfiguredDefaultModifiers({
     props: props,
@@ -36,11 +40,11 @@ var useConfiguredDefaultProps = function useConfiguredDefaultProps(_ref) {
   }),
       configuredModifiers = _useConfiguredDefault.modifiers;
 
-  var defaultProps = React.useMemo(function () {
+  var defaultProps = React$1.useMemo(function () {
     return _objectSpread(_objectSpread({}, staticDefaultProps), {}, {
       modifiers: configuredModifiers
     });
-  }, [configuredModifiers]);
+  }, [configuredModifiers, staticDefaultProps]);
   return defaultProps;
 };
 

package/cjs/config/useConfiguredDefaultProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConfiguredDefaultProps.js","sources":["../../../src/config/useConfiguredDefaultProps.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useConfiguredDefaultModifiers } from './useConfiguredDefaultModifiers';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nconst staticDefaultProps = {\n  referenceElement: null,\n  showPopover: false,\n  closeContextMenu: noop,\n  withoutPortal: false,\n  withoutArrow: false,\n  portalDOMContainer: document.body,\n  placementOrderPreference: ['top', 'bottom', 'left', 'right'],\n  zIndex: 1,\n};\n\nexport const useConfiguredDefaultProps = ({ props, arrowElement }) => {\n  const { modifiers: configuredModifiers } = useConfiguredDefaultModifiers({\n    props,\n    arrowElement,\n  });\n\n  const defaultProps = useMemo(\n    () => ({ ...staticDefaultProps, modifiers: configuredModifiers }),\n    [configuredModifiers],\n  );\n\n  return defaultProps;\n};\n"],"names":["noop","staticDefaultProps","referenceElement","showPopover","closeContextMenu","withoutPortal","withoutArrow","portalDOMContainer","document","body","placementOrderPreference","zIndex","useConfiguredDefaultProps","props","arrowElement","useConfiguredDefaultModifiers","configuredModifiers","modifiers","defaultProps","useMemo"],"mappings":";;;;;;;;;;;;;;;;AAIA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,EAAnB;;AAEA,IAAMC,kBAAkB,GAAG;AACzBC,EAAAA,gBAAgB,EAAE,IADO;AAEzBC,EAAAA,WAAW,EAAE,KAFY;AAGzBC,EAAAA,gBAAgB,EAAEJ,IAHO;AAIzBK,EAAAA,aAAa,EAAE,KAJU;AAKzBC,EAAAA,YAAY,EAAE,KALW;AAMzBC,EAAAA,kBAAkB,EAAEC,QAAQ,CAACC,IANJ;AAOzBC,EAAAA,wBAAwB,EAAE,CAAC,KAAD,EAAQ,QAAR,EAAkB,MAAlB,EAA0B,OAA1B,CAPD;AAQzBC,EAAAA,MAAM,EAAE;AARiB,CAA3B;IAWaC,yBAAyB,GAAG,SAA5BA,yBAA4B,OAA6B;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;;AACpE,8BAA2CC,kEAA6B,CAAC;AACvEF,IAAAA,KAAK,EAALA,KADuE;AAEvEC,IAAAA,YAAY,EAAZA;AAFuE,GAAD,CAAxE;AAAA,MAAmBE,mBAAnB,yBAAQC,SAAR;;AAKA,MAAMC,YAAY,GAAGC,aAAO,CAC1B;AAAA,2CAAYlB,kBAAZ;AAAgCgB,MAAAA,SAAS,EAAED;AAA3C;AAAA,GAD0B,EAE1B,CAACA,mBAAD,CAF0B,CAA5B;AAKA,SAAOE,YAAP;AACD;;;;"}
+{"version":3,"file":"useConfiguredDefaultProps.js","sources":["../../../src/config/useConfiguredDefaultProps.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useConfiguredDefaultModifiers } from './useConfiguredDefaultModifiers';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nexport const useConfiguredDefaultProps = ({ props, arrowElement }) => {\n  // don't move this out of the hook or `document.body` will explode\n  const staticDefaultProps = React.useMemo(\n    () => ({\n      referenceElement: null,\n      showPopover: false,\n      closeContextMenu: noop,\n      withoutPortal: false,\n      withoutArrow: false,\n      portalDOMContainer: document.body,\n      startPlacementPreference: 'top',\n      placementOrderPreference: ['top', 'bottom', 'left', 'right'],\n      zIndex: 1,\n    }),\n    [],\n  );\n  const { modifiers: configuredModifiers } = useConfiguredDefaultModifiers({\n    props,\n    arrowElement,\n  });\n\n  const defaultProps = useMemo(\n    () => ({ ...staticDefaultProps, modifiers: configuredModifiers }),\n    [configuredModifiers, staticDefaultProps],\n  );\n\n  return defaultProps;\n};\n"],"names":["noop","useConfiguredDefaultProps","props","arrowElement","staticDefaultProps","React","useMemo","referenceElement","showPopover","closeContextMenu","withoutPortal","withoutArrow","portalDOMContainer","document","body","startPlacementPreference","placementOrderPreference","zIndex","useConfiguredDefaultModifiers","configuredModifiers","modifiers","defaultProps"],"mappings":";;;;;;;;;;;;;;;;AAIA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,EAAnB;;IAEaC,yBAAyB,GAAG,SAA5BA,yBAA4B,OAA6B;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AACpE;AACA,MAAMC,kBAAkB,GAAGC,KAAK,CAACC,OAAN,CACzB;AAAA,WAAO;AACLC,MAAAA,gBAAgB,EAAE,IADb;AAELC,MAAAA,WAAW,EAAE,KAFR;AAGLC,MAAAA,gBAAgB,EAAET,IAHb;AAILU,MAAAA,aAAa,EAAE,KAJV;AAKLC,MAAAA,YAAY,EAAE,KALT;AAMLC,MAAAA,kBAAkB,EAAEC,QAAQ,CAACC,IANxB;AAOLC,MAAAA,wBAAwB,EAAE,KAPrB;AAQLC,MAAAA,wBAAwB,EAAE,CAAC,KAAD,EAAQ,QAAR,EAAkB,MAAlB,EAA0B,OAA1B,CARrB;AASLC,MAAAA,MAAM,EAAE;AATH,KAAP;AAAA,GADyB,EAYzB,EAZyB,CAA3B;;AAcA,8BAA2CC,kEAA6B,CAAC;AACvEhB,IAAAA,KAAK,EAALA,KADuE;AAEvEC,IAAAA,YAAY,EAAZA;AAFuE,GAAD,CAAxE;AAAA,MAAmBgB,mBAAnB,yBAAQC,SAAR;;AAKA,MAAMC,YAAY,GAAGf,eAAO,CAC1B;AAAA,2CAAYF,kBAAZ;AAAgCgB,MAAAA,SAAS,EAAED;AAA3C;AAAA,GAD0B,EAE1B,CAACA,mBAAD,EAAsBf,kBAAtB,CAF0B,CAA5B;AAKA,SAAOiB,YAAP;AACD;;;;"}

package/cjs/index.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactDom = require('react-dom');
+var reactDesc = require('react-desc');
+var propTypes = require('./propTypes.js');
 var PopoverContent = require('./PopoverContent.js');
 var config_useConfigDSPopperjs = require('./config/useConfigDSPopperjs.js');
 require('@babel/runtime/helpers/extends');
@@ -57,5 +59,11 @@ var DSPopperJS = function DSPopperJS(props) {
   return null;
 };
 
+DSPopperJS.propTypes = propTypes.dspopperjsPropTypes;
+var DSPopperJSWithSchema = reactDesc.describe(DSPopperJS).description('A dimsum custom styling wrapper on top of popperjs');
+DSPopperJSWithSchema.propTypes = propTypes.dspopperjsPropTypes;
+
 exports.DSPopperJS = DSPopperJS;
+exports.DSPopperJSWithSchema = DSPopperJSWithSchema;
+exports['default'] = DSPopperJS;
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { createPortal } from 'react-dom';\nimport { PopoverContent } from './PopoverContent';\nimport { useConfigDSPopperjs } from './config/useConfigDSPopperjs';\nimport type { DSDSPopperjsPropsT } from './index.d';\n\nexport const DSPopperJS = (props: DSDSPopperjsPropsT): JSX.Element => {\n  const {\n    props: { showPopover, withoutPortal, withoutArrow, portalDOMContainer, zIndex },\n    setPopperElement,\n    setArrowElement,\n    popoverHelper,\n  } = useConfigDSPopperjs(props);\n  const { children } = props;\n  const { styles, attributes } = popoverHelper;\n  const contentJSX = useMemo(\n    () => (\n      <PopoverContent\n        setPopperElement={setPopperElement}\n        popperStyles={styles.popper}\n        popperAttributes={attributes.popper}\n        setArrowElement={setArrowElement}\n        arrowStyle={styles.arrow}\n        withoutArrow={withoutArrow}\n        zIndex={zIndex}\n      >\n        {children}\n      </PopoverContent>\n    ),\n    [attributes.popper, children, setArrowElement, setPopperElement, styles.arrow, styles.popper, withoutArrow, zIndex],\n  );\n  if (showPopover) {\n    if (withoutPortal === true) return contentJSX;\n    if (withoutPortal === false) return <>{createPortal(<>{contentJSX}</>, portalDOMContainer)}</>;\n  }\n  return null;\n};\n"],"names":["DSPopperJS","props","useConfigDSPopperjs","showPopover","withoutPortal","withoutArrow","portalDOMContainer","zIndex","setPopperElement","setArrowElement","popoverHelper","children","styles","attributes","contentJSX","useMemo","React","PopoverContent","popper","arrow","createPortal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAMaA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAA4C;AACpE,6BAKIC,8CAAmB,CAACD,KAAD,CALvB;AAAA,mDACEA,KADF;AAAA,MACWE,WADX,yBACWA,WADX;AAAA,MACwBC,aADxB,yBACwBA,aADxB;AAAA,MACuCC,YADvC,yBACuCA,YADvC;AAAA,MACqDC,kBADrD,yBACqDA,kBADrD;AAAA,MACyEC,MADzE,yBACyEA,MADzE;AAAA,MAEEC,gBAFF,wBAEEA,gBAFF;AAAA,MAGEC,eAHF,wBAGEA,eAHF;AAAA,MAIEC,aAJF,wBAIEA,aAJF;;AAMA,MAAQC,QAAR,GAAqBV,KAArB,CAAQU,QAAR;AACA,MAAQC,MAAR,GAA+BF,aAA/B,CAAQE,MAAR;AAAA,MAAgBC,UAAhB,GAA+BH,aAA/B,CAAgBG,UAAhB;AACA,MAAMC,UAAU,GAAGC,aAAO,CACxB;AAAA,wBACEC,wCAACC,6BAAD;AACE,MAAA,gBAAgB,EAAET,gBADpB;AAEE,MAAA,YAAY,EAAEI,MAAM,CAACM,MAFvB;AAGE,MAAA,gBAAgB,EAAEL,UAAU,CAACK,MAH/B;AAIE,MAAA,eAAe,EAAET,eAJnB;AAKE,MAAA,UAAU,EAAEG,MAAM,CAACO,KALrB;AAME,MAAA,YAAY,EAAEd,YANhB;AAOE,MAAA,MAAM,EAAEE;AAPV,OASGI,QATH,CADF;AAAA,GADwB,EAcxB,CAACE,UAAU,CAACK,MAAZ,EAAoBP,QAApB,EAA8BF,eAA9B,EAA+CD,gBAA/C,EAAiEI,MAAM,CAACO,KAAxE,EAA+EP,MAAM,CAACM,MAAtF,EAA8Fb,YAA9F,EAA4GE,MAA5G,CAdwB,CAA1B;;AAgBA,MAAIJ,WAAJ,EAAiB;AACf,QAAIC,aAAa,KAAK,IAAtB,EAA4B,OAAOU,UAAP;AAC5B,QAAIV,aAAa,KAAK,KAAtB,EAA6B,oBAAOY,+FAAGI,qBAAY,eAACJ,kFAAGF,UAAH,CAAD,EAAoBR,kBAApB,CAAf,CAAP;AAC9B;;AACD,SAAO,IAAP;AACD;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { createPortal } from 'react-dom';\nimport { describe } from 'react-desc';\nimport { dspopperjsPropTypes } from './propTypes';\nimport { PopoverContent } from './PopoverContent';\nimport { useConfigDSPopperjs } from './config/useConfigDSPopperjs';\nimport type { DSDSPopperjsPropsT } from './index.d';\n\nconst DSPopperJS = (props: DSDSPopperjsPropsT): JSX.Element => {\n  const {\n    props: { showPopover, withoutPortal, withoutArrow, portalDOMContainer, zIndex },\n    setPopperElement,\n    setArrowElement,\n    popoverHelper,\n  } = useConfigDSPopperjs(props);\n  const { children } = props;\n  const { styles, attributes } = popoverHelper;\n  const contentJSX = useMemo(\n    () => (\n      <PopoverContent\n        setPopperElement={setPopperElement}\n        popperStyles={styles.popper}\n        popperAttributes={attributes.popper}\n        setArrowElement={setArrowElement}\n        arrowStyle={styles.arrow}\n        withoutArrow={withoutArrow}\n        zIndex={zIndex}\n      >\n        {children}\n      </PopoverContent>\n    ),\n    [attributes.popper, children, setArrowElement, setPopperElement, styles.arrow, styles.popper, withoutArrow, zIndex],\n  );\n  if (showPopover) {\n    if (withoutPortal === true) return contentJSX;\n    if (withoutPortal === false) return <>{createPortal(<>{contentJSX}</>, portalDOMContainer)}</>;\n  }\n  return null;\n};\n\nDSPopperJS.propTypes = dspopperjsPropTypes;\n\nconst DSPopperJSWithSchema = describe(DSPopperJS).description('A dimsum custom styling wrapper on top of popperjs');\nDSPopperJSWithSchema.propTypes = dspopperjsPropTypes;\n\nexport { DSPopperJS, DSPopperJSWithSchema };\nexport default DSPopperJS;\n"],"names":["DSPopperJS","props","useConfigDSPopperjs","showPopover","withoutPortal","withoutArrow","portalDOMContainer","zIndex","setPopperElement","setArrowElement","popoverHelper","children","styles","attributes","contentJSX","useMemo","React","PopoverContent","popper","arrow","createPortal","propTypes","dspopperjsPropTypes","DSPopperJSWithSchema","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAQMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAA4C;AAC7D,6BAKIC,8CAAmB,CAACD,KAAD,CALvB;AAAA,mDACEA,KADF;AAAA,MACWE,WADX,yBACWA,WADX;AAAA,MACwBC,aADxB,yBACwBA,aADxB;AAAA,MACuCC,YADvC,yBACuCA,YADvC;AAAA,MACqDC,kBADrD,yBACqDA,kBADrD;AAAA,MACyEC,MADzE,yBACyEA,MADzE;AAAA,MAEEC,gBAFF,wBAEEA,gBAFF;AAAA,MAGEC,eAHF,wBAGEA,eAHF;AAAA,MAIEC,aAJF,wBAIEA,aAJF;;AAMA,MAAQC,QAAR,GAAqBV,KAArB,CAAQU,QAAR;AACA,MAAQC,MAAR,GAA+BF,aAA/B,CAAQE,MAAR;AAAA,MAAgBC,UAAhB,GAA+BH,aAA/B,CAAgBG,UAAhB;AACA,MAAMC,UAAU,GAAGC,aAAO,CACxB;AAAA,wBACEC,wCAACC,6BAAD;AACE,MAAA,gBAAgB,EAAET,gBADpB;AAEE,MAAA,YAAY,EAAEI,MAAM,CAACM,MAFvB;AAGE,MAAA,gBAAgB,EAAEL,UAAU,CAACK,MAH/B;AAIE,MAAA,eAAe,EAAET,eAJnB;AAKE,MAAA,UAAU,EAAEG,MAAM,CAACO,KALrB;AAME,MAAA,YAAY,EAAEd,YANhB;AAOE,MAAA,MAAM,EAAEE;AAPV,OASGI,QATH,CADF;AAAA,GADwB,EAcxB,CAACE,UAAU,CAACK,MAAZ,EAAoBP,QAApB,EAA8BF,eAA9B,EAA+CD,gBAA/C,EAAiEI,MAAM,CAACO,KAAxE,EAA+EP,MAAM,CAACM,MAAtF,EAA8Fb,YAA9F,EAA4GE,MAA5G,CAdwB,CAA1B;;AAgBA,MAAIJ,WAAJ,EAAiB;AACf,QAAIC,aAAa,KAAK,IAAtB,EAA4B,OAAOU,UAAP;AAC5B,QAAIV,aAAa,KAAK,KAAtB,EAA6B,oBAAOY,+FAAGI,qBAAY,eAACJ,kFAAGF,UAAH,CAAD,EAAoBR,kBAApB,CAAf,CAAP;AAC9B;;AACD,SAAO,IAAP;AACD;;AAEDN,UAAU,CAACqB,SAAX,GAAuBC,6BAAvB;IAEMC,oBAAoB,GAAGC,kBAAQ,CAACxB,UAAD,CAAR,CAAqByB,WAArB,CAAiC,oDAAjC;AAC7BF,oBAAoB,CAACF,SAArB,GAAiCC,6BAAjC;;;;;;"}

package/cjs/propTypes.js

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
+var dspopperjsPropTypes = {
+  /**
+   * React ref to popperjs referenceElement
+   */
+  referenceElement: reactDesc.PropTypes.element.description('popperjs DOM referenceElement').isRequired,
+
+  /**
+   * Wheter or not to show the popper content
+   */
+  showPopover: reactDesc.PropTypes.bool.description('whether or not to show the popper content').isRequired,
+
+  /**
+   * Callback to close the context menu, used for "on click outside",
+   *  if not provided click outside will not trigger anything
+   */
+  closeContextMenu: reactDesc.PropTypes.func.description('Callback to close the context menu, used for "on click outside",' + ' if not provided click outside will not trigger anything').defaultValue('() => {}'),
+
+  /**
+   *  Wheter or not the popper content should appear in a DOM portal or not
+   */
+  withoutPortal: reactDesc.PropTypes.bool.description('Whether or not the popper content should appear in a DOM portal or not').defaultValue(true),
+
+  /**
+   *  Wheter or not the popper context menu should print the arrow
+   */
+  withoutArrow: reactDesc.PropTypes.bool.description('Whether or not the popper context menu should print the arrow').defaultValue(false),
+
+  /**
+   *  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: reactDesc.PropTypes.element.description('Bounding element to calculate upon, defaults to "clippingParents",' + 'which are the scrolling containers that may cause element to be partially or fully cut off').defaultValue(undefined),
+
+  /**
+   *  When using portal, the container in which to append the DOM content, defaults to document body
+   */
+  portalDOMContainer: reactDesc.PropTypes.element.description('When using portal, the container in which to append the DOM content, defaults to document body').defaultValue(undefined),
+
+  /**
+   *  start placement preferences, as per popperjs placement option
+   */
+  startPlacementPreference: reactDesc.PropTypes.oneOf(['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start']).description('start placement preferences, as per popperjs placement option').defaultValue("'top'"),
+
+  /**
+   *  Array of placement preferences, as per popperjs "flip" placement option
+   */
+  placementOrderPreference: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOf(['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'])).description('Array of placement preferences, as per popperjs "flip" placement option').defaultValue("['top', 'bottom', 'left', 'right']"),
+
+  /**
+   *  popperjs content z-index
+   */
+  zIndex: reactDesc.PropTypes.number.description('popperjs content z-index').defaultValue(1),
+
+  /**
+   *  placement offset array
+   */
+  customOffset: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number).description('placement offset array').defaultValue(1),
+
+  /**
+   *  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)
+};
+
+exports.dspopperjsPropTypes = dspopperjsPropTypes;
+//# sourceMappingURL=propTypes.js.map

package/cjs/propTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propTypes.js","sources":["../../src/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const dspopperjsPropTypes = {\n  /**\n   * React ref to popperjs referenceElement\n   */\n  referenceElement: PropTypes.element.description('popperjs DOM referenceElement').isRequired,\n  /**\n   * Wheter or not to show the popper content\n   */\n  showPopover: PropTypes.bool.description('whether or not to show the popper content').isRequired,\n  /**\n   * Callback to close the context menu, used for \"on click outside\",\n   *  if not provided click outside will not trigger anything\n   */\n  closeContextMenu: PropTypes.func\n    .description(\n      'Callback to close the context menu, used for \"on click outside\",' +\n        ' if not provided click outside will not trigger anything',\n    )\n    .defaultValue('() => {}'),\n  /**\n   *  Wheter or not the popper content should appear in a DOM portal or not\n   */\n  withoutPortal: PropTypes.bool\n    .description('Whether or not the popper content should appear in a DOM portal or not')\n    .defaultValue(true),\n  /**\n   *  Wheter or not the popper context menu should print the arrow\n   */\n  withoutArrow: PropTypes.bool\n    .description('Whether or not the popper context menu should print the arrow')\n    .defaultValue(false),\n  /**\n   *  Bounding element to calculate upon, defaults to it is \"clippingParents\",\n   *   which are the scrolling containers that may cause the element to be partially or fully cut off.\n   */\n  boundaryElement: PropTypes.element\n    .description(\n      'Bounding element to calculate upon, defaults to \"clippingParents\",' +\n        'which are the scrolling containers that may cause element to be partially or fully cut off',\n    )\n    .defaultValue(undefined),\n  /**\n   *  When using portal, the container in which to append the DOM content, defaults to document body\n   */\n  portalDOMContainer: PropTypes.element\n    .description('When using portal, the container in which to append the DOM content, defaults to document body')\n    .defaultValue(undefined),\n  /**\n   *  start placement preferences, as per popperjs placement option\n   */\n  startPlacementPreference: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  /**\n   *  Array of placement preferences, as per popperjs \"flip\" placement option\n   */\n  placementOrderPreference: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'top-start',\n      'top',\n      'top-end',\n      'right-start',\n      'right',\n      'right-end',\n      'bottom-end',\n      'bottom',\n      'bottom-start',\n      'left-end',\n      'left',\n      'left-start',\n    ]),\n  )\n    .description('Array of placement preferences, as per popperjs \"flip\" placement option')\n    .defaultValue(\"['top', 'bottom', 'left', 'right']\"),\n  /**\n   *  popperjs content z-index\n   */\n  zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),\n  /**\n   *  placement offset array\n   */\n  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue(1),\n  /**\n   *  modifiers array for full-custom popper-js override\n   *  https://popper.js.org/docs/v2/modifiers/\n   */\n  modifiers: PropTypes.array\n    .description('modifiers array for full-custom popper-js override, https://popper.js.org/docs/v2/modifiers/')\n    .defaultValue(1),\n};\n"],"names":["dspopperjsPropTypes","referenceElement","PropTypes","element","description","isRequired","showPopover","bool","closeContextMenu","func","defaultValue","withoutPortal","withoutArrow","boundaryElement","undefined","portalDOMContainer","startPlacementPreference","oneOf","placementOrderPreference","arrayOf","zIndex","number","customOffset","modifiers","array"],"mappings":";;;;;;IAEaA,mBAAmB,GAAG;AACjC;AACF;AACA;AACEC,EAAAA,gBAAgB,EAAEC,mBAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,+BAA9B,EAA+DC,UAJhD;;AAKjC;AACF;AACA;AACEC,EAAAA,WAAW,EAAEJ,mBAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,2CAA3B,EAAwEC,UARpD;;AASjC;AACF;AACA;AACA;AACEG,EAAAA,gBAAgB,EAAEN,mBAAS,CAACO,IAAV,CACfL,WADe,CAEd,qEACE,0DAHY,EAKfM,YALe,CAKF,UALE,CAbe;;AAmBjC;AACF;AACA;AACEC,EAAAA,aAAa,EAAET,mBAAS,CAACK,IAAV,CACZH,WADY,CACA,wEADA,EAEZM,YAFY,CAEC,IAFD,CAtBkB;;AAyBjC;AACF;AACA;AACEE,EAAAA,YAAY,EAAEV,mBAAS,CAACK,IAAV,CACXH,WADW,CACC,+DADD,EAEXM,YAFW,CAEE,KAFF,CA5BmB;;AA+BjC;AACF;AACA;AACA;AACEG,EAAAA,eAAe,EAAEX,mBAAS,CAACC,OAAV,CACdC,WADc,CAEb,uEACE,4FAHW,EAKdM,YALc,CAKDI,SALC,CAnCgB;;AAyCjC;AACF;AACA;AACEC,EAAAA,kBAAkB,EAAEb,mBAAS,CAACC,OAAV,CACjBC,WADiB,CACL,gGADK,EAEjBM,YAFiB,CAEJI,SAFI,CA5Ca;;AA+CjC;AACF;AACA;AACEE,EAAAA,wBAAwB,EAAEd,mBAAS,CAACe,KAAV,CAAgB,CACxC,WADwC,EAExC,KAFwC,EAGxC,SAHwC,EAIxC,aAJwC,EAKxC,OALwC,EAMxC,WANwC,EAOxC,YAPwC,EAQxC,QARwC,EASxC,cATwC,EAUxC,UAVwC,EAWxC,MAXwC,EAYxC,YAZwC,CAAhB,EAcvBb,WAduB,CAcX,+DAdW,EAevBM,YAfuB,CAeV,OAfU,CAlDO;;AAkEjC;AACF;AACA;AACEQ,EAAAA,wBAAwB,EAAEhB,mBAAS,CAACiB,OAAV,CACxBjB,mBAAS,CAACe,KAAV,CAAgB,CACd,WADc,EAEd,KAFc,EAGd,SAHc,EAId,aAJc,EAKd,OALc,EAMd,WANc,EAOd,YAPc,EAQd,QARc,EASd,cATc,EAUd,UAVc,EAWd,MAXc,EAYd,YAZc,CAAhB,CADwB,EAgBvBb,WAhBuB,CAgBX,yEAhBW,EAiBvBM,YAjBuB,CAiBV,oCAjBU,CArEO;;AAuFjC;AACF;AACA;AACEU,EAAAA,MAAM,EAAElB,mBAAS,CAACmB,MAAV,CAAiBjB,WAAjB,CAA6B,0BAA7B,EAAyDM,YAAzD,CAAsE,CAAtE,CA1FyB;;AA2FjC;AACF;AACA;AACEY,EAAAA,YAAY,EAAEpB,mBAAS,CAACiB,OAAV,CAAkBjB,mBAAS,CAACmB,MAA5B,EAAoCjB,WAApC,CAAgD,wBAAhD,EAA0EM,YAA1E,CAAuF,CAAvF,CA9FmB;;AA+FjC;AACF;AACA;AACA;AACEa,EAAAA,SAAS,EAAErB,mBAAS,CAACsB,KAAV,CACRpB,WADQ,CACI,8FADJ,EAERM,YAFQ,CAEK,CAFL;AAnGsB;;;;"}

package/esm/PopoverContent.js

@@ -5,7 +5,7 @@ import { PopoverArrow } from './PopoverArrow.js';
 
 var StyledPopoverContentWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1gxm7np-0"
-})(["background:white;max-width:400px;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);padding:10px;z-index:", ";"], function (_ref) {
+})(["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);z-index:", ";"], function (_ref) {
   var zIndex = _ref.zIndex;
   return zIndex;
 });

package/esm/PopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.js","sources":["../../src/PopoverContent.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { PopoverArrow } from './PopoverArrow';\nimport type { PopoverContentPropsT } from './index.d';\n\ninterface StyledContentWrapperPropsT {\n  zIndex: number;\n}\nconst StyledPopoverContentWrapper = styled.div<StyledContentWrapperPropsT>`\n  background: white;\n  max-width: 400px;\n  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);\n  padding: 10px;\n  z-index: ${({ zIndex }) => zIndex};\n`;\n\nexport const PopoverContent = ({\n  setPopperElement,\n  popperStyles,\n  popperAttributes,\n  children,\n  setArrowElement,\n  arrowStyle,\n  withoutArrow,\n  zIndex,\n}: PopoverContentPropsT): JSX.Element => (\n  <StyledPopoverContentWrapper zIndex={zIndex} ref={setPopperElement} style={popperStyles} {...popperAttributes}>\n    {children}\n    {withoutArrow === false ? (\n      <>\n        <PopoverArrow\n          arrowElementRef={setArrowElement}\n          style={arrowStyle}\n          placement={popperAttributes ? popperAttributes['data-popper-placement'] : 'bottom'}\n        />\n        <div ref={setArrowElement} style={arrowStyle} />\n      </>\n    ) : null}\n  </StyledPopoverContentWrapper>\n);\n"],"names":["StyledPopoverContentWrapper","styled","div","zIndex","PopoverContent","setPopperElement","popperStyles","popperAttributes","children","setArrowElement","arrowStyle","withoutArrow"],"mappings":";;;;;AAQA,IAAMA,2BAA2B,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,uKAKpB;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,SAAgBA,MAAhB;AAAA,CALoB,CAAjC;IAQaC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAC5BC,gBAD4B,SAC5BA,gBAD4B;AAAA,MAE5BC,YAF4B,SAE5BA,YAF4B;AAAA,MAG5BC,gBAH4B,SAG5BA,gBAH4B;AAAA,MAI5BC,QAJ4B,SAI5BA,QAJ4B;AAAA,MAK5BC,eAL4B,SAK5BA,eAL4B;AAAA,MAM5BC,UAN4B,SAM5BA,UAN4B;AAAA,MAO5BC,YAP4B,SAO5BA,YAP4B;AAAA,MAQ5BR,MAR4B,SAQ5BA,MAR4B;AAAA,sBAU5B,oBAAC,2BAAD;AAA6B,IAAA,MAAM,EAAEA,MAArC;AAA6C,IAAA,GAAG,EAAEE,gBAAlD;AAAoE,IAAA,KAAK,EAAEC;AAA3E,KAA6FC,gBAA7F,GACGC,QADH,EAEGG,YAAY,KAAK,KAAjB,gBACC,uDACE,oBAAC,YAAD;AACE,IAAA,eAAe,EAAEF,eADnB;AAEE,IAAA,KAAK,EAAEC,UAFT;AAGE,IAAA,SAAS,EAAEH,gBAAgB,GAAGA,gBAAgB,CAAC,uBAAD,CAAnB,GAA+C;AAH5E,IADF,eAME;AAAK,IAAA,GAAG,EAAEE,eAAV;AAA2B,IAAA,KAAK,EAAEC;AAAlC,IANF,CADD,GASG,IAXN,CAV4B;AAAA;;;;"}
+{"version":3,"file":"PopoverContent.js","sources":["../../src/PopoverContent.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { PopoverArrow } from './PopoverArrow';\nimport type { PopoverContentPropsT } from './index.d';\n\ninterface StyledContentWrapperPropsT {\n  zIndex: number;\n}\nconst StyledPopoverContentWrapper = styled.div<StyledContentWrapperPropsT>`\n  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);\n  z-index: ${({ zIndex }) => zIndex};\n`;\n\nexport const PopoverContent = ({\n  setPopperElement,\n  popperStyles,\n  popperAttributes,\n  children,\n  setArrowElement,\n  arrowStyle,\n  withoutArrow,\n  zIndex,\n}: PopoverContentPropsT): JSX.Element => (\n  <StyledPopoverContentWrapper zIndex={zIndex} ref={setPopperElement} style={popperStyles} {...popperAttributes}>\n    {children}\n    {withoutArrow === false ? (\n      <>\n        <PopoverArrow\n          arrowElementRef={setArrowElement}\n          style={arrowStyle}\n          placement={popperAttributes ? popperAttributes['data-popper-placement'] : 'bottom'}\n        />\n        <div ref={setArrowElement} style={arrowStyle} />\n      </>\n    ) : null}\n  </StyledPopoverContentWrapper>\n);\n"],"names":["StyledPopoverContentWrapper","styled","div","zIndex","PopoverContent","setPopperElement","popperStyles","popperAttributes","children","setArrowElement","arrowStyle","withoutArrow"],"mappings":";;;;;AAQA,IAAMA,2BAA2B,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,yHAEpB;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,SAAgBA,MAAhB;AAAA,CAFoB,CAAjC;IAKaC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAC5BC,gBAD4B,SAC5BA,gBAD4B;AAAA,MAE5BC,YAF4B,SAE5BA,YAF4B;AAAA,MAG5BC,gBAH4B,SAG5BA,gBAH4B;AAAA,MAI5BC,QAJ4B,SAI5BA,QAJ4B;AAAA,MAK5BC,eAL4B,SAK5BA,eAL4B;AAAA,MAM5BC,UAN4B,SAM5BA,UAN4B;AAAA,MAO5BC,YAP4B,SAO5BA,YAP4B;AAAA,MAQ5BR,MAR4B,SAQ5BA,MAR4B;AAAA,sBAU5B,oBAAC,2BAAD;AAA6B,IAAA,MAAM,EAAEA,MAArC;AAA6C,IAAA,GAAG,EAAEE,gBAAlD;AAAoE,IAAA,KAAK,EAAEC;AAA3E,KAA6FC,gBAA7F,GACGC,QADH,EAEGG,YAAY,KAAK,KAAjB,gBACC,uDACE,oBAAC,YAAD;AACE,IAAA,eAAe,EAAEF,eADnB;AAEE,IAAA,KAAK,EAAEC,UAFT;AAGE,IAAA,SAAS,EAAEH,gBAAgB,GAAGA,gBAAgB,CAAC,uBAAD,CAAnB,GAA+C;AAH5E,IADF,eAME;AAAK,IAAA,GAAG,EAAEE,eAAV;AAA2B,IAAA,KAAK,EAAEC;AAAlC,IANF,CADD,GASG,IAXN,CAV4B;AAAA;;;;"}

package/esm/config/useConfigDSPopperjs.js

@@ -25,17 +25,19 @@ var useConfigDSPopperjs = function useConfigDSPopperjs(appProps) {
   });
   var referenceElement = props.referenceElement,
       closeContextMenu = props.closeContextMenu,
-      modifiers = props.modifiers;
+      modifiers = props.modifiers,
+      startPlacementPreference = props.startPlacementPreference;
   var popperExtraOpts = useMemo(function () {
     return {
+      placement: startPlacementPreference,
       modifiers: modifiers
     };
-  }, [modifiers]);
+  }, [modifiers, startPlacementPreference]);
   var popoverHelper = usePopper(referenceElement, popperElement, popperExtraOpts);
   useOnClickOutside(popperElement, function (e) {
-    var _referenceElement$cur, _referenceElement$cur2;
+    var _referenceElement$con;
 
-    if (!(referenceElement !== null && referenceElement !== void 0 && (_referenceElement$cur = referenceElement.current) !== null && _referenceElement$cur !== void 0 && (_referenceElement$cur2 = _referenceElement$cur.contains) !== null && _referenceElement$cur2 !== void 0 && _referenceElement$cur2.call(_referenceElement$cur, e === null || e === void 0 ? void 0 : e.target))) closeContextMenu();
+    if (!(referenceElement !== null && referenceElement !== void 0 && (_referenceElement$con = referenceElement.contains) !== null && _referenceElement$con !== void 0 && _referenceElement$con.call(referenceElement, e === null || e === void 0 ? void 0 : e.target))) closeContextMenu();
   });
   return useMemo(function () {
     return {

package/esm/config/useConfigDSPopperjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConfigDSPopperjs.js","sources":["../../../src/config/useConfigDSPopperjs.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { usePopper } from 'react-popper';\nimport { useConfiguredMergedProps } from './useConfiguredMergedProps';\nimport type { useDSPopperjsPropsArgT, useDSPopperjsRT } from '../index.d';\n\nimport { useOnClickOutside } from '../utils/hooks/useOnClickOutside';\n\nexport const useConfigDSPopperjs = (appProps: useDSPopperjsPropsArgT): useDSPopperjsRT => {\n  const [popperElement, setPopperElement] = useState(null);\n  const [arrowElement, setArrowElement] = useState(null);\n\n  const props = useConfiguredMergedProps({ props: appProps, arrowElement });\n  const { referenceElement, closeContextMenu, modifiers } = props;\n  const popperExtraOpts = useMemo(() => ({ modifiers }), [modifiers]);\n\n  const popoverHelper = usePopper(referenceElement, popperElement, popperExtraOpts);\n\n  useOnClickOutside(popperElement, (e) => {\n    if (!referenceElement?.current?.contains?.(e?.target)) closeContextMenu();\n  });\n\n  return useMemo(\n    () => ({\n      props,\n      popperElement,\n      setPopperElement,\n      arrowElement,\n      setArrowElement,\n      popoverHelper,\n    }),\n    [arrowElement, popoverHelper, popperElement, props],\n  );\n};\n"],"names":["useConfigDSPopperjs","appProps","useState","popperElement","setPopperElement","arrowElement","setArrowElement","props","useConfiguredMergedProps","referenceElement","closeContextMenu","modifiers","popperExtraOpts","useMemo","popoverHelper","usePopper","useOnClickOutside","e","current","contains","target"],"mappings":";;;;;;;;;;IAOaA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,QAAD,EAAuD;AACxF,kBAA0CC,QAAQ,CAAC,IAAD,CAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,mBAAwCF,QAAQ,CAAC,IAAD,CAAhD;AAAA;AAAA,MAAOG,YAAP;AAAA,MAAqBC,eAArB;;AAEA,MAAMC,KAAK,GAAGC,wBAAwB,CAAC;AAAED,IAAAA,KAAK,EAAEN,QAAT;AAAmBI,IAAAA,YAAY,EAAZA;AAAnB,GAAD,CAAtC;AACA,MAAQI,gBAAR,GAA0DF,KAA1D,CAAQE,gBAAR;AAAA,MAA0BC,gBAA1B,GAA0DH,KAA1D,CAA0BG,gBAA1B;AAAA,MAA4CC,SAA5C,GAA0DJ,KAA1D,CAA4CI,SAA5C;AACA,MAAMC,eAAe,GAAGC,OAAO,CAAC;AAAA,WAAO;AAAEF,MAAAA,SAAS,EAATA;AAAF,KAAP;AAAA,GAAD,EAAwB,CAACA,SAAD,CAAxB,CAA/B;AAEA,MAAMG,aAAa,GAAGC,SAAS,CAACN,gBAAD,EAAmBN,aAAnB,EAAkCS,eAAlC,CAA/B;AAEAI,EAAAA,iBAAiB,CAACb,aAAD,EAAgB,UAACc,CAAD,EAAO;AAAA;;AACtC,QAAI,EAACR,gBAAD,aAACA,gBAAD,wCAACA,gBAAgB,CAAES,OAAnB,4EAAC,sBAA2BC,QAA5B,mDAAC,mDAAsCF,CAAtC,aAAsCA,CAAtC,uBAAsCA,CAAC,CAAEG,MAAzC,CAAD,CAAJ,EAAuDV,gBAAgB;AACxE,GAFgB,CAAjB;AAIA,SAAOG,OAAO,CACZ;AAAA,WAAO;AACLN,MAAAA,KAAK,EAALA,KADK;AAELJ,MAAAA,aAAa,EAAbA,aAFK;AAGLC,MAAAA,gBAAgB,EAAhBA,gBAHK;AAILC,MAAAA,YAAY,EAAZA,YAJK;AAKLC,MAAAA,eAAe,EAAfA,eALK;AAMLQ,MAAAA,aAAa,EAAbA;AANK,KAAP;AAAA,GADY,EASZ,CAACT,YAAD,EAAeS,aAAf,EAA8BX,aAA9B,EAA6CI,KAA7C,CATY,CAAd;AAWD;;;;"}
+{"version":3,"file":"useConfigDSPopperjs.js","sources":["../../../src/config/useConfigDSPopperjs.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { usePopper } from 'react-popper';\nimport { useConfiguredMergedProps } from './useConfiguredMergedProps';\nimport type { useDSPopperjsPropsArgT, useDSPopperjsRT } from '../index.d';\n\nimport { useOnClickOutside } from '../utils/hooks/useOnClickOutside';\n\nexport const useConfigDSPopperjs = (appProps: useDSPopperjsPropsArgT): useDSPopperjsRT => {\n  const [popperElement, setPopperElement] = useState(null);\n  const [arrowElement, setArrowElement] = useState(null);\n\n  const props = useConfiguredMergedProps({ props: appProps, arrowElement });\n  const { referenceElement, closeContextMenu, modifiers, startPlacementPreference } = props;\n  const popperExtraOpts = useMemo(\n    () => ({ placement: startPlacementPreference, modifiers }),\n    [modifiers, startPlacementPreference],\n  );\n\n  const popoverHelper = usePopper(referenceElement, popperElement, popperExtraOpts);\n\n  useOnClickOutside(popperElement, (e) => {\n    if (!referenceElement?.contains?.(e?.target)) closeContextMenu();\n  });\n\n  return useMemo(\n    () => ({\n      props,\n      popperElement,\n      setPopperElement,\n      arrowElement,\n      setArrowElement,\n      popoverHelper,\n    }),\n    [arrowElement, popoverHelper, popperElement, props],\n  );\n};\n"],"names":["useConfigDSPopperjs","appProps","useState","popperElement","setPopperElement","arrowElement","setArrowElement","props","useConfiguredMergedProps","referenceElement","closeContextMenu","modifiers","startPlacementPreference","popperExtraOpts","useMemo","placement","popoverHelper","usePopper","useOnClickOutside","e","contains","target"],"mappings":";;;;;;;;;;IAOaA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,QAAD,EAAuD;AACxF,kBAA0CC,QAAQ,CAAC,IAAD,CAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,mBAAwCF,QAAQ,CAAC,IAAD,CAAhD;AAAA;AAAA,MAAOG,YAAP;AAAA,MAAqBC,eAArB;;AAEA,MAAMC,KAAK,GAAGC,wBAAwB,CAAC;AAAED,IAAAA,KAAK,EAAEN,QAAT;AAAmBI,IAAAA,YAAY,EAAZA;AAAnB,GAAD,CAAtC;AACA,MAAQI,gBAAR,GAAoFF,KAApF,CAAQE,gBAAR;AAAA,MAA0BC,gBAA1B,GAAoFH,KAApF,CAA0BG,gBAA1B;AAAA,MAA4CC,SAA5C,GAAoFJ,KAApF,CAA4CI,SAA5C;AAAA,MAAuDC,wBAAvD,GAAoFL,KAApF,CAAuDK,wBAAvD;AACA,MAAMC,eAAe,GAAGC,OAAO,CAC7B;AAAA,WAAO;AAAEC,MAAAA,SAAS,EAAEH,wBAAb;AAAuCD,MAAAA,SAAS,EAATA;AAAvC,KAAP;AAAA,GAD6B,EAE7B,CAACA,SAAD,EAAYC,wBAAZ,CAF6B,CAA/B;AAKA,MAAMI,aAAa,GAAGC,SAAS,CAACR,gBAAD,EAAmBN,aAAnB,EAAkCU,eAAlC,CAA/B;AAEAK,EAAAA,iBAAiB,CAACf,aAAD,EAAgB,UAACgB,CAAD,EAAO;AAAA;;AACtC,QAAI,EAACV,gBAAD,aAACA,gBAAD,wCAACA,gBAAgB,CAAEW,QAAnB,kDAAC,2BAAAX,gBAAgB,EAAaU,CAAb,aAAaA,CAAb,uBAAaA,CAAC,CAAEE,MAAhB,CAAjB,CAAJ,EAA8CX,gBAAgB;AAC/D,GAFgB,CAAjB;AAIA,SAAOI,OAAO,CACZ;AAAA,WAAO;AACLP,MAAAA,KAAK,EAALA,KADK;AAELJ,MAAAA,aAAa,EAAbA,aAFK;AAGLC,MAAAA,gBAAgB,EAAhBA,gBAHK;AAILC,MAAAA,YAAY,EAAZA,YAJK;AAKLC,MAAAA,eAAe,EAAfA,eALK;AAMLU,MAAAA,aAAa,EAAbA;AANK,KAAP;AAAA,GADY,EASZ,CAACX,YAAD,EAAeW,aAAf,EAA8Bb,aAA9B,EAA6CI,KAA7C,CATY,CAAd;AAWD;;;;"}

package/esm/config/useConfiguredDefaultModifiers.js

@@ -40,7 +40,8 @@ var useConfiguredDefaultModifiers = function useConfiguredDefaultModifiers(_ref)
     if (!explicitAppWithoutArrow) mod.push({
       name: 'arrow',
       options: {
-        element: arrowElement
+        element: arrowElement,
+        padding: 18
       }
     }); // the app can define an explicit element to act as a boundary instead of popperjs default one
 

package/esm/config/useConfiguredDefaultModifiers.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConfiguredDefaultModifiers.js","sources":["../../../src/config/useConfiguredDefaultModifiers.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nexport const useConfiguredDefaultModifiers = ({ props, arrowElement }) => {\n  // we destructure explicit app definitions before merge\n  const {\n    boundaryElement: explicitAppBoundaryElement,\n    withoutArrow: explicitAppWithoutArrow = false,\n    placementOrderPreference: explicitPlacementOrderPreference = ['top', 'bottom', 'left', 'right'],\n    customOffset: explictAppOffset = undefined,\n  } = props;\n  // to build default modifiers on top of it\n  const defaultModifiers = useMemo(() => {\n    const mod = [];\n    mod.push({ name: 'hide', enabled: true });\n    mod.push({\n      name: 'flip',\n      options: {\n        fallbackPlacements: explicitPlacementOrderPreference,\n      },\n    });\n    // we apply an offset if the app defines one or if the app wants the arrow\n    if (!explicitAppWithoutArrow || explictAppOffset) {\n      const defaultOffset = explictAppOffset || [0, 14];\n      mod.push({\n        name: 'offset',\n        enabled: true,\n        options: {\n          offset: defaultOffset,\n        },\n      });\n    }\n    // the app can opt for a \"no arrow\" implementation (we do so in datatable/calendar etc...)\n    if (!explicitAppWithoutArrow) mod.push({ name: 'arrow', options: { element: arrowElement } });\n\n    // the app can define an explicit element to act as a boundary instead of popperjs default one\n    if (explicitAppBoundaryElement)\n      mod.push({\n        name: 'preventOverflow',\n        options: {\n          boundary: explicitAppBoundaryElement,\n        },\n      });\n    return mod;\n  }, [\n    arrowElement,\n    explicitAppBoundaryElement,\n    explicitAppWithoutArrow,\n    explicitPlacementOrderPreference,\n    explictAppOffset,\n  ]);\n  // if the app pass custom modifier, we don't use \"default modifiers\"\n  const { modifiers: explicitAppModifiers = defaultModifiers } = props;\n\n  return useMemo(\n    () => ({\n      modifiers: explicitAppModifiers,\n    }),\n    [explicitAppModifiers],\n  );\n};\n"],"names":["useConfiguredDefaultModifiers","props","arrowElement","explicitAppBoundaryElement","boundaryElement","withoutArrow","explicitAppWithoutArrow","placementOrderPreference","explicitPlacementOrderPreference","customOffset","explictAppOffset","undefined","defaultModifiers","useMemo","mod","push","name","enabled","options","fallbackPlacements","defaultOffset","offset","element","boundary","modifiers","explicitAppModifiers"],"mappings":";;IAEaA,6BAA6B,GAAG,SAAhCA,6BAAgC,OAA6B;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AACxE;AACA,MACmBC,0BADnB,GAKIF,KALJ,CACEG,eADF;AAAA,4BAKIH,KALJ,CAEEI,YAFF;AAAA,MAEgBC,uBAFhB,oCAE0C,KAF1C;AAAA,8BAKIL,KALJ,CAGEM,wBAHF;AAAA,MAG4BC,gCAH5B,sCAG+D,CAAC,KAAD,EAAQ,QAAR,EAAkB,MAAlB,EAA0B,OAA1B,CAH/D;AAAA,4BAKIP,KALJ,CAIEQ,YAJF;AAAA,MAIgBC,gBAJhB,oCAImCC,SAJnC,uBAFwE;;AASxE,MAAMC,gBAAgB,GAAGC,OAAO,CAAC,YAAM;AACrC,QAAMC,GAAG,GAAG,EAAZ;AACAA,IAAAA,GAAG,CAACC,IAAJ,CAAS;AAAEC,MAAAA,IAAI,EAAE,MAAR;AAAgBC,MAAAA,OAAO,EAAE;AAAzB,KAAT;AACAH,IAAAA,GAAG,CAACC,IAAJ,CAAS;AACPC,MAAAA,IAAI,EAAE,MADC;AAEPE,MAAAA,OAAO,EAAE;AACPC,QAAAA,kBAAkB,EAAEX;AADb;AAFF,KAAT,EAHqC;;AAUrC,QAAI,CAACF,uBAAD,IAA4BI,gBAAhC,EAAkD;AAChD,UAAMU,aAAa,GAAGV,gBAAgB,IAAI,CAAC,CAAD,EAAI,EAAJ,CAA1C;AACAI,MAAAA,GAAG,CAACC,IAAJ,CAAS;AACPC,QAAAA,IAAI,EAAE,QADC;AAEPC,QAAAA,OAAO,EAAE,IAFF;AAGPC,QAAAA,OAAO,EAAE;AACPG,UAAAA,MAAM,EAAED;AADD;AAHF,OAAT;AAOD,KAnBoC;;;AAqBrC,QAAI,CAACd,uBAAL,EAA8BQ,GAAG,CAACC,IAAJ,CAAS;AAAEC,MAAAA,IAAI,EAAE,OAAR;AAAiBE,MAAAA,OAAO,EAAE;AAAEI,QAAAA,OAAO,EAAEpB;AAAX;AAA1B,KAAT,EArBO;;AAwBrC,QAAIC,0BAAJ,EACEW,GAAG,CAACC,IAAJ,CAAS;AACPC,MAAAA,IAAI,EAAE,iBADC;AAEPE,MAAAA,OAAO,EAAE;AACPK,QAAAA,QAAQ,EAAEpB;AADH;AAFF,KAAT;AAMF,WAAOW,GAAP;AACD,GAhC+B,EAgC7B,CACDZ,YADC,EAEDC,0BAFC,EAGDG,uBAHC,EAIDE,gCAJC,EAKDE,gBALC,CAhC6B,CAAhC,CATwE;;AAiDxE,yBAA+DT,KAA/D,CAAQuB,SAAR;AAAA,MAAmBC,oBAAnB,iCAA0Cb,gBAA1C;AAEA,SAAOC,OAAO,CACZ;AAAA,WAAO;AACLW,MAAAA,SAAS,EAAEC;AADN,KAAP;AAAA,GADY,EAIZ,CAACA,oBAAD,CAJY,CAAd;AAMD;;;;"}
+{"version":3,"file":"useConfiguredDefaultModifiers.js","sources":["../../../src/config/useConfiguredDefaultModifiers.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nexport const useConfiguredDefaultModifiers = ({ props, arrowElement }) => {\n  // we destructure explicit app definitions before merge\n  const {\n    boundaryElement: explicitAppBoundaryElement,\n    withoutArrow: explicitAppWithoutArrow = false,\n    placementOrderPreference: explicitPlacementOrderPreference = ['top', 'bottom', 'left', 'right'],\n    customOffset: explictAppOffset = undefined,\n  } = props;\n  // to build default modifiers on top of it\n  const defaultModifiers = useMemo(() => {\n    const mod = [];\n    mod.push({ name: 'hide', enabled: true });\n    mod.push({\n      name: 'flip',\n      options: {\n        fallbackPlacements: explicitPlacementOrderPreference,\n      },\n    });\n    // we apply an offset if the app defines one or if the app wants the arrow\n    if (!explicitAppWithoutArrow || explictAppOffset) {\n      const defaultOffset = explictAppOffset || [0, 14];\n      mod.push({\n        name: 'offset',\n        enabled: true,\n        options: {\n          offset: defaultOffset,\n        },\n      });\n    }\n    // the app can opt for a \"no arrow\" implementation (we do so in datatable/calendar etc...)\n    if (!explicitAppWithoutArrow)\n      mod.push({\n        name: 'arrow',\n        options: {\n          element: arrowElement,\n          padding: 18,\n        },\n      });\n\n    // the app can define an explicit element to act as a boundary instead of popperjs default one\n    if (explicitAppBoundaryElement)\n      mod.push({\n        name: 'preventOverflow',\n        options: {\n          boundary: explicitAppBoundaryElement,\n        },\n      });\n    return mod;\n  }, [\n    arrowElement,\n    explicitAppBoundaryElement,\n    explicitAppWithoutArrow,\n    explicitPlacementOrderPreference,\n    explictAppOffset,\n  ]);\n  // if the app pass custom modifier, we don't use \"default modifiers\"\n  const { modifiers: explicitAppModifiers = defaultModifiers } = props;\n\n  return useMemo(\n    () => ({\n      modifiers: explicitAppModifiers,\n    }),\n    [explicitAppModifiers],\n  );\n};\n"],"names":["useConfiguredDefaultModifiers","props","arrowElement","explicitAppBoundaryElement","boundaryElement","withoutArrow","explicitAppWithoutArrow","placementOrderPreference","explicitPlacementOrderPreference","customOffset","explictAppOffset","undefined","defaultModifiers","useMemo","mod","push","name","enabled","options","fallbackPlacements","defaultOffset","offset","element","padding","boundary","modifiers","explicitAppModifiers"],"mappings":";;IAEaA,6BAA6B,GAAG,SAAhCA,6BAAgC,OAA6B;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AACxE;AACA,MACmBC,0BADnB,GAKIF,KALJ,CACEG,eADF;AAAA,4BAKIH,KALJ,CAEEI,YAFF;AAAA,MAEgBC,uBAFhB,oCAE0C,KAF1C;AAAA,8BAKIL,KALJ,CAGEM,wBAHF;AAAA,MAG4BC,gCAH5B,sCAG+D,CAAC,KAAD,EAAQ,QAAR,EAAkB,MAAlB,EAA0B,OAA1B,CAH/D;AAAA,4BAKIP,KALJ,CAIEQ,YAJF;AAAA,MAIgBC,gBAJhB,oCAImCC,SAJnC,uBAFwE;;AASxE,MAAMC,gBAAgB,GAAGC,OAAO,CAAC,YAAM;AACrC,QAAMC,GAAG,GAAG,EAAZ;AACAA,IAAAA,GAAG,CAACC,IAAJ,CAAS;AAAEC,MAAAA,IAAI,EAAE,MAAR;AAAgBC,MAAAA,OAAO,EAAE;AAAzB,KAAT;AACAH,IAAAA,GAAG,CAACC,IAAJ,CAAS;AACPC,MAAAA,IAAI,EAAE,MADC;AAEPE,MAAAA,OAAO,EAAE;AACPC,QAAAA,kBAAkB,EAAEX;AADb;AAFF,KAAT,EAHqC;;AAUrC,QAAI,CAACF,uBAAD,IAA4BI,gBAAhC,EAAkD;AAChD,UAAMU,aAAa,GAAGV,gBAAgB,IAAI,CAAC,CAAD,EAAI,EAAJ,CAA1C;AACAI,MAAAA,GAAG,CAACC,IAAJ,CAAS;AACPC,QAAAA,IAAI,EAAE,QADC;AAEPC,QAAAA,OAAO,EAAE,IAFF;AAGPC,QAAAA,OAAO,EAAE;AACPG,UAAAA,MAAM,EAAED;AADD;AAHF,OAAT;AAOD,KAnBoC;;;AAqBrC,QAAI,CAACd,uBAAL,EACEQ,GAAG,CAACC,IAAJ,CAAS;AACPC,MAAAA,IAAI,EAAE,OADC;AAEPE,MAAAA,OAAO,EAAE;AACPI,QAAAA,OAAO,EAAEpB,YADF;AAEPqB,QAAAA,OAAO,EAAE;AAFF;AAFF,KAAT,EAtBmC;;AA+BrC,QAAIpB,0BAAJ,EACEW,GAAG,CAACC,IAAJ,CAAS;AACPC,MAAAA,IAAI,EAAE,iBADC;AAEPE,MAAAA,OAAO,EAAE;AACPM,QAAAA,QAAQ,EAAErB;AADH;AAFF,KAAT;AAMF,WAAOW,GAAP;AACD,GAvC+B,EAuC7B,CACDZ,YADC,EAEDC,0BAFC,EAGDG,uBAHC,EAIDE,gCAJC,EAKDE,gBALC,CAvC6B,CAAhC,CATwE;;AAwDxE,yBAA+DT,KAA/D,CAAQwB,SAAR;AAAA,MAAmBC,oBAAnB,iCAA0Cd,gBAA1C;AAEA,SAAOC,OAAO,CACZ;AAAA,WAAO;AACLY,MAAAA,SAAS,EAAEC;AADN,KAAP;AAAA,GADY,EAIZ,CAACA,oBAAD,CAJY,CAAd;AAMD;;;;"}

package/esm/config/useConfiguredDefaultProps.js

@@ -8,19 +8,23 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 var noop = function noop() {};
 
-var staticDefaultProps = {
-  referenceElement: null,
-  showPopover: false,
-  closeContextMenu: noop,
-  withoutPortal: false,
-  withoutArrow: false,
-  portalDOMContainer: document.body,
-  placementOrderPreference: ['top', 'bottom', 'left', 'right'],
-  zIndex: 1
-};
 var useConfiguredDefaultProps = function useConfiguredDefaultProps(_ref) {
   var props = _ref.props,
       arrowElement = _ref.arrowElement;
+  // don't move this out of the hook or `document.body` will explode
+  var staticDefaultProps = React.useMemo(function () {
+    return {
+      referenceElement: null,
+      showPopover: false,
+      closeContextMenu: noop,
+      withoutPortal: false,
+      withoutArrow: false,
+      portalDOMContainer: document.body,
+      startPlacementPreference: 'top',
+      placementOrderPreference: ['top', 'bottom', 'left', 'right'],
+      zIndex: 1
+    };
+  }, []);
 
   var _useConfiguredDefault = useConfiguredDefaultModifiers({
     props: props,
@@ -32,7 +36,7 @@ var useConfiguredDefaultProps = function useConfiguredDefaultProps(_ref) {
     return _objectSpread(_objectSpread({}, staticDefaultProps), {}, {
       modifiers: configuredModifiers
     });
-  }, [configuredModifiers]);
+  }, [configuredModifiers, staticDefaultProps]);
   return defaultProps;
 };
 

package/esm/config/useConfiguredDefaultProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConfiguredDefaultProps.js","sources":["../../../src/config/useConfiguredDefaultProps.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useConfiguredDefaultModifiers } from './useConfiguredDefaultModifiers';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nconst staticDefaultProps = {\n  referenceElement: null,\n  showPopover: false,\n  closeContextMenu: noop,\n  withoutPortal: false,\n  withoutArrow: false,\n  portalDOMContainer: document.body,\n  placementOrderPreference: ['top', 'bottom', 'left', 'right'],\n  zIndex: 1,\n};\n\nexport const useConfiguredDefaultProps = ({ props, arrowElement }) => {\n  const { modifiers: configuredModifiers } = useConfiguredDefaultModifiers({\n    props,\n    arrowElement,\n  });\n\n  const defaultProps = useMemo(\n    () => ({ ...staticDefaultProps, modifiers: configuredModifiers }),\n    [configuredModifiers],\n  );\n\n  return defaultProps;\n};\n"],"names":["noop","staticDefaultProps","referenceElement","showPopover","closeContextMenu","withoutPortal","withoutArrow","portalDOMContainer","document","body","placementOrderPreference","zIndex","useConfiguredDefaultProps","props","arrowElement","useConfiguredDefaultModifiers","configuredModifiers","modifiers","defaultProps","useMemo"],"mappings":";;;;;;;;AAIA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,EAAnB;;AAEA,IAAMC,kBAAkB,GAAG;AACzBC,EAAAA,gBAAgB,EAAE,IADO;AAEzBC,EAAAA,WAAW,EAAE,KAFY;AAGzBC,EAAAA,gBAAgB,EAAEJ,IAHO;AAIzBK,EAAAA,aAAa,EAAE,KAJU;AAKzBC,EAAAA,YAAY,EAAE,KALW;AAMzBC,EAAAA,kBAAkB,EAAEC,QAAQ,CAACC,IANJ;AAOzBC,EAAAA,wBAAwB,EAAE,CAAC,KAAD,EAAQ,QAAR,EAAkB,MAAlB,EAA0B,OAA1B,CAPD;AAQzBC,EAAAA,MAAM,EAAE;AARiB,CAA3B;IAWaC,yBAAyB,GAAG,SAA5BA,yBAA4B,OAA6B;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;;AACpE,8BAA2CC,6BAA6B,CAAC;AACvEF,IAAAA,KAAK,EAALA,KADuE;AAEvEC,IAAAA,YAAY,EAAZA;AAFuE,GAAD,CAAxE;AAAA,MAAmBE,mBAAnB,yBAAQC,SAAR;;AAKA,MAAMC,YAAY,GAAGC,OAAO,CAC1B;AAAA,2CAAYlB,kBAAZ;AAAgCgB,MAAAA,SAAS,EAAED;AAA3C;AAAA,GAD0B,EAE1B,CAACA,mBAAD,CAF0B,CAA5B;AAKA,SAAOE,YAAP;AACD;;;;"}
+{"version":3,"file":"useConfiguredDefaultProps.js","sources":["../../../src/config/useConfiguredDefaultProps.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useConfiguredDefaultModifiers } from './useConfiguredDefaultModifiers';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nexport const useConfiguredDefaultProps = ({ props, arrowElement }) => {\n  // don't move this out of the hook or `document.body` will explode\n  const staticDefaultProps = React.useMemo(\n    () => ({\n      referenceElement: null,\n      showPopover: false,\n      closeContextMenu: noop,\n      withoutPortal: false,\n      withoutArrow: false,\n      portalDOMContainer: document.body,\n      startPlacementPreference: 'top',\n      placementOrderPreference: ['top', 'bottom', 'left', 'right'],\n      zIndex: 1,\n    }),\n    [],\n  );\n  const { modifiers: configuredModifiers } = useConfiguredDefaultModifiers({\n    props,\n    arrowElement,\n  });\n\n  const defaultProps = useMemo(\n    () => ({ ...staticDefaultProps, modifiers: configuredModifiers }),\n    [configuredModifiers, staticDefaultProps],\n  );\n\n  return defaultProps;\n};\n"],"names":["noop","useConfiguredDefaultProps","props","arrowElement","staticDefaultProps","React","useMemo","referenceElement","showPopover","closeContextMenu","withoutPortal","withoutArrow","portalDOMContainer","document","body","startPlacementPreference","placementOrderPreference","zIndex","useConfiguredDefaultModifiers","configuredModifiers","modifiers","defaultProps"],"mappings":";;;;;;;;AAIA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,EAAnB;;IAEaC,yBAAyB,GAAG,SAA5BA,yBAA4B,OAA6B;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AACpE;AACA,MAAMC,kBAAkB,GAAGC,KAAK,CAACC,OAAN,CACzB;AAAA,WAAO;AACLC,MAAAA,gBAAgB,EAAE,IADb;AAELC,MAAAA,WAAW,EAAE,KAFR;AAGLC,MAAAA,gBAAgB,EAAET,IAHb;AAILU,MAAAA,aAAa,EAAE,KAJV;AAKLC,MAAAA,YAAY,EAAE,KALT;AAMLC,MAAAA,kBAAkB,EAAEC,QAAQ,CAACC,IANxB;AAOLC,MAAAA,wBAAwB,EAAE,KAPrB;AAQLC,MAAAA,wBAAwB,EAAE,CAAC,KAAD,EAAQ,QAAR,EAAkB,MAAlB,EAA0B,OAA1B,CARrB;AASLC,MAAAA,MAAM,EAAE;AATH,KAAP;AAAA,GADyB,EAYzB,EAZyB,CAA3B;;AAcA,8BAA2CC,6BAA6B,CAAC;AACvEhB,IAAAA,KAAK,EAALA,KADuE;AAEvEC,IAAAA,YAAY,EAAZA;AAFuE,GAAD,CAAxE;AAAA,MAAmBgB,mBAAnB,yBAAQC,SAAR;;AAKA,MAAMC,YAAY,GAAGf,OAAO,CAC1B;AAAA,2CAAYF,kBAAZ;AAAgCgB,MAAAA,SAAS,EAAED;AAA3C;AAAA,GAD0B,EAE1B,CAACA,mBAAD,EAAsBf,kBAAtB,CAF0B,CAA5B;AAKA,SAAOiB,YAAP;AACD;;;;"}

package/esm/index.js

@@ -1,5 +1,7 @@
 import React, { 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';
@@ -49,5 +51,9 @@ var DSPopperJS = function DSPopperJS(props) {
   return null;
 };
 
-export { DSPopperJS };
+DSPopperJS.propTypes = dspopperjsPropTypes;
+var 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/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { createPortal } from 'react-dom';\nimport { PopoverContent } from './PopoverContent';\nimport { useConfigDSPopperjs } from './config/useConfigDSPopperjs';\nimport type { DSDSPopperjsPropsT } from './index.d';\n\nexport const DSPopperJS = (props: DSDSPopperjsPropsT): JSX.Element => {\n  const {\n    props: { showPopover, withoutPortal, withoutArrow, portalDOMContainer, zIndex },\n    setPopperElement,\n    setArrowElement,\n    popoverHelper,\n  } = useConfigDSPopperjs(props);\n  const { children } = props;\n  const { styles, attributes } = popoverHelper;\n  const contentJSX = useMemo(\n    () => (\n      <PopoverContent\n        setPopperElement={setPopperElement}\n        popperStyles={styles.popper}\n        popperAttributes={attributes.popper}\n        setArrowElement={setArrowElement}\n        arrowStyle={styles.arrow}\n        withoutArrow={withoutArrow}\n        zIndex={zIndex}\n      >\n        {children}\n      </PopoverContent>\n    ),\n    [attributes.popper, children, setArrowElement, setPopperElement, styles.arrow, styles.popper, withoutArrow, zIndex],\n  );\n  if (showPopover) {\n    if (withoutPortal === true) return contentJSX;\n    if (withoutPortal === false) return <>{createPortal(<>{contentJSX}</>, portalDOMContainer)}</>;\n  }\n  return null;\n};\n"],"names":["DSPopperJS","props","useConfigDSPopperjs","showPopover","withoutPortal","withoutArrow","portalDOMContainer","zIndex","setPopperElement","setArrowElement","popoverHelper","children","styles","attributes","contentJSX","useMemo","popper","arrow","createPortal"],"mappings":";;;;;;;;;;;;;;;;IAMaA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAA4C;AACpE,6BAKIC,mBAAmB,CAACD,KAAD,CALvB;AAAA,mDACEA,KADF;AAAA,MACWE,WADX,yBACWA,WADX;AAAA,MACwBC,aADxB,yBACwBA,aADxB;AAAA,MACuCC,YADvC,yBACuCA,YADvC;AAAA,MACqDC,kBADrD,yBACqDA,kBADrD;AAAA,MACyEC,MADzE,yBACyEA,MADzE;AAAA,MAEEC,gBAFF,wBAEEA,gBAFF;AAAA,MAGEC,eAHF,wBAGEA,eAHF;AAAA,MAIEC,aAJF,wBAIEA,aAJF;;AAMA,MAAQC,QAAR,GAAqBV,KAArB,CAAQU,QAAR;AACA,MAAQC,MAAR,GAA+BF,aAA/B,CAAQE,MAAR;AAAA,MAAgBC,UAAhB,GAA+BH,aAA/B,CAAgBG,UAAhB;AACA,MAAMC,UAAU,GAAGC,OAAO,CACxB;AAAA,wBACE,oBAAC,cAAD;AACE,MAAA,gBAAgB,EAAEP,gBADpB;AAEE,MAAA,YAAY,EAAEI,MAAM,CAACI,MAFvB;AAGE,MAAA,gBAAgB,EAAEH,UAAU,CAACG,MAH/B;AAIE,MAAA,eAAe,EAAEP,eAJnB;AAKE,MAAA,UAAU,EAAEG,MAAM,CAACK,KALrB;AAME,MAAA,YAAY,EAAEZ,YANhB;AAOE,MAAA,MAAM,EAAEE;AAPV,OASGI,QATH,CADF;AAAA,GADwB,EAcxB,CAACE,UAAU,CAACG,MAAZ,EAAoBL,QAApB,EAA8BF,eAA9B,EAA+CD,gBAA/C,EAAiEI,MAAM,CAACK,KAAxE,EAA+EL,MAAM,CAACI,MAAtF,EAA8FX,YAA9F,EAA4GE,MAA5G,CAdwB,CAA1B;;AAgBA,MAAIJ,WAAJ,EAAiB;AACf,QAAIC,aAAa,KAAK,IAAtB,EAA4B,OAAOU,UAAP;AAC5B,QAAIV,aAAa,KAAK,KAAtB,EAA6B,oBAAO,uDAAGc,YAAY,eAAC,0CAAGJ,UAAH,CAAD,EAAoBR,kBAApB,CAAf,CAAP;AAC9B;;AACD,SAAO,IAAP;AACD;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { createPortal } from 'react-dom';\nimport { describe } from 'react-desc';\nimport { dspopperjsPropTypes } from './propTypes';\nimport { PopoverContent } from './PopoverContent';\nimport { useConfigDSPopperjs } from './config/useConfigDSPopperjs';\nimport type { DSDSPopperjsPropsT } from './index.d';\n\nconst DSPopperJS = (props: DSDSPopperjsPropsT): JSX.Element => {\n  const {\n    props: { showPopover, withoutPortal, withoutArrow, portalDOMContainer, zIndex },\n    setPopperElement,\n    setArrowElement,\n    popoverHelper,\n  } = useConfigDSPopperjs(props);\n  const { children } = props;\n  const { styles, attributes } = popoverHelper;\n  const contentJSX = useMemo(\n    () => (\n      <PopoverContent\n        setPopperElement={setPopperElement}\n        popperStyles={styles.popper}\n        popperAttributes={attributes.popper}\n        setArrowElement={setArrowElement}\n        arrowStyle={styles.arrow}\n        withoutArrow={withoutArrow}\n        zIndex={zIndex}\n      >\n        {children}\n      </PopoverContent>\n    ),\n    [attributes.popper, children, setArrowElement, setPopperElement, styles.arrow, styles.popper, withoutArrow, zIndex],\n  );\n  if (showPopover) {\n    if (withoutPortal === true) return contentJSX;\n    if (withoutPortal === false) return <>{createPortal(<>{contentJSX}</>, portalDOMContainer)}</>;\n  }\n  return null;\n};\n\nDSPopperJS.propTypes = dspopperjsPropTypes;\n\nconst DSPopperJSWithSchema = describe(DSPopperJS).description('A dimsum custom styling wrapper on top of popperjs');\nDSPopperJSWithSchema.propTypes = dspopperjsPropTypes;\n\nexport { DSPopperJS, DSPopperJSWithSchema };\nexport default DSPopperJS;\n"],"names":["DSPopperJS","props","useConfigDSPopperjs","showPopover","withoutPortal","withoutArrow","portalDOMContainer","zIndex","setPopperElement","setArrowElement","popoverHelper","children","styles","attributes","contentJSX","useMemo","popper","arrow","createPortal","propTypes","dspopperjsPropTypes","DSPopperJSWithSchema","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;IAQMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAA4C;AAC7D,6BAKIC,mBAAmB,CAACD,KAAD,CALvB;AAAA,mDACEA,KADF;AAAA,MACWE,WADX,yBACWA,WADX;AAAA,MACwBC,aADxB,yBACwBA,aADxB;AAAA,MACuCC,YADvC,yBACuCA,YADvC;AAAA,MACqDC,kBADrD,yBACqDA,kBADrD;AAAA,MACyEC,MADzE,yBACyEA,MADzE;AAAA,MAEEC,gBAFF,wBAEEA,gBAFF;AAAA,MAGEC,eAHF,wBAGEA,eAHF;AAAA,MAIEC,aAJF,wBAIEA,aAJF;;AAMA,MAAQC,QAAR,GAAqBV,KAArB,CAAQU,QAAR;AACA,MAAQC,MAAR,GAA+BF,aAA/B,CAAQE,MAAR;AAAA,MAAgBC,UAAhB,GAA+BH,aAA/B,CAAgBG,UAAhB;AACA,MAAMC,UAAU,GAAGC,OAAO,CACxB;AAAA,wBACE,oBAAC,cAAD;AACE,MAAA,gBAAgB,EAAEP,gBADpB;AAEE,MAAA,YAAY,EAAEI,MAAM,CAACI,MAFvB;AAGE,MAAA,gBAAgB,EAAEH,UAAU,CAACG,MAH/B;AAIE,MAAA,eAAe,EAAEP,eAJnB;AAKE,MAAA,UAAU,EAAEG,MAAM,CAACK,KALrB;AAME,MAAA,YAAY,EAAEZ,YANhB;AAOE,MAAA,MAAM,EAAEE;AAPV,OASGI,QATH,CADF;AAAA,GADwB,EAcxB,CAACE,UAAU,CAACG,MAAZ,EAAoBL,QAApB,EAA8BF,eAA9B,EAA+CD,gBAA/C,EAAiEI,MAAM,CAACK,KAAxE,EAA+EL,MAAM,CAACI,MAAtF,EAA8FX,YAA9F,EAA4GE,MAA5G,CAdwB,CAA1B;;AAgBA,MAAIJ,WAAJ,EAAiB;AACf,QAAIC,aAAa,KAAK,IAAtB,EAA4B,OAAOU,UAAP;AAC5B,QAAIV,aAAa,KAAK,KAAtB,EAA6B,oBAAO,uDAAGc,YAAY,eAAC,0CAAGJ,UAAH,CAAD,EAAoBR,kBAApB,CAAf,CAAP;AAC9B;;AACD,SAAO,IAAP;AACD;;AAEDN,UAAU,CAACmB,SAAX,GAAuBC,mBAAvB;IAEMC,oBAAoB,GAAGC,QAAQ,CAACtB,UAAD,CAAR,CAAqBuB,WAArB,CAAiC,oDAAjC;AAC7BF,oBAAoB,CAACF,SAArB,GAAiCC,mBAAjC;;;;"}

package/esm/propTypes.js

@@ -0,0 +1,69 @@
+import { PropTypes } from 'react-desc';
+
+var dspopperjsPropTypes = {
+  /**
+   * React ref to popperjs referenceElement
+   */
+  referenceElement: PropTypes.element.description('popperjs DOM referenceElement').isRequired,
+
+  /**
+   * Wheter or not to show the popper content
+   */
+  showPopover: PropTypes.bool.description('whether or not to show the popper content').isRequired,
+
+  /**
+   * Callback to close the context menu, used for "on click outside",
+   *  if not provided click outside will not trigger anything
+   */
+  closeContextMenu: PropTypes.func.description('Callback to close the context menu, used for "on click outside",' + ' if not provided click outside will not trigger anything').defaultValue('() => {}'),
+
+  /**
+   *  Wheter or not the popper content should appear in a DOM portal or not
+   */
+  withoutPortal: PropTypes.bool.description('Whether or not the popper content should appear in a DOM portal or not').defaultValue(true),
+
+  /**
+   *  Wheter or not the popper context menu should print the arrow
+   */
+  withoutArrow: PropTypes.bool.description('Whether or not the popper context menu should print the arrow').defaultValue(false),
+
+  /**
+   *  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: PropTypes.element.description('Bounding element to calculate upon, defaults to "clippingParents",' + 'which are the scrolling containers that may cause element to be partially or fully cut off').defaultValue(undefined),
+
+  /**
+   *  When using portal, the container in which to append the DOM content, defaults to document body
+   */
+  portalDOMContainer: PropTypes.element.description('When using portal, the container in which to append the DOM content, defaults to document body').defaultValue(undefined),
+
+  /**
+   *  start placement preferences, as per popperjs placement option
+   */
+  startPlacementPreference: PropTypes.oneOf(['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start']).description('start placement preferences, as per popperjs placement option').defaultValue("'top'"),
+
+  /**
+   *  Array of placement preferences, as per popperjs "flip" placement option
+   */
+  placementOrderPreference: PropTypes.arrayOf(PropTypes.oneOf(['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'])).description('Array of placement preferences, as per popperjs "flip" placement option').defaultValue("['top', 'bottom', 'left', 'right']"),
+
+  /**
+   *  popperjs content z-index
+   */
+  zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),
+
+  /**
+   *  placement offset array
+   */
+  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue(1),
+
+  /**
+   *  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)
+};
+
+export { dspopperjsPropTypes };
+//# sourceMappingURL=propTypes.js.map

package/esm/propTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propTypes.js","sources":["../../src/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const dspopperjsPropTypes = {\n  /**\n   * React ref to popperjs referenceElement\n   */\n  referenceElement: PropTypes.element.description('popperjs DOM referenceElement').isRequired,\n  /**\n   * Wheter or not to show the popper content\n   */\n  showPopover: PropTypes.bool.description('whether or not to show the popper content').isRequired,\n  /**\n   * Callback to close the context menu, used for \"on click outside\",\n   *  if not provided click outside will not trigger anything\n   */\n  closeContextMenu: PropTypes.func\n    .description(\n      'Callback to close the context menu, used for \"on click outside\",' +\n        ' if not provided click outside will not trigger anything',\n    )\n    .defaultValue('() => {}'),\n  /**\n   *  Wheter or not the popper content should appear in a DOM portal or not\n   */\n  withoutPortal: PropTypes.bool\n    .description('Whether or not the popper content should appear in a DOM portal or not')\n    .defaultValue(true),\n  /**\n   *  Wheter or not the popper context menu should print the arrow\n   */\n  withoutArrow: PropTypes.bool\n    .description('Whether or not the popper context menu should print the arrow')\n    .defaultValue(false),\n  /**\n   *  Bounding element to calculate upon, defaults to it is \"clippingParents\",\n   *   which are the scrolling containers that may cause the element to be partially or fully cut off.\n   */\n  boundaryElement: PropTypes.element\n    .description(\n      'Bounding element to calculate upon, defaults to \"clippingParents\",' +\n        'which are the scrolling containers that may cause element to be partially or fully cut off',\n    )\n    .defaultValue(undefined),\n  /**\n   *  When using portal, the container in which to append the DOM content, defaults to document body\n   */\n  portalDOMContainer: PropTypes.element\n    .description('When using portal, the container in which to append the DOM content, defaults to document body')\n    .defaultValue(undefined),\n  /**\n   *  start placement preferences, as per popperjs placement option\n   */\n  startPlacementPreference: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  /**\n   *  Array of placement preferences, as per popperjs \"flip\" placement option\n   */\n  placementOrderPreference: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'top-start',\n      'top',\n      'top-end',\n      'right-start',\n      'right',\n      'right-end',\n      'bottom-end',\n      'bottom',\n      'bottom-start',\n      'left-end',\n      'left',\n      'left-start',\n    ]),\n  )\n    .description('Array of placement preferences, as per popperjs \"flip\" placement option')\n    .defaultValue(\"['top', 'bottom', 'left', 'right']\"),\n  /**\n   *  popperjs content z-index\n   */\n  zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),\n  /**\n   *  placement offset array\n   */\n  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue(1),\n  /**\n   *  modifiers array for full-custom popper-js override\n   *  https://popper.js.org/docs/v2/modifiers/\n   */\n  modifiers: PropTypes.array\n    .description('modifiers array for full-custom popper-js override, https://popper.js.org/docs/v2/modifiers/')\n    .defaultValue(1),\n};\n"],"names":["dspopperjsPropTypes","referenceElement","PropTypes","element","description","isRequired","showPopover","bool","closeContextMenu","func","defaultValue","withoutPortal","withoutArrow","boundaryElement","undefined","portalDOMContainer","startPlacementPreference","oneOf","placementOrderPreference","arrayOf","zIndex","number","customOffset","modifiers","array"],"mappings":";;IAEaA,mBAAmB,GAAG;AACjC;AACF;AACA;AACEC,EAAAA,gBAAgB,EAAEC,SAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,+BAA9B,EAA+DC,UAJhD;;AAKjC;AACF;AACA;AACEC,EAAAA,WAAW,EAAEJ,SAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,2CAA3B,EAAwEC,UARpD;;AASjC;AACF;AACA;AACA;AACEG,EAAAA,gBAAgB,EAAEN,SAAS,CAACO,IAAV,CACfL,WADe,CAEd,qEACE,0DAHY,EAKfM,YALe,CAKF,UALE,CAbe;;AAmBjC;AACF;AACA;AACEC,EAAAA,aAAa,EAAET,SAAS,CAACK,IAAV,CACZH,WADY,CACA,wEADA,EAEZM,YAFY,CAEC,IAFD,CAtBkB;;AAyBjC;AACF;AACA;AACEE,EAAAA,YAAY,EAAEV,SAAS,CAACK,IAAV,CACXH,WADW,CACC,+DADD,EAEXM,YAFW,CAEE,KAFF,CA5BmB;;AA+BjC;AACF;AACA;AACA;AACEG,EAAAA,eAAe,EAAEX,SAAS,CAACC,OAAV,CACdC,WADc,CAEb,uEACE,4FAHW,EAKdM,YALc,CAKDI,SALC,CAnCgB;;AAyCjC;AACF;AACA;AACEC,EAAAA,kBAAkB,EAAEb,SAAS,CAACC,OAAV,CACjBC,WADiB,CACL,gGADK,EAEjBM,YAFiB,CAEJI,SAFI,CA5Ca;;AA+CjC;AACF;AACA;AACEE,EAAAA,wBAAwB,EAAEd,SAAS,CAACe,KAAV,CAAgB,CACxC,WADwC,EAExC,KAFwC,EAGxC,SAHwC,EAIxC,aAJwC,EAKxC,OALwC,EAMxC,WANwC,EAOxC,YAPwC,EAQxC,QARwC,EASxC,cATwC,EAUxC,UAVwC,EAWxC,MAXwC,EAYxC,YAZwC,CAAhB,EAcvBb,WAduB,CAcX,+DAdW,EAevBM,YAfuB,CAeV,OAfU,CAlDO;;AAkEjC;AACF;AACA;AACEQ,EAAAA,wBAAwB,EAAEhB,SAAS,CAACiB,OAAV,CACxBjB,SAAS,CAACe,KAAV,CAAgB,CACd,WADc,EAEd,KAFc,EAGd,SAHc,EAId,aAJc,EAKd,OALc,EAMd,WANc,EAOd,YAPc,EAQd,QARc,EASd,cATc,EAUd,UAVc,EAWd,MAXc,EAYd,YAZc,CAAhB,CADwB,EAgBvBb,WAhBuB,CAgBX,yEAhBW,EAiBvBM,YAjBuB,CAiBV,oCAjBU,CArEO;;AAuFjC;AACF;AACA;AACEU,EAAAA,MAAM,EAAElB,SAAS,CAACmB,MAAV,CAAiBjB,WAAjB,CAA6B,0BAA7B,EAAyDM,YAAzD,CAAsE,CAAtE,CA1FyB;;AA2FjC;AACF;AACA;AACEY,EAAAA,YAAY,EAAEpB,SAAS,CAACiB,OAAV,CAAkBjB,SAAS,CAACmB,MAA5B,EAAoCjB,WAApC,CAAgD,wBAAhD,EAA0EM,YAA1E,CAAuF,CAAvF,CA9FmB;;AA+FjC;AACF;AACA;AACA;AACEa,EAAAA,SAAS,EAAErB,SAAS,CAACsB,KAAV,CACRpB,WADQ,CACI,8FADJ,EAERM,YAFQ,CAEK,CAFL;AAnGsB;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-popperjs",
-  "version": "1.54.0-rc.1",
+  "version": "1.55.0-next.2",
   "license": "MIT",
   "description": "Ellie Mae - Dim Sum - Popper JS wrapper",
   "module": "esm/index.js",
@@ -16,7 +16,7 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "1.54.0-rc.1",
+    "@elliemae/ds-props-helpers": "1.55.0-next.2",
     "react-desc": "^4.1.2"
   },
   "devDependencies": {

package/propTypes/package.json

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