@elliemae/ds-popperjs 2.3.0-alpha.8 → 2.3.0-next.10

package/types/index.d.ts

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

package/types/propTypes.d.ts

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

package/types/styled.d.ts

@@ -0,0 +1,11 @@
+interface StyledContentWrapperPropsT {
+    zIndex: number;
+}
+interface StyledAnimatedPopperPropsT {
+    showPopover: boolean;
+    animationDuration: number;
+    withoutAnimation: boolean;
+}
+export declare const StyledPopoverContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledContentWrapperPropsT, never>;
+export declare const StyledAnimatedPopper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledAnimatedPopperPropsT, never>;
+export {};

package/types/utils/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare type defaultCbt = (e: React.MouseEvent) => void;
+export declare function useOnClickOutside<T extends Node, cbT extends defaultCbt>(ref: T, cb: cbT): void;
+export {};

package/dist/cjs/PopoverArrow.js

@@ -1,91 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var PopoverArrow_exports = {};
-__export(PopoverArrow_exports, {
-  PopoverArrow: () => PopoverArrow
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const arrowWidth = 18;
-const arrowHeight = 18;
-const StyledArrow = import_styled_components.default.div`
-  position: absolute;
-  width: ${arrowWidth}px;
-  height: ${arrowHeight}px;
-  pointer-events: none;
-  background-color: transparent;
-  & .stroke {
-    fill: ${({ theme }) => theme.colors.neutral["500"]};
-    fill-opacity: 0.4;
-  }
-  & .fill {
-    fill: ${({ theme }) => theme.colors.neutral["000"]};
-  }
-
-  &[data-placement^='top'] {
-    svg {
-      transform: rotateZ(180deg);
-    }
-    bottom: -${arrowHeight}px;
-  }
-  &[data-placement^='right'] {
-    svg {
-      transform: rotateZ(-90deg);
-    }
-    left: -${arrowWidth}px;
-  }
-  &[data-placement^='bottom'] {
-    top: -${arrowHeight}px;
-  }
-  &[data-placement^='left'] {
-    svg {
-      transform: rotateZ(90deg);
-    }
-    right: -${arrowWidth}px;
-  }
-  margin-left: ${(props) => props["data-placement"].startsWith("top") || props["data-placement"].startsWith("bottom") ? `-${arrowWidth / 2}px;` : "0;"};
-  margin-top: ${(props) => props["data-placement"].startsWith("left") || props["data-placement"].startsWith("right") ? `-${arrowHeight / 2}px;` : "0;"};
-`;
-const PopoverArrow = ({ placement, style, arrowElementRef }) => /* @__PURE__ */ import_react.default.createElement(StyledArrow, {
-  key: "popper-arrow",
-  "data-placement": placement,
-  style,
-  ref: arrowElementRef,
-  "data-testid": "ds-tooltip-arrow"
-}, /* @__PURE__ */ import_react.default.createElement("svg", {
-  viewBox: "0 0 30 30"
-}, /* @__PURE__ */ import_react.default.createElement("path", {
-  className: "stroke",
-  d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n        C26.7,29,24.6,28.1,23.7,27.1z"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  className: "fill",
-  d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
-})));
-module.exports = __toCommonJS(PopoverArrow_exports);
-//# sourceMappingURL=PopoverArrow.js.map

package/dist/cjs/PopoverArrow.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/PopoverArrow.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport styled from 'styled-components';\ninterface PopoverArrowT {\n  placement: string;\n  style: React.CSSProperties;\n  arrowElementRef: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n}\nconst arrowWidth = 18;\nconst arrowHeight = 18;\n\nconst StyledArrow = styled.div`\n  position: absolute;\n  width: ${arrowWidth}px;\n  height: ${arrowHeight}px;\n  pointer-events: none;\n  background-color: transparent;\n  & .stroke {\n    fill: ${({ theme }) => theme.colors.neutral['500']};\n    fill-opacity: 0.4;\n  }\n  & .fill {\n    fill: ${({ theme }) => theme.colors.neutral['000']};\n  }\n\n  &[data-placement^='top'] {\n    svg {\n      transform: rotateZ(180deg);\n    }\n    bottom: -${arrowHeight}px;\n  }\n  &[data-placement^='right'] {\n    svg {\n      transform: rotateZ(-90deg);\n    }\n    left: -${arrowWidth}px;\n  }\n  &[data-placement^='bottom'] {\n    top: -${arrowHeight}px;\n  }\n  &[data-placement^='left'] {\n    svg {\n      transform: rotateZ(90deg);\n    }\n    right: -${arrowWidth}px;\n  }\n  margin-left: ${(props) =>\n    props['data-placement'].startsWith('top') || props['data-placement'].startsWith('bottom')\n      ? `-${arrowWidth / 2}px;`\n      : '0;'};\n  margin-top: ${(props) =>\n    props['data-placement'].startsWith('left') || props['data-placement'].startsWith('right')\n      ? `-${arrowHeight / 2}px;`\n      : '0;'};\n`;\n\nexport const PopoverArrow = ({ placement, style, arrowElementRef }: PopoverArrowT): React.ReactElement => (\n  <StyledArrow\n    key=\"popper-arrow\"\n    data-placement={placement}\n    style={style}\n    ref={arrowElementRef}\n    data-testid=\"ds-tooltip-arrow\"\n  >\n    <svg viewBox=\"0 0 30 30\">\n      <path\n        className=\"stroke\"\n        d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n        C26.7,29,24.6,28.1,23.7,27.1z\"\n      />\n      <path\n        className=\"fill\"\n        d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n      />\n    </svg>\n  </StyledArrow>\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAmB;AAMnB,MAAM,aAAa;AACnB,MAAM,cAAc;AAEpB,MAAM,cAAc,iCAAO;AAAA;AAAA,WAEhB;AAAA,YACC;AAAA;AAAA;AAAA;AAAA,YAIA,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,YAIpC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMF;AAAA;AAAA;AAAA,YAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAME;AAAA;AAAA,iBAEG,CAAC,UACd,MAAM,kBAAkB,WAAW,UAAU,MAAM,kBAAkB,WAAW,YAC5E,IAAI,aAAa,SACjB;AAAA,gBACQ,CAAC,UACb,MAAM,kBAAkB,WAAW,WAAW,MAAM,kBAAkB,WAAW,WAC7E,IAAI,cAAc,SAClB;AAAA;AAGD,MAAM,eAAe,CAAC,EAAE,WAAW,OAAO,sBAC/C,mDAAC,aAAD;AAAA,EACE,KAAI;AAAA,EACJ,kBAAgB;AAAA,EAChB;AAAA,EACA,KAAK;AAAA,EACL,eAAY;AAAA,GAEZ,mDAAC,OAAD;AAAA,EAAK,SAAQ;AAAA,GACX,mDAAC,QAAD;AAAA,EACE,WAAU;AAAA,EACV,GAAE;AAAA,IAGJ,mDAAC,QAAD;AAAA,EACE,WAAU;AAAA,EACV,GAAE;AAAA;",
-  "names": []
-}

package/dist/cjs/PopoverContent.js

@@ -1,76 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var PopoverContent_exports = {};
-__export(PopoverContent_exports, {
-  PopoverContent: () => PopoverContent
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_PopoverArrow = require("./PopoverArrow");
-var import_styled = require("./styled");
-const PopoverContent = ({
-  setPopperElement,
-  popperStyles,
-  popperAttributes,
-  children,
-  showPopover,
-  setArrowElement,
-  setIsAnimating,
-  arrowStyle,
-  withoutArrow,
-  withoutAnimation,
-  animationDuration,
-  zIndex
-}) => {
-  const checkAnimationStatus = (0, import_react.useCallback)(() => {
-    if (!showPopover && !withoutAnimation) {
-      setIsAnimating(false);
-    }
-  }, [showPopover, withoutAnimation, setIsAnimating]);
-  const popperContent = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children, withoutArrow === false ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_PopoverArrow.PopoverArrow, {
-    arrowElementRef: setArrowElement,
-    style: arrowStyle,
-    placement: popperAttributes ? popperAttributes["data-popper-placement"] : "bottom"
-  }), /* @__PURE__ */ import_react.default.createElement("div", {
-    ref: setArrowElement,
-    style: arrowStyle
-  })) : null), [children, withoutArrow, arrowStyle, popperAttributes, setArrowElement]);
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledPopoverContentWrapper, {
-    zIndex,
-    ref: setPopperElement,
-    style: popperStyles,
-    ...popperAttributes
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledAnimatedPopper, {
-    showPopover,
-    animationDuration,
-    withoutAnimation,
-    onAnimationEnd: checkAnimationStatus
-  }, popperContent));
-};
-module.exports = __toCommonJS(PopoverContent_exports);
-//# sourceMappingURL=PopoverContent.js.map

package/dist/cjs/PopoverContent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/PopoverContent.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback, useMemo } from 'react';\nimport { PopoverArrow } from './PopoverArrow';\nimport type { PopoverContentPropsT } from './index.d';\nimport { StyledPopoverContentWrapper, StyledAnimatedPopper } from './styled';\n\nexport const PopoverContent = ({\n  setPopperElement,\n  popperStyles,\n  popperAttributes,\n  children,\n  showPopover,\n  setArrowElement,\n  setIsAnimating,\n  arrowStyle,\n  withoutArrow,\n  withoutAnimation,\n  animationDuration,\n  zIndex,\n}: PopoverContentPropsT): JSX.Element => {\n  const checkAnimationStatus = useCallback(() => {\n    if (!showPopover && !withoutAnimation) {\n      setIsAnimating(false);\n    }\n  }, [showPopover, withoutAnimation, setIsAnimating]);\n\n  const popperContent = useMemo(\n    () => (\n      <>\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      </>\n    ),\n    [children, withoutArrow, arrowStyle, popperAttributes, setArrowElement],\n  );\n  return (\n    <StyledPopoverContentWrapper zIndex={zIndex} ref={setPopperElement} style={popperStyles} {...popperAttributes}>\n      <StyledAnimatedPopper\n        showPopover={showPopover}\n        animationDuration={animationDuration}\n        withoutAnimation={withoutAnimation}\n        onAnimationEnd={checkAnimationStatus}\n      >\n        {popperContent}\n      </StyledAnimatedPopper>\n    </StyledPopoverContentWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAC5C,0BAA6B;AAE7B,oBAAkE;AAE3D,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACuC;AACvC,QAAM,uBAAuB,8BAAY,MAAM;AAC7C,QAAI,CAAC,eAAe,CAAC,kBAAkB;AACrC,qBAAe;AAAA;AAAA,KAEhB,CAAC,aAAa,kBAAkB;AAEnC,QAAM,gBAAgB,0BACpB,MACE,wFACG,UACA,iBAAiB,QAChB,wFACE,mDAAC,kCAAD;AAAA,IACE,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,WAAW,mBAAmB,iBAAiB,2BAA2B;AAAA,MAE5E,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAiB,OAAO;AAAA,QAElC,OAGR,CAAC,UAAU,cAAc,YAAY,kBAAkB;AAEzD,SACE,mDAAC,2CAAD;AAAA,IAA6B;AAAA,IAAgB,KAAK;AAAA,IAAkB,OAAO;AAAA,OAAkB;AAAA,KAC3F,mDAAC,oCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,KAEf;AAAA;",
-  "names": []
-}

package/dist/cjs/config/useConfigDSPopperjs.js

@@ -1,69 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useConfigDSPopperjs_exports = {};
-__export(useConfigDSPopperjs_exports, {
-  useConfigDSPopperjs: () => useConfigDSPopperjs
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_react_popper = require("react-popper");
-var import_useConfiguredMergedProps = require("./useConfiguredMergedProps");
-var import_useOnClickOutside = require("../utils/hooks/useOnClickOutside");
-const useConfigDSPopperjs = (appProps) => {
-  const [popperElement, setPopperElement] = (0, import_react.useState)(null);
-  const [arrowElement, setArrowElement] = (0, import_react.useState)(null);
-  const [isAnimating, setIsAnimating] = (0, import_react.useState)(false);
-  const props = (0, import_useConfiguredMergedProps.useConfiguredMergedProps)({ props: appProps, arrowElement });
-  const { referenceElement, closeContextMenu, onClickOutside, modifiers, startPlacementPreference } = props;
-  const popperExtraOpts = (0, import_react.useMemo)(() => ({ placement: startPlacementPreference, modifiers }), [modifiers, startPlacementPreference]);
-  const popoverHelper = (0, import_react_popper.usePopper)(referenceElement, popperElement, popperExtraOpts);
-  const { showPopover, withoutAnimation } = props;
-  (0, import_react.useEffect)(() => {
-    if (showPopover && !withoutAnimation) {
-      setIsAnimating(true);
-    }
-  }, [showPopover, withoutAnimation]);
-  (0, import_useOnClickOutside.useOnClickOutside)(popperElement, (e) => {
-    if (!referenceElement?.contains?.(e?.target)) {
-      onClickOutside(e);
-      closeContextMenu();
-    }
-  });
-  return (0, import_react.useMemo)(() => ({
-    props,
-    popperElement,
-    setPopperElement,
-    arrowElement,
-    setArrowElement,
-    popoverHelper,
-    isAnimating,
-    setIsAnimating
-  }), [arrowElement, popoverHelper, popperElement, isAnimating, props]);
-};
-module.exports = __toCommonJS(useConfigDSPopperjs_exports);
-//# sourceMappingURL=useConfigDSPopperjs.js.map

package/dist/cjs/config/useConfigDSPopperjs.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/config/useConfigDSPopperjs.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useMemo, useState, useEffect } 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  const [isAnimating, setIsAnimating] = useState<boolean>(false);\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  const { showPopover, withoutAnimation } = props;\n\n  useEffect(() => {\n    if (showPopover && !withoutAnimation) {\n      setIsAnimating(true);\n    }\n  }, [showPopover, withoutAnimation]);\n\n  useOnClickOutside(popperElement, (e) => {\n    if (!referenceElement?.contains?.(e?.target)) {\n      onClickOutside(e);\n      closeContextMenu();\n    }\n  });\n\n  return useMemo(\n    () => ({\n      props,\n      popperElement,\n      setPopperElement,\n      arrowElement,\n      setArrowElement,\n      popoverHelper,\n      isAnimating,\n      setIsAnimating,\n    }),\n    [arrowElement, popoverHelper, popperElement, isAnimating, props],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA6C;AAC7C,0BAA0B;AAC1B,sCAAyC;AAGzC,+BAAkC;AAE3B,MAAM,sBAAsB,CAAC,aAAsD;AACxF,QAAM,CAAC,eAAe,oBAAoB,2BAAS;AACnD,QAAM,CAAC,cAAc,mBAAmB,2BAAS;AACjD,QAAM,CAAC,aAAa,kBAAkB,2BAAkB;AAExD,QAAM,QAAQ,8DAAyB,EAAE,OAAO,UAAU;AAC1D,QAAM,EAAE,kBAAkB,kBAAkB,gBAAgB,WAAW,6BAA6B;AACpG,QAAM,kBAAkB,0BACtB,MAAO,GAAE,WAAW,0BAA0B,cAC9C,CAAC,WAAW;AAGd,QAAM,gBAAgB,mCAAU,kBAAkB,eAAe;AAEjE,QAAM,EAAE,aAAa,qBAAqB;AAE1C,8BAAU,MAAM;AACd,QAAI,eAAe,CAAC,kBAAkB;AACpC,qBAAe;AAAA;AAAA,KAEhB,CAAC,aAAa;AAEjB,kDAAkB,eAAe,CAAC,MAAM;AACtC,QAAI,CAAC,kBAAkB,WAAW,GAAG,SAAS;AAC5C,qBAAe;AACf;AAAA;AAAA;AAIJ,SAAO,0BACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,cAAc,eAAe,eAAe,aAAa;AAAA;",
-  "names": []
-}

package/dist/cjs/config/useConfiguredDefaultModifiers.js

@@ -1,89 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useConfiguredDefaultModifiers_exports = {};
-__export(useConfiguredDefaultModifiers_exports, {
-  useConfiguredDefaultModifiers: () => useConfiguredDefaultModifiers
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-const useConfiguredDefaultModifiers = ({ props, arrowElement }) => {
-  const {
-    boundaryElement: explicitAppBoundaryElement,
-    withoutArrow: explicitAppWithoutArrow = false,
-    placementOrderPreference: explicitPlacementOrderPreference = ["top", "bottom", "left", "right"],
-    customOffset: explictAppOffset = void 0
-  } = props;
-  const defaultModifiers = (0, import_react.useMemo)(() => {
-    const mod = [];
-    mod.push({ name: "hide", enabled: true });
-    mod.push({
-      name: "flip",
-      options: {
-        fallbackPlacements: explicitPlacementOrderPreference
-      }
-    });
-    if (!explicitAppWithoutArrow || explictAppOffset) {
-      const defaultOffset = explictAppOffset || [0, 14];
-      mod.push({
-        name: "offset",
-        enabled: true,
-        options: {
-          offset: defaultOffset
-        }
-      });
-    }
-    if (!explicitAppWithoutArrow)
-      mod.push({
-        name: "arrow",
-        options: {
-          element: arrowElement,
-          padding: 18
-        }
-      });
-    if (explicitAppBoundaryElement)
-      mod.push({
-        name: "preventOverflow",
-        options: {
-          boundary: explicitAppBoundaryElement
-        }
-      });
-    return mod;
-  }, [
-    arrowElement,
-    explicitAppBoundaryElement,
-    explicitAppWithoutArrow,
-    explicitPlacementOrderPreference,
-    explictAppOffset
-  ]);
-  const { modifiers: explicitAppModifiers = defaultModifiers } = props;
-  return (0, import_react.useMemo)(() => ({
-    modifiers: explicitAppModifiers
-  }), [explicitAppModifiers]);
-};
-module.exports = __toCommonJS(useConfiguredDefaultModifiers_exports);
-//# sourceMappingURL=useConfiguredDefaultModifiers.js.map

package/dist/cjs/config/useConfiguredDefaultModifiers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/config/useConfiguredDefaultModifiers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwB;AAEjB,MAAM,gCAAgC,CAAC,EAAE,OAAO,mBAAmB;AAExE,QAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,cAAc,0BAA0B;AAAA,IACxC,0BAA0B,mCAAmC,CAAC,OAAO,UAAU,QAAQ;AAAA,IACvF,cAAc,mBAAmB;AAAA,MAC/B;AAEJ,QAAM,mBAAmB,0BAAQ,MAAM;AACrC,UAAM,MAAM;AACZ,QAAI,KAAK,EAAE,MAAM,QAAQ,SAAS;AAClC,QAAI,KAAK;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,QACP,oBAAoB;AAAA;AAAA;AAIxB,QAAI,CAAC,2BAA2B,kBAAkB;AAChD,YAAM,gBAAgB,oBAAoB,CAAC,GAAG;AAC9C,UAAI,KAAK;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,UACP,QAAQ;AAAA;AAAA;AAAA;AAKd,QAAI,CAAC;AACH,UAAI,KAAK;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,UACP,SAAS;AAAA,UACT,SAAS;AAAA;AAAA;AAKf,QAAI;AACF,UAAI,KAAK;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,UACP,UAAU;AAAA;AAAA;AAGhB,WAAO;AAAA,KACN;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,EAAE,WAAW,uBAAuB,qBAAqB;AAE/D,SAAO,0BACL,MAAO;AAAA,IACL,WAAW;AAAA,MAEb,CAAC;AAAA;",
-  "names": []
-}

package/dist/cjs/config/useConfiguredDefaultProps.js

@@ -1,62 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useConfiguredDefaultProps_exports = {};
-__export(useConfiguredDefaultProps_exports, {
-  useConfiguredDefaultProps: () => useConfiguredDefaultProps
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_useConfiguredDefaultModifiers = require("./useConfiguredDefaultModifiers");
-const noop = () => {
-};
-const emptyObj = {};
-const useConfiguredDefaultProps = ({ props, arrowElement }) => {
-  const staticDefaultProps = (0, import_react.useMemo)(() => ({
-    referenceElement: null,
-    showPopover: false,
-    closeContextMenu: noop,
-    onClickOutside: noop,
-    withoutPortal: false,
-    withoutArrow: false,
-    withoutAnimation: false,
-    animationDuration: 100,
-    portalDOMContainer: document.body,
-    startPlacementPreference: "top",
-    placementOrderPreference: ["top", "bottom", "left", "right"],
-    zIndex: 1,
-    extraPopperStyles: emptyObj
-  }), []);
-  const { modifiers: configuredModifiers } = (0, import_useConfiguredDefaultModifiers.useConfiguredDefaultModifiers)({
-    props,
-    arrowElement
-  });
-  const defaultProps = (0, import_react.useMemo)(() => ({ ...staticDefaultProps, modifiers: configuredModifiers }), [configuredModifiers, staticDefaultProps]);
-  return defaultProps;
-};
-module.exports = __toCommonJS(useConfiguredDefaultProps_exports);
-//# sourceMappingURL=useConfiguredDefaultProps.js.map

package/dist/cjs/config/useConfiguredDefaultProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/config/useConfiguredDefaultProps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "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      withoutAnimation: false,\n      animationDuration: 100,\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwB;AACxB,2CAA8C;AAG9C,MAAM,OAAO,MAAM;AAAA;AAEnB,MAAM,WAAW;AAEV,MAAM,4BAA4B,CAAC,EAAE,OAAO,mBAAmB;AAEpE,QAAM,qBAAqB,0BACzB,MAAO;AAAA,IACL,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,oBAAoB,SAAS;AAAA,IAC7B,0BAA0B;AAAA,IAC1B,0BAA0B,CAAC,OAAO,UAAU,QAAQ;AAAA,IACpD,QAAQ;AAAA,IACR,mBAAmB;AAAA,MAErB;AAEF,QAAM,EAAE,WAAW,wBAAwB,wEAA8B;AAAA,IACvE;AAAA,IACA;AAAA;AAGF,QAAM,eAAe,0BACnB,MAAO,MAAK,oBAAoB,WAAW,wBAC3C,CAAC,qBAAqB;AAGxB,SAAO;AAAA;",
-  "names": []
-}