@elliemae/ds-popperjs 1.56.0-rc.2 → 1.57.0-rc.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -33,6 +33,7 @@ var useConfigDSPopperjs = function useConfigDSPopperjs(appProps) {
33
33
  });
34
34
  var referenceElement = props.referenceElement,
35
35
  closeContextMenu = props.closeContextMenu,
36
+ onClickOutside = props.onClickOutside,
36
37
  modifiers = props.modifiers,
37
38
  startPlacementPreference = props.startPlacementPreference;
38
39
  var popperExtraOpts = React.useMemo(function () {
@@ -45,7 +46,10 @@ var useConfigDSPopperjs = function useConfigDSPopperjs(appProps) {
45
46
  utils_hooks_useOnClickOutside.useOnClickOutside(popperElement, function (e) {
46
47
  var _referenceElement$con;
47
48
 
48
- 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();
49
+ 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))) {
50
+ closeContextMenu();
51
+ onClickOutside(e);
52
+ }
49
53
  });
50
54
  return React.useMemo(function () {
51
55
  return {
@@ -1 +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, 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;;;;"}
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, onClickOutside, 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)) {\n closeContextMenu();\n onClickOutside(e);\n }\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","onClickOutside","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,GAAoGF,KAApG,CAAQE,gBAAR;AAAA,MAA0BC,gBAA1B,GAAoGH,KAApG,CAA0BG,gBAA1B;AAAA,MAA4CC,cAA5C,GAAoGJ,KAApG,CAA4CI,cAA5C;AAAA,MAA4DC,SAA5D,GAAoGL,KAApG,CAA4DK,SAA5D;AAAA,MAAuEC,wBAAvE,GAAoGN,KAApG,CAAuEM,wBAAvE;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,CAACT,gBAAD,EAAmBN,aAAnB,EAAkCW,eAAlC,CAA/B;AAEAK,EAAAA,+CAAiB,CAAChB,aAAD,EAAgB,UAACiB,CAAD,EAAO;AAAA;;AACtC,QAAI,EAACX,gBAAD,aAACA,gBAAD,wCAACA,gBAAgB,CAAEY,QAAnB,kDAAC,2BAAAZ,gBAAgB,EAAaW,CAAb,aAAaA,CAAb,uBAAaA,CAAC,CAAEE,MAAhB,CAAjB,CAAJ,EAA8C;AAC5CZ,MAAAA,gBAAgB;AAChBC,MAAAA,cAAc,CAACS,CAAD,CAAd;AACD;AACF,GALgB,CAAjB;AAOA,SAAOL,aAAO,CACZ;AAAA,WAAO;AACLR,MAAAA,KAAK,EAALA,KADK;AAELJ,MAAAA,aAAa,EAAbA,aAFK;AAGLC,MAAAA,gBAAgB,EAAhBA,gBAHK;AAILC,MAAAA,YAAY,EAAZA,YAJK;AAKLC,MAAAA,eAAe,EAAfA,eALK;AAMLW,MAAAA,aAAa,EAAbA;AANK,KAAP;AAAA,GADY,EASZ,CAACZ,YAAD,EAAeY,aAAf,EAA8Bd,aAA9B,EAA6CI,KAA7C,CATY,CAAd;AAWD;;;;"}
@@ -26,6 +26,7 @@ var useConfiguredDefaultProps = function useConfiguredDefaultProps(_ref) {
26
26
  referenceElement: null,
27
27
  showPopover: false,
28
28
  closeContextMenu: noop,
29
+ onClickOutside: noop,
29
30
  withoutPortal: false,
30
31
  withoutArrow: false,
31
32
  portalDOMContainer: document.body,
@@ -1 +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 emptyObj = {};\n\nexport const useConfiguredDefaultProps = ({ props, arrowElement }) => {\n // don't move this out of the hook or `document.body` will explode\n const staticDefaultProps = 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 extraPopperStyles: emptyObj,\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","emptyObj","useConfiguredDefaultProps","props","arrowElement","staticDefaultProps","useMemo","referenceElement","showPopover","closeContextMenu","withoutPortal","withoutArrow","portalDOMContainer","document","body","startPlacementPreference","placementOrderPreference","zIndex","extraPopperStyles","useConfiguredDefaultModifiers","configuredModifiers","modifiers","defaultProps"],"mappings":";;;;;;;;;;;;;;;;AAIA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,EAAnB;;AAEA,IAAMC,QAAQ,GAAG,EAAjB;IAEaC,yBAAyB,GAAG,SAA5BA,yBAA4B,OAA6B;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AACpE;AACA,MAAMC,kBAAkB,GAAGC,aAAO,CAChC;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,CATH;AAULC,MAAAA,iBAAiB,EAAEjB;AAVd,KAAP;AAAA,GADgC,EAahC,EAbgC,CAAlC;;AAeA,8BAA2CkB,kEAA6B,CAAC;AACvEhB,IAAAA,KAAK,EAALA,KADuE;AAEvEC,IAAAA,YAAY,EAAZA;AAFuE,GAAD,CAAxE;AAAA,MAAmBgB,mBAAnB,yBAAQC,SAAR;;AAKA,MAAMC,YAAY,GAAGhB,aAAO,CAC1B;AAAA,2CAAYD,kBAAZ;AAAgCgB,MAAAA,SAAS,EAAED;AAA3C;AAAA,GAD0B,EAE1B,CAACA,mBAAD,EAAsBf,kBAAtB,CAF0B,CAA5B;AAKA,SAAOiB,YAAP;AACD;;;;"}
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 emptyObj = {};\n\nexport const useConfiguredDefaultProps = ({ props, arrowElement }) => {\n // don't move this out of the hook or `document.body` will explode\n const staticDefaultProps = useMemo(\n () => ({\n referenceElement: null,\n showPopover: false,\n closeContextMenu: noop,\n onClickOutside: noop,\n withoutPortal: false,\n withoutArrow: false,\n portalDOMContainer: document.body,\n startPlacementPreference: 'top',\n placementOrderPreference: ['top', 'bottom', 'left', 'right'],\n zIndex: 1,\n extraPopperStyles: emptyObj,\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","emptyObj","useConfiguredDefaultProps","props","arrowElement","staticDefaultProps","useMemo","referenceElement","showPopover","closeContextMenu","onClickOutside","withoutPortal","withoutArrow","portalDOMContainer","document","body","startPlacementPreference","placementOrderPreference","zIndex","extraPopperStyles","useConfiguredDefaultModifiers","configuredModifiers","modifiers","defaultProps"],"mappings":";;;;;;;;;;;;;;;;AAIA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,EAAnB;;AAEA,IAAMC,QAAQ,GAAG,EAAjB;IAEaC,yBAAyB,GAAG,SAA5BA,yBAA4B,OAA6B;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AACpE;AACA,MAAMC,kBAAkB,GAAGC,aAAO,CAChC;AAAA,WAAO;AACLC,MAAAA,gBAAgB,EAAE,IADb;AAELC,MAAAA,WAAW,EAAE,KAFR;AAGLC,MAAAA,gBAAgB,EAAET,IAHb;AAILU,MAAAA,cAAc,EAAEV,IAJX;AAKLW,MAAAA,aAAa,EAAE,KALV;AAMLC,MAAAA,YAAY,EAAE,KANT;AAOLC,MAAAA,kBAAkB,EAAEC,QAAQ,CAACC,IAPxB;AAQLC,MAAAA,wBAAwB,EAAE,KARrB;AASLC,MAAAA,wBAAwB,EAAE,CAAC,KAAD,EAAQ,QAAR,EAAkB,MAAlB,EAA0B,OAA1B,CATrB;AAULC,MAAAA,MAAM,EAAE,CAVH;AAWLC,MAAAA,iBAAiB,EAAElB;AAXd,KAAP;AAAA,GADgC,EAchC,EAdgC,CAAlC;;AAgBA,8BAA2CmB,kEAA6B,CAAC;AACvEjB,IAAAA,KAAK,EAALA,KADuE;AAEvEC,IAAAA,YAAY,EAAZA;AAFuE,GAAD,CAAxE;AAAA,MAAmBiB,mBAAnB,yBAAQC,SAAR;;AAKA,MAAMC,YAAY,GAAGjB,aAAO,CAC1B;AAAA,2CAAYD,kBAAZ;AAAgCiB,MAAAA,SAAS,EAAED;AAA3C;AAAA,GAD0B,EAE1B,CAACA,mBAAD,EAAsBhB,kBAAtB,CAF0B,CAA5B;AAKA,SAAOkB,YAAP;AACD;;;;"}
@@ -25,6 +25,7 @@ var useConfigDSPopperjs = function useConfigDSPopperjs(appProps) {
25
25
  });
26
26
  var referenceElement = props.referenceElement,
27
27
  closeContextMenu = props.closeContextMenu,
28
+ onClickOutside = props.onClickOutside,
28
29
  modifiers = props.modifiers,
29
30
  startPlacementPreference = props.startPlacementPreference;
30
31
  var popperExtraOpts = useMemo(function () {
@@ -37,7 +38,10 @@ var useConfigDSPopperjs = function useConfigDSPopperjs(appProps) {
37
38
  useOnClickOutside(popperElement, function (e) {
38
39
  var _referenceElement$con;
39
40
 
40
- 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();
41
+ 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))) {
42
+ closeContextMenu();
43
+ onClickOutside(e);
44
+ }
41
45
  });
42
46
  return useMemo(function () {
43
47
  return {
@@ -1 +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, 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;;;;"}
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, onClickOutside, 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)) {\n closeContextMenu();\n onClickOutside(e);\n }\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","onClickOutside","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,GAAoGF,KAApG,CAAQE,gBAAR;AAAA,MAA0BC,gBAA1B,GAAoGH,KAApG,CAA0BG,gBAA1B;AAAA,MAA4CC,cAA5C,GAAoGJ,KAApG,CAA4CI,cAA5C;AAAA,MAA4DC,SAA5D,GAAoGL,KAApG,CAA4DK,SAA5D;AAAA,MAAuEC,wBAAvE,GAAoGN,KAApG,CAAuEM,wBAAvE;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,CAACT,gBAAD,EAAmBN,aAAnB,EAAkCW,eAAlC,CAA/B;AAEAK,EAAAA,iBAAiB,CAAChB,aAAD,EAAgB,UAACiB,CAAD,EAAO;AAAA;;AACtC,QAAI,EAACX,gBAAD,aAACA,gBAAD,wCAACA,gBAAgB,CAAEY,QAAnB,kDAAC,2BAAAZ,gBAAgB,EAAaW,CAAb,aAAaA,CAAb,uBAAaA,CAAC,CAAEE,MAAhB,CAAjB,CAAJ,EAA8C;AAC5CZ,MAAAA,gBAAgB;AAChBC,MAAAA,cAAc,CAACS,CAAD,CAAd;AACD;AACF,GALgB,CAAjB;AAOA,SAAOL,OAAO,CACZ;AAAA,WAAO;AACLR,MAAAA,KAAK,EAALA,KADK;AAELJ,MAAAA,aAAa,EAAbA,aAFK;AAGLC,MAAAA,gBAAgB,EAAhBA,gBAHK;AAILC,MAAAA,YAAY,EAAZA,YAJK;AAKLC,MAAAA,eAAe,EAAfA,eALK;AAMLW,MAAAA,aAAa,EAAbA;AANK,KAAP;AAAA,GADY,EASZ,CAACZ,YAAD,EAAeY,aAAf,EAA8Bd,aAA9B,EAA6CI,KAA7C,CATY,CAAd;AAWD;;;;"}
@@ -18,6 +18,7 @@ var useConfiguredDefaultProps = function useConfiguredDefaultProps(_ref) {
18
18
  referenceElement: null,
19
19
  showPopover: false,
20
20
  closeContextMenu: noop,
21
+ onClickOutside: noop,
21
22
  withoutPortal: false,
22
23
  withoutArrow: false,
23
24
  portalDOMContainer: document.body,
@@ -1 +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 emptyObj = {};\n\nexport const useConfiguredDefaultProps = ({ props, arrowElement }) => {\n // don't move this out of the hook or `document.body` will explode\n const staticDefaultProps = 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 extraPopperStyles: emptyObj,\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","emptyObj","useConfiguredDefaultProps","props","arrowElement","staticDefaultProps","useMemo","referenceElement","showPopover","closeContextMenu","withoutPortal","withoutArrow","portalDOMContainer","document","body","startPlacementPreference","placementOrderPreference","zIndex","extraPopperStyles","useConfiguredDefaultModifiers","configuredModifiers","modifiers","defaultProps"],"mappings":";;;;;;;;AAIA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,EAAnB;;AAEA,IAAMC,QAAQ,GAAG,EAAjB;IAEaC,yBAAyB,GAAG,SAA5BA,yBAA4B,OAA6B;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AACpE;AACA,MAAMC,kBAAkB,GAAGC,OAAO,CAChC;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,CATH;AAULC,MAAAA,iBAAiB,EAAEjB;AAVd,KAAP;AAAA,GADgC,EAahC,EAbgC,CAAlC;;AAeA,8BAA2CkB,6BAA6B,CAAC;AACvEhB,IAAAA,KAAK,EAALA,KADuE;AAEvEC,IAAAA,YAAY,EAAZA;AAFuE,GAAD,CAAxE;AAAA,MAAmBgB,mBAAnB,yBAAQC,SAAR;;AAKA,MAAMC,YAAY,GAAGhB,OAAO,CAC1B;AAAA,2CAAYD,kBAAZ;AAAgCgB,MAAAA,SAAS,EAAED;AAA3C;AAAA,GAD0B,EAE1B,CAACA,mBAAD,EAAsBf,kBAAtB,CAF0B,CAA5B;AAKA,SAAOiB,YAAP;AACD;;;;"}
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 emptyObj = {};\n\nexport const useConfiguredDefaultProps = ({ props, arrowElement }) => {\n // don't move this out of the hook or `document.body` will explode\n const staticDefaultProps = useMemo(\n () => ({\n referenceElement: null,\n showPopover: false,\n closeContextMenu: noop,\n onClickOutside: noop,\n withoutPortal: false,\n withoutArrow: false,\n portalDOMContainer: document.body,\n startPlacementPreference: 'top',\n placementOrderPreference: ['top', 'bottom', 'left', 'right'],\n zIndex: 1,\n extraPopperStyles: emptyObj,\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","emptyObj","useConfiguredDefaultProps","props","arrowElement","staticDefaultProps","useMemo","referenceElement","showPopover","closeContextMenu","onClickOutside","withoutPortal","withoutArrow","portalDOMContainer","document","body","startPlacementPreference","placementOrderPreference","zIndex","extraPopperStyles","useConfiguredDefaultModifiers","configuredModifiers","modifiers","defaultProps"],"mappings":";;;;;;;;AAIA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,EAAnB;;AAEA,IAAMC,QAAQ,GAAG,EAAjB;IAEaC,yBAAyB,GAAG,SAA5BA,yBAA4B,OAA6B;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AACpE;AACA,MAAMC,kBAAkB,GAAGC,OAAO,CAChC;AAAA,WAAO;AACLC,MAAAA,gBAAgB,EAAE,IADb;AAELC,MAAAA,WAAW,EAAE,KAFR;AAGLC,MAAAA,gBAAgB,EAAET,IAHb;AAILU,MAAAA,cAAc,EAAEV,IAJX;AAKLW,MAAAA,aAAa,EAAE,KALV;AAMLC,MAAAA,YAAY,EAAE,KANT;AAOLC,MAAAA,kBAAkB,EAAEC,QAAQ,CAACC,IAPxB;AAQLC,MAAAA,wBAAwB,EAAE,KARrB;AASLC,MAAAA,wBAAwB,EAAE,CAAC,KAAD,EAAQ,QAAR,EAAkB,MAAlB,EAA0B,OAA1B,CATrB;AAULC,MAAAA,MAAM,EAAE,CAVH;AAWLC,MAAAA,iBAAiB,EAAElB;AAXd,KAAP;AAAA,GADgC,EAchC,EAdgC,CAAlC;;AAgBA,8BAA2CmB,6BAA6B,CAAC;AACvEjB,IAAAA,KAAK,EAALA,KADuE;AAEvEC,IAAAA,YAAY,EAAZA;AAFuE,GAAD,CAAxE;AAAA,MAAmBiB,mBAAnB,yBAAQC,SAAR;;AAKA,MAAMC,YAAY,GAAGjB,OAAO,CAC1B;AAAA,2CAAYD,kBAAZ;AAAgCiB,MAAAA,SAAS,EAAED;AAA3C;AAAA,GAD0B,EAE1B,CAACA,mBAAD,EAAsBhB,kBAAtB,CAF0B,CAA5B;AAKA,SAAOkB,YAAP;AACD;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-popperjs",
3
- "version": "1.56.0-rc.2",
3
+ "version": "1.57.0-rc.10",
4
4
  "license": "MIT",
5
5
  "description": "Ellie Mae - Dim Sum - Popper JS wrapper",
6
6
  "module": "esm/index.js",
@@ -16,7 +16,7 @@
16
16
  "build": "node ../../scripts/build/build.js"
17
17
  },
18
18
  "dependencies": {
19
- "@elliemae/ds-props-helpers": "1.56.0-rc.2",
19
+ "@elliemae/ds-props-helpers": "1.57.0-rc.10",
20
20
  "react-popper": "2.2.5"
21
21
  },
22
22
  "devDependencies": {