@elliemae/ds-popperjs 2.2.0-next.3 → 2.3.0-alpha.1

package/cjs/config/useConfiguredDefaultProps.js

@@ -1,34 +1,42 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var react = require('react');
-var useConfiguredDefaultModifiers = require('./useConfiguredDefaultModifiers.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const noop = () => {};
-
+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 = _ref => {
-  let {
-    props,
-    arrowElement
-  } = _ref;
-  // don't move this out of the hook or `document.body` will explode
-  const staticDefaultProps = react.useMemo(() => ({
+const useConfiguredDefaultProps = ({ props, arrowElement }) => {
+  const staticDefaultProps = (0, import_react.useMemo)(() => ({
     referenceElement: null,
     showPopover: false,
     closeContextMenu: noop,
@@ -38,21 +46,17 @@ const useConfiguredDefaultProps = _ref => {
     withoutAnimation: false,
     animationDuration: 100,
     portalDOMContainer: document.body,
-    startPlacementPreference: 'top',
-    placementOrderPreference: ['top', 'bottom', 'left', 'right'],
+    startPlacementPreference: "top",
+    placementOrderPreference: ["top", "bottom", "left", "right"],
     zIndex: 1,
     extraPopperStyles: emptyObj
   }), []);
-  const {
-    modifiers: configuredModifiers
-  } = useConfiguredDefaultModifiers.useConfiguredDefaultModifiers({
+  const { modifiers: configuredModifiers } = (0, import_useConfiguredDefaultModifiers.useConfiguredDefaultModifiers)({
     props,
     arrowElement
   });
-  const defaultProps = react.useMemo(() => _objectSpread(_objectSpread({}, staticDefaultProps), {}, {
-    modifiers: configuredModifiers
-  }), [configuredModifiers, staticDefaultProps]);
+  const defaultProps = (0, import_react.useMemo)(() => ({ ...staticDefaultProps, modifiers: configuredModifiers }), [configuredModifiers, staticDefaultProps]);
   return defaultProps;
 };
-
-exports.useConfiguredDefaultProps = useConfiguredDefaultProps;
+module.exports = __toCommonJS(useConfiguredDefaultProps_exports);
+//# sourceMappingURL=useConfiguredDefaultProps.js.map

package/cjs/config/useConfiguredDefaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "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": []
+}

package/cjs/config/useConfiguredMergedProps.js

@@ -1,20 +1,40 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var useConfiguredDefaultProps = require('./useConfiguredDefaultProps.js');
-
-const useConfiguredMergedProps = _ref => {
-  let {
-    props,
-    arrowElement
-  } = _ref;
-  const defaultProps = useConfiguredDefaultProps.useConfiguredDefaultProps({
-    props,
-    arrowElement
-  });
-  return dsPropsHelpers.useMemoMergePropsWithDefault(props, defaultProps);
+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 });
 };
-
-exports.useConfiguredMergedProps = useConfiguredMergedProps;
+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 useConfiguredMergedProps_exports = {};
+__export(useConfiguredMergedProps_exports, {
+  useConfiguredMergedProps: () => useConfiguredMergedProps
+});
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_useConfiguredDefaultProps = require("./useConfiguredDefaultProps");
+const useConfiguredMergedProps = ({ props, arrowElement }) => {
+  const defaultProps = (0, import_useConfiguredDefaultProps.useConfiguredDefaultProps)({ props, arrowElement });
+  return (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, defaultProps);
+};
+module.exports = __toCommonJS(useConfiguredMergedProps_exports);
+//# sourceMappingURL=useConfiguredMergedProps.js.map

package/cjs/config/useConfiguredMergedProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useConfiguredMergedProps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { useConfiguredDefaultProps } from './useConfiguredDefaultProps';\n\nexport const useConfiguredMergedProps = ({ props, arrowElement }) => {\n  const defaultProps = useConfiguredDefaultProps({ props, arrowElement });\n\n  return useMemoMergePropsWithDefault(props, defaultProps);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA6C;AAC7C,uCAA0C;AAEnC,MAAM,2BAA2B,CAAC,EAAE,OAAO,mBAAmB;AACnE,QAAM,eAAe,gEAA0B,EAAE,OAAO;AAExD,SAAO,0DAA6B,OAAO;AAAA;",
+  "names": []
+}

package/cjs/index.d.js

@@ -1,2 +1,27 @@
-'use strict';
-
+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 __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 index_d_exports = {};
+var React = __toESM(require("react"));
+module.exports = __toCommonJS(index_d_exports);
+//# sourceMappingURL=index.d.js.map

package/cjs/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.d.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type React from 'react';\nexport type PopperPlacementsT =\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';\nexport interface popperStylesT {\n  [key: string]: React.CSSProperties;\n  arrow?: React.CSSProperties;\n  popper?: React.CSSProperties;\n}\nexport interface popperAttributesT {\n  [key: string]: { [key: string]: string };\n  popper?: { [key: string]: string };\n  'data-popper-placement'?: string;\n}\nexport interface PopoverContentPropsT {\n  setPopperElement: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n  popperStyles: popperStylesT['popper'];\n  arrowStyle: popperStylesT['arrow'];\n  popperAttributes: popperAttributesT['popper'];\n  children: JSX.Element | JSX.Element[];\n  setArrowElement: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n  withoutArrow: boolean;\n  withoutAnimation: boolean;\n  animationDuration: number;\n  zIndex: number;\n  showPopover: boolean;\n  setIsAnimating: React.Dispatch<React.SetStateAction<boolean>>;\n}\nexport interface useDSPopperjsPropsArgT {\n  referenceElement: React.Ref<HTMLElement>;\n  showPopover: boolean;\n  closeContextMenu?: () => void;\n  onClickOutside?: () => void;\n  withoutPortal?: boolean;\n  withoutArrow?: boolean;\n  withoutAnimation?: boolean;\n  animationDuration?: number;\n  boundaryElement?: HTMLElement;\n  portalDOMContainer?: HTMLElement;\n  placementOrderPreference?: PopperPlacementsT[];\n  startPlacementPreference?: PopperPlacementsT;\n  modifiers?: Record<string, unknown>[];\n  customOffset?: [number, number];\n  zIndex?: number;\n  extraPopperStyles?: Record<string, unknown>;\n}\nexport interface useDSPopperjsRT {\n  props: useDSPopperjsPropsArgT;\n  popperElement: React.Ref<HTMLElement>;\n  setIsAnimating: React.Dispatch<React.SetStateAction<boolean>>;\n  isAnimating: boolean;\n  setPopperElement: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n  arrowElement: React.Ref<HTMLElement>;\n  setArrowElement: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n  popoverHelper: {\n    styles: popperStylesT;\n    attributes: popperAttributesT;\n  };\n}\nexport interface DSDSPopperjsPropsT extends useDSPopperjsPropsArgT {\n  children: JSX.Element | JSX.Element[];\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/cjs/index.js

@@ -1,32 +1,44 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var react = require('react');
-var reactDom = require('react-dom');
-var reactDesc = require('react-desc');
-var propTypes = require('./propTypes.js');
-var PopoverContent = require('./PopoverContent.js');
-var useConfigDSPopperjs = require('./config/useConfigDSPopperjs.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSPopperJS = props => {
+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 src_exports = {};
+__export(src_exports, {
+  DSPopperJS: () => DSPopperJS,
+  DSPopperJSWithSchema: () => DSPopperJSWithSchema,
+  default: () => src_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_dom = require("react-dom");
+var import_react_desc = require("react-desc");
+var import_propTypes = require("./propTypes");
+var import_PopoverContent = require("./PopoverContent");
+var import_useConfigDSPopperjs = require("./config/useConfigDSPopperjs");
+const DSPopperJS = (props) => {
   const {
     props: {
       showPopover,
@@ -43,43 +55,47 @@ const DSPopperJS = props => {
     setIsAnimating,
     popoverHelper,
     isAnimating
-  } = useConfigDSPopperjs.useConfigDSPopperjs(props);
-  const {
-    children
-  } = props;
-  const {
-    styles,
-    attributes
-  } = popoverHelper;
-  const contentJSX = react.useMemo(() => /*#__PURE__*/_jsx__default["default"](PopoverContent.PopoverContent, {
-    setPopperElement: setPopperElement,
-    popperStyles: _objectSpread(_objectSpread({}, styles.popper), extraPopperStyles),
+  } = (0, import_useConfigDSPopperjs.useConfigDSPopperjs)(props);
+  const { children } = props;
+  const { styles, attributes } = popoverHelper;
+  const contentJSX = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_PopoverContent.PopoverContent, {
+    setPopperElement,
+    popperStyles: { ...styles.popper, ...extraPopperStyles },
     popperAttributes: attributes.popper,
-    setArrowElement: setArrowElement,
+    setArrowElement,
     arrowStyle: styles.arrow,
-    withoutArrow: withoutArrow,
-    withoutAnimation: withoutAnimation,
-    animationDuration: animationDuration,
-    zIndex: zIndex,
-    showPopover: showPopover,
-    setIsAnimating: setIsAnimating
-  }, void 0, children), [attributes.popper, children, setIsAnimating, showPopover, extraPopperStyles, setArrowElement, setPopperElement, styles.arrow, styles.popper, withoutArrow, withoutAnimation, animationDuration, zIndex]);
-
+    withoutArrow,
+    withoutAnimation,
+    animationDuration,
+    zIndex,
+    showPopover,
+    setIsAnimating
+  }, children), [
+    attributes.popper,
+    children,
+    setIsAnimating,
+    showPopover,
+    extraPopperStyles,
+    setArrowElement,
+    setPopperElement,
+    styles.arrow,
+    styles.popper,
+    withoutArrow,
+    withoutAnimation,
+    animationDuration,
+    zIndex
+  ]);
   if (showPopover || isAnimating) {
-    if (withoutPortal === true) return contentJSX;
-    if (withoutPortal === false) return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: contentJSX
-      }), portalDOMContainer)
-    });
+    if (withoutPortal === true)
+      return contentJSX;
+    if (withoutPortal === false)
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (0, import_react_dom.createPortal)(/* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, contentJSX), portalDOMContainer));
   }
-
   return null;
 };
-
-const 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;
+DSPopperJS.propTypes = import_propTypes.dspopperjsPropTypes;
+const DSPopperJSWithSchema = (0, import_react_desc.describe)(DSPopperJS).description("A dimsum custom styling wrapper on top of popperjs");
+DSPopperJSWithSchema.propTypes = import_propTypes.dspopperjsPropTypes;
+var src_default = DSPopperJS;
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "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: {\n      showPopover,\n      withoutAnimation,\n      animationDuration,\n      withoutPortal,\n      withoutArrow,\n      portalDOMContainer,\n      zIndex,\n      extraPopperStyles,\n    },\n    setPopperElement,\n    setArrowElement,\n    setIsAnimating,\n    popoverHelper,\n    isAnimating,\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, ...extraPopperStyles }}\n        popperAttributes={attributes.popper}\n        setArrowElement={setArrowElement}\n        arrowStyle={styles.arrow}\n        withoutArrow={withoutArrow}\n        withoutAnimation={withoutAnimation}\n        animationDuration={animationDuration}\n        zIndex={zIndex}\n        showPopover={showPopover}\n        setIsAnimating={setIsAnimating}\n      >\n        {children}\n      </PopoverContent>\n    ),\n    [\n      attributes.popper,\n      children,\n      setIsAnimating,\n      showPopover,\n      extraPopperStyles,\n      setArrowElement,\n      setPopperElement,\n      styles.arrow,\n      styles.popper,\n      withoutArrow,\n      withoutAnimation,\n      animationDuration,\n      zIndex,\n    ],\n  );\n  if (showPopover || isAnimating) {\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAC/B,uBAA6B;AAC7B,wBAAyB;AACzB,uBAAoC;AACpC,4BAA+B;AAC/B,iCAAoC;AAGpC,MAAM,aAAa,CAAC,UAA2C;AAC7D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,oDAAoB;AACxB,QAAM,EAAE,aAAa;AACrB,QAAM,EAAE,QAAQ,eAAe;AAC/B,QAAM,aAAa,0BACjB,MACE,mDAAC,sCAAD;AAAA,IACE;AAAA,IACA,cAAc,KAAK,OAAO,WAAW;AAAA,IACrC,kBAAkB,WAAW;AAAA,IAC7B;AAAA,IACA,YAAY,OAAO;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,WAGL;AAAA,IACE,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGJ,MAAI,eAAe,aAAa;AAC9B,QAAI,kBAAkB;AAAM,aAAO;AACnC,QAAI,kBAAkB;AAAO,aAAO,wFAAG,mCAAa,wFAAG,aAAgB;AAAA;AAEzE,SAAO;AAAA;AAGT,WAAW,YAAY;AAEvB,MAAM,uBAAuB,gCAAS,YAAY,YAAY;AAC9D,qBAAqB,YAAY;AAGjC,IAAO,cAAQ;",
+  "names": []
+}

package/cjs/propTypes.js

@@ -1,85 +1,80 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
+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 propTypes_exports = {};
+__export(propTypes_exports, {
+  dspopperjsPropTypes: () => dspopperjsPropTypes
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
 const 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),
-
-  /**
-   *  Whether or not the popper context menu should be animated
-   */
-  withoutAnimation: reactDesc.PropTypes.bool.description('Whether or not the popper context menu should be animated').defaultValue(false),
-
-  /**
-   *  Popper context menus Animation duration in ms
-   */
-  animationDuration: reactDesc.PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),
-
-  /**
-   *  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),
-  extraPopperStyles: reactDesc.PropTypes.object.description('Extra object styles to attach to the popper element').defaultValue({}),
-  onClickOutside: reactDesc.PropTypes.func.description('Callback triggered when clicking outside the popper').defaultValue(() => null),
-  children: reactDesc.PropTypes.node.description('The content of the popper').defaultValue(undefined)
+  referenceElement: import_react_desc.PropTypes.element.description("popperjs DOM referenceElement").isRequired,
+  showPopover: import_react_desc.PropTypes.bool.description("whether or not to show the popper content").isRequired,
+  closeContextMenu: import_react_desc.PropTypes.func.description('Callback to close the context menu, used for "on click outside", if not provided click outside will not trigger anything').defaultValue("() => {}"),
+  withoutPortal: import_react_desc.PropTypes.bool.description("Whether or not the popper content should appear in a DOM portal or not").defaultValue(true),
+  withoutArrow: import_react_desc.PropTypes.bool.description("Whether or not the popper context menu should print the arrow").defaultValue(false),
+  withoutAnimation: import_react_desc.PropTypes.bool.description("Whether or not the popper context menu should be animated").defaultValue(false),
+  animationDuration: import_react_desc.PropTypes.number.description("Popper context menus Animation duration in ms").defaultValue(100),
+  boundaryElement: import_react_desc.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(void 0),
+  portalDOMContainer: import_react_desc.PropTypes.element.description("When using portal, the container in which to append the DOM content, defaults to document body").defaultValue(void 0),
+  startPlacementPreference: import_react_desc.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'"),
+  placementOrderPreference: import_react_desc.PropTypes.arrayOf(import_react_desc.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']"),
+  zIndex: import_react_desc.PropTypes.number.description("popperjs content z-index").defaultValue(1),
+  customOffset: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.number).description("placement offset array").defaultValue(1),
+  modifiers: import_react_desc.PropTypes.array.description("modifiers array for full-custom popper-js override, https://popper.js.org/docs/v2/modifiers/").defaultValue(1),
+  extraPopperStyles: import_react_desc.PropTypes.object.description("Extra object styles to attach to the popper element").defaultValue({}),
+  onClickOutside: import_react_desc.PropTypes.func.description("Callback triggered when clicking outside the popper").defaultValue(() => null),
+  children: import_react_desc.PropTypes.node.description("The content of the popper").defaultValue(void 0)
 };
-
-exports.dspopperjsPropTypes = dspopperjsPropTypes;
+module.exports = __toCommonJS(propTypes_exports);
+//# sourceMappingURL=propTypes.js.map

package/cjs/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "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   *  Whether or not the popper context menu should be animated\n   */\n  withoutAnimation: PropTypes.bool\n    .description('Whether or not the popper context menu should be animated')\n    .defaultValue(false),\n  /**\n   *  Popper context menus Animation duration in ms\n   */\n  animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),\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  extraPopperStyles: PropTypes.object\n    .description('Extra object styles to attach to the popper element')\n    .defaultValue({}),\n  onClickOutside: PropTypes.func\n    .description('Callback triggered when clicking outside the popper')\n    .defaultValue(() => null),\n  children: PropTypes.node.description('The content of the popper').defaultValue(undefined),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,sBAAsB;AAAA,EAIjC,kBAAkB,4BAAU,QAAQ,YAAY,iCAAiC;AAAA,EAIjF,aAAa,4BAAU,KAAK,YAAY,6CAA6C;AAAA,EAKrF,kBAAkB,4BAAU,KACzB,YACC,4HAGD,aAAa;AAAA,EAIhB,eAAe,4BAAU,KACtB,YAAY,0EACZ,aAAa;AAAA,EAIhB,cAAc,4BAAU,KACrB,YAAY,iEACZ,aAAa;AAAA,EAIhB,kBAAkB,4BAAU,KACzB,YAAY,6DACZ,aAAa;AAAA,EAIhB,mBAAmB,4BAAU,OAAO,YAAY,iDAAiD,aAAa;AAAA,EAK9G,iBAAiB,4BAAU,QACxB,YACC,gKAGD,aAAa;AAAA,EAIhB,oBAAoB,4BAAU,QAC3B,YAAY,kGACZ,aAAa;AAAA,EAIhB,0BAA0B,4BAAU,MAAM;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,YAAY,iEACZ,aAAa;AAAA,EAIhB,0BAA0B,4BAAU,QAClC,4BAAU,MAAM;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAGD,YAAY,2EACZ,aAAa;AAAA,EAIhB,QAAQ,4BAAU,OAAO,YAAY,4BAA4B,aAAa;AAAA,EAI9E,cAAc,4BAAU,QAAQ,4BAAU,QAAQ,YAAY,0BAA0B,aAAa;AAAA,EAKrG,WAAW,4BAAU,MAClB,YAAY,gGACZ,aAAa;AAAA,EAChB,mBAAmB,4BAAU,OAC1B,YAAY,uDACZ,aAAa;AAAA,EAChB,gBAAgB,4BAAU,KACvB,YAAY,uDACZ,aAAa,MAAM;AAAA,EACtB,UAAU,4BAAU,KAAK,YAAY,6BAA6B,aAAa;AAAA;",
+  "names": []
+}