@elliemae/ds-popper 2.3.1 → 3.0.0-alpha.3

package/dist/cjs/getArrowStylesBySize.js

@@ -0,0 +1,73 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+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 getArrowStylesBySize_exports = {};
+__export(getArrowStylesBySize_exports, {
+  default: () => getArrowStylesBySize_default,
+  getArrowStylesBySize: () => getArrowStylesBySize
+});
+var React = __toESM(require("react"));
+const getArrowStylesBySize = (position, size = 30) => {
+  const basePosition = position && position.split("-")[0];
+  return __spreadValues({
+    borderWidth: size
+  }, {
+    top: {
+      top: "100% !important",
+      transform: `rotateZ(${180}deg)`
+    },
+    right: {
+      right: "100%",
+      transform: `rotateZ(${-90}deg)`
+    },
+    bottom: {
+      bottom: "100%",
+      transform: `rotateZ(${0}deg)`
+    },
+    left: {
+      left: "100%",
+      transform: `rotateZ(${90}deg)`
+    }
+  }[basePosition]);
+};
+var getArrowStylesBySize_default = getArrowStylesBySize;
+module.exports = __toCommonJS(getArrowStylesBySize_exports);
+//# sourceMappingURL=getArrowStylesBySize.js.map

package/dist/cjs/getArrowStylesBySize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/getArrowStylesBySize.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const getArrowStylesBySize = (position, size = 30) => {\n  const basePosition = position && position.split('-')[0];\n  return {\n    borderWidth: size,\n    ...{\n      top: {\n        top: '100% !important',\n        transform: `rotateZ(${180}deg)`,\n      },\n      right: {\n        right: '100%',\n        transform: `rotateZ(${-90}deg)`,\n      },\n      bottom: {\n        bottom: '100%',\n        transform: `rotateZ(${0}deg)`,\n      },\n      left: {\n        left: '100%',\n        transform: `rotateZ(${90}deg)`,\n      },\n    }[basePosition],\n  };\n};\n\nexport default getArrowStylesBySize;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,uBAAuB,CAAC,UAAU,OAAO,OAAO;AAC3D,QAAM,eAAe,YAAY,SAAS,MAAM,KAAK;AACrD,SAAO;AAAA,IACL,aAAa;AAAA,KACV;AAAA,IACD,KAAK;AAAA,MACH,KAAK;AAAA,MACL,WAAW,WAAW;AAAA;AAAA,IAExB,OAAO;AAAA,MACL,OAAO;AAAA,MACP,WAAW,WAAW;AAAA;AAAA,IAExB,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,WAAW,WAAW;AAAA;AAAA,IAExB,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAW,WAAW;AAAA;AAAA,IAExB;AAAA;AAIN,IAAO,+BAAQ;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,37 @@
+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, {
+  default: () => import_DSPopper.default
+});
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./DSPopper"));
+__reExport(src_exports, require("./getArrowStylesBySize"));
+var import_DSPopper = __toESM(require("./DSPopper"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './DSPopper';\nexport * from './getArrowStylesBySize';\nexport { default } from './DSPopper';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AACd,sBAAwB;",
+  "names": []
+}

package/dist/cjs/interaction.js

@@ -0,0 +1,40 @@
+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 interaction_exports = {};
+__export(interaction_exports, {
+  Interaction: () => Interaction,
+  interactions: () => interactions
+});
+var React = __toESM(require("react"));
+const Interaction = {
+  CLICK: "click",
+  HOVER: "hover"
+};
+const interactions = [Interaction.CLICK, Interaction.HOVER];
+module.exports = __toCommonJS(interaction_exports);
+//# sourceMappingURL=interaction.js.map

package/dist/cjs/interaction.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/interaction.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const Interaction = {\n  CLICK: 'click',\n  HOVER: 'hover',\n};\n\nexport const interactions = [Interaction.CLICK, Interaction.HOVER];\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,OAAO;AAAA;AAGF,MAAM,eAAe,CAAC,YAAY,OAAO,YAAY;",
+  "names": []
+}

package/dist/cjs/positions.js

@@ -0,0 +1,69 @@
+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 positions_exports = {};
+__export(positions_exports, {
+  Position: () => Position,
+  positions: () => positions
+});
+var React = __toESM(require("react"));
+const Position = {
+  AUTO: "auto",
+  AUTO_START: "auto-start",
+  AUTO_END: "auto-end",
+  BOTTOM: "bottom",
+  BOTTOM_START: "bottom-start",
+  BOTTOM_END: "bottom-end",
+  LEFT: "left",
+  LEFT_END: "left-end",
+  LEFT_START: "left-start",
+  RIGHT: "right",
+  RIGHT_END: "right-end",
+  RIGHT_START: "right-start",
+  TOP: "top",
+  TOP_START: "top-start",
+  TOP_END: "top-end"
+};
+const positions = [
+  Position.AUTO_START,
+  Position.AUTO_END,
+  Position.AUTO,
+  Position.TOP_START,
+  Position.TOP,
+  Position.TOP_END,
+  Position.RIGHT_START,
+  Position.RIGHT,
+  Position.RIGHT_END,
+  Position.BOTTOM_START,
+  Position.BOTTOM,
+  Position.BOTTOM_END,
+  Position.LEFT_START,
+  Position.LEFT,
+  Position.LEFT_END
+];
+module.exports = __toCommonJS(positions_exports);
+//# sourceMappingURL=positions.js.map

package/dist/cjs/positions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/positions.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const Position = {\n  AUTO: 'auto',\n  AUTO_START: 'auto-start',\n  AUTO_END: 'auto-end',\n  BOTTOM: 'bottom',\n  BOTTOM_START: 'bottom-start',\n  BOTTOM_END: 'bottom-end',\n  LEFT: 'left',\n  LEFT_END: 'left-end',\n  LEFT_START: 'left-start',\n  RIGHT: 'right',\n  RIGHT_END: 'right-end',\n  RIGHT_START: 'right-start',\n  TOP: 'top',\n  TOP_START: 'top-start',\n  TOP_END: 'top-end',\n};\n\nexport const positions = [\n  Position.AUTO_START,\n  Position.AUTO_END,\n  Position.AUTO,\n  Position.TOP_START,\n  Position.TOP,\n  Position.TOP_END,\n  Position.RIGHT_START,\n  Position.RIGHT,\n  Position.RIGHT_END,\n  Position.BOTTOM_START,\n  Position.BOTTOM,\n  Position.BOTTOM_END,\n  Position.LEFT_START,\n  Position.LEFT,\n  Position.LEFT_END,\n];\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,WAAW;AAAA,EACtB,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA;AAGJ,MAAM,YAAY;AAAA,EACvB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA;",
+  "names": []
+}

package/dist/cjs/props.js

@@ -0,0 +1,89 @@
+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 props_exports = {};
+__export(props_exports, {
+  defaultProps: () => defaultProps,
+  popperProps: () => popperProps
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_positions = require("./positions");
+var import_interaction = require("./interaction");
+const popperProps = {
+  hideIfNotVisible: import_react_desc.PropTypes.bool.description("Hide menu component if trigger component is not visible/scrolled away"),
+  containerProps: import_react_desc.PropTypes.object.description("props to inject to popper wrapper"),
+  arrowGap: import_react_desc.PropTypes.number.description("Space between the arrow and the popup"),
+  onOpen: import_react_desc.PropTypes.func.description("callback for when menu changes from close to open"),
+  onClose: import_react_desc.PropTypes.func.description("callback for when menu changes from open to close"),
+  delayClose: import_react_desc.PropTypes.number.description("Time in ms to delay close of menu"),
+  delayOpen: import_react_desc.PropTypes.number.description("Time in ms to delay open of menu"),
+  onPlacementChange: import_react_desc.PropTypes.func.description("callback for when menu changes placement"),
+  arrowSize: import_react_desc.PropTypes.number.description("Arrow size"),
+  blockName: import_react_desc.PropTypes.oneOfType([
+    import_react_desc.PropTypes.string,
+    import_react_desc.PropTypes.object
+  ]).description("Bem blockname for the popper"),
+  triggerComponent: import_react_desc.PropTypes.element.description(`The component that will open/close the tooltip. 
+    Cannot be used with disabled elements. 
+    https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`).isRequired
+};
+const defaultProps = {
+  containerProps: {},
+  arrowGap: 8,
+  arrowSize: 6,
+  blockName: "",
+  contentOffset: null,
+  contentStyle: null,
+  contentComponent: () => null,
+  delayClose: 300,
+  delayOpen: 200,
+  interactionType: import_interaction.Interaction.CLICK,
+  onOpen: () => null,
+  onClose: () => null,
+  onPlacementChange: () => null,
+  placement: import_positions.Position.BOTTOM,
+  preventOverflow: "window",
+  showArrow: true,
+  closeAnimationConfig: {
+    to: { transform: "scale(0.8)", opacity: "0" },
+    config: { delay: 80, duration: 80 }
+  },
+  openAnimationConfig: {
+    to: { transform: "scale(1)", opacity: "1" },
+    config: { delay: 80, duration: 80 }
+  },
+  usePortal: true,
+  triggerComponent: () => null,
+  getTargetFromChildren: () => null,
+  getContentFromChildren: () => null,
+  modifiers: {},
+  triggerRef: () => null,
+  hideIfNotVisible: false
+};
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/dist/cjs/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\n\nexport const popperProps = {\n  /** Hide menu component if trigger component is not visible/scrolled away */\n  hideIfNotVisible: PropTypes.bool.description(\n    'Hide menu component if trigger component is not visible/scrolled away',\n  ),\n  /** props to inject to popper wrapper */\n  containerProps: PropTypes.object.description(\n    'props to inject to popper wrapper',\n  ),\n  /** Space between the arrow and the popup */\n  arrowGap: PropTypes.number.description(\n    'Space between the arrow and the popup',\n  ),\n  /** callback for when menu changes from close to open */\n  onOpen: PropTypes.func.description(\n    'callback for when menu changes from close to open',\n  ),\n  /** callback for when menu changes from open to close */\n  onClose: PropTypes.func.description(\n    'callback for when menu changes from open to close',\n  ),\n  /** Time in ms to delay close of menu */\n  delayClose: PropTypes.number.description('Time in ms to delay close of menu'),\n  /** Time in ms to delay open of menu */\n  delayOpen: PropTypes.number.description('Time in ms to delay open of menu'),\n  /** callback for when menu changes placement */\n  onPlacementChange: PropTypes.func.description(\n    'callback for when menu changes placement',\n  ),\n  /** Arrow size */\n  arrowSize: PropTypes.number.description('Arrow size'),\n  /** Bem blockname for the popper */\n  blockName: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.object,\n  ]).description('Bem blockname for the popper'),\n  triggerComponent: PropTypes.element.description(\n    `The component that will open/close the tooltip. \n    Cannot be used with disabled elements. \n    https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`,\n  ).isRequired,\n};\n\nexport const defaultProps = {\n  containerProps: {},\n  arrowGap: 8,\n  arrowSize: 6,\n  blockName: '',\n  contentOffset: null,\n  contentStyle: null,\n  contentComponent: () => null,\n  delayClose: 300,\n  delayOpen: 200,\n  interactionType: Interaction.CLICK,\n  onOpen: () => null,\n  onClose: () => null,\n  onPlacementChange: () => null,\n  placement: Position.BOTTOM,\n  preventOverflow: 'window',\n  showArrow: true,\n  closeAnimationConfig: {\n    to: { transform: 'scale(0.8)', opacity: '0' },\n    config: { delay: 80, duration: 80 },\n  },\n  openAnimationConfig: {\n    to: { transform: 'scale(1)', opacity: '1' },\n    config: { delay: 80, duration: 80 },\n  },\n  usePortal: true,\n  triggerComponent: () => null,\n  getTargetFromChildren: () => null,\n  getContentFromChildren: () => null,\n  modifiers: {},\n  triggerRef: () => null,\n  hideIfNotVisible: false,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,uBAAyB;AACzB,yBAA4B;AAErB,MAAM,cAAc;AAAA,EAEzB,kBAAkB,4BAAU,KAAK,YAC/B;AAAA,EAGF,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAGF,UAAU,4BAAU,OAAO,YACzB;AAAA,EAGF,QAAQ,4BAAU,KAAK,YACrB;AAAA,EAGF,SAAS,4BAAU,KAAK,YACtB;AAAA,EAGF,YAAY,4BAAU,OAAO,YAAY;AAAA,EAEzC,WAAW,4BAAU,OAAO,YAAY;AAAA,EAExC,mBAAmB,4BAAU,KAAK,YAChC;AAAA,EAGF,WAAW,4BAAU,OAAO,YAAY;AAAA,EAExC,WAAW,4BAAU,UAAU;AAAA,IAC7B,4BAAU;AAAA,IACV,4BAAU;AAAA,KACT,YAAY;AAAA,EACf,kBAAkB,4BAAU,QAAQ,YAClC;AAAA;AAAA,4EAGA;AAAA;AAGG,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,cAAc;AAAA,EACd,kBAAkB,MAAM;AAAA,EACxB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,iBAAiB,+BAAY;AAAA,EAC7B,QAAQ,MAAM;AAAA,EACd,SAAS,MAAM;AAAA,EACf,mBAAmB,MAAM;AAAA,EACzB,WAAW,0BAAS;AAAA,EACpB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,sBAAsB;AAAA,IACpB,IAAI,EAAE,WAAW,cAAc,SAAS;AAAA,IACxC,QAAQ,EAAE,OAAO,IAAI,UAAU;AAAA;AAAA,EAEjC,qBAAqB;AAAA,IACnB,IAAI,EAAE,WAAW,YAAY,SAAS;AAAA,IACtC,QAAQ,EAAE,OAAO,IAAI,UAAU;AAAA;AAAA,EAEjC,WAAW;AAAA,EACX,kBAAkB,MAAM;AAAA,EACxB,uBAAuB,MAAM;AAAA,EAC7B,wBAAwB,MAAM;AAAA,EAC9B,WAAW;AAAA,EACX,YAAY,MAAM;AAAA,EAClB,kBAAkB;AAAA;",
+  "names": []
+}

package/dist/esm/DSPopper.js

@@ -0,0 +1,88 @@
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import PopperImpl from "./PopperImpl";
+import { Position } from "./positions";
+import { Interaction } from "./interaction";
+import { popperProps, defaultProps } from "./props";
+const DSPopper = ({
+  containerProps,
+  arrowGap,
+  arrowSize,
+  blockName,
+  contentOffset,
+  contentStyle,
+  contentComponent,
+  delayClose,
+  delayOpen,
+  interactionType,
+  isOpen,
+  onOpen,
+  onClose,
+  onPlacementChange,
+  placement,
+  preventOverflow,
+  showArrow,
+  closeAnimationConfig,
+  openAnimationConfig,
+  usePortal,
+  triggerComponent,
+  wrapExtraComponent,
+  getTargetFromChildren,
+  getContentFromChildren,
+  modifiers,
+  triggerRef,
+  children: customPopper,
+  renderReference,
+  referenceNode,
+  zIndex,
+  hideIfNotVisible
+}) => /* @__PURE__ */ React2.createElement(PopperImpl, {
+  arrowGap,
+  arrowSize,
+  blockName,
+  closeAnimationConfig,
+  containerProps,
+  contentComponent,
+  contentOffset,
+  contentStyle,
+  delayClose,
+  delayOpen,
+  getContentFromChildren,
+  getTargetFromChildren,
+  interactionType,
+  isOpen,
+  modifiers,
+  onOpen,
+  onClose,
+  onPlacementChange,
+  openAnimationConfig,
+  placement,
+  preventOverflow,
+  referenceNode,
+  renderReference,
+  showArrow,
+  triggerComponent,
+  triggerRef,
+  usePortal,
+  wrapExtraComponent,
+  zIndex,
+  hideIfNotVisible
+}, customPopper);
+DSPopper.propTypes = popperProps;
+DSPopper.defaultProps = defaultProps;
+const DSPopperWithSchema = describe(DSPopper);
+DSPopperWithSchema.propTypes = popperProps;
+import { interactions } from "./interaction";
+import { positions } from "./positions";
+var DSPopper_default = DSPopper;
+export {
+  DSPopper,
+  DSPopperWithSchema,
+  Interaction as PopperInteractions,
+  Position as PopperPositions,
+  DSPopper_default as default,
+  interactions,
+  positions
+};
+//# sourceMappingURL=DSPopper.js.map

package/dist/esm/DSPopper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSPopper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport PopperImpl from './PopperImpl';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\nimport { popperProps, defaultProps } from './props';\n\nconst DSPopper = ({\n  containerProps,\n  arrowGap,\n  arrowSize,\n  blockName,\n  contentOffset,\n  contentStyle,\n  contentComponent,\n  delayClose,\n  delayOpen,\n  interactionType,\n  isOpen, // if this is set DSPopper would be a controlled component if not, an uncontrolled one\n  onOpen,\n  onClose,\n  onPlacementChange,\n  placement,\n  preventOverflow,\n  showArrow,\n  closeAnimationConfig,\n  openAnimationConfig,\n  usePortal,\n  triggerComponent,\n  wrapExtraComponent,\n  getTargetFromChildren,\n  getContentFromChildren,\n  modifiers,\n  triggerRef,\n  children: customPopper,\n  renderReference,\n  referenceNode,\n  zIndex,\n  hideIfNotVisible,\n}): JSX.Element => (\n  <PopperImpl\n    arrowGap={arrowGap}\n    arrowSize={arrowSize}\n    blockName={blockName}\n    closeAnimationConfig={closeAnimationConfig}\n    containerProps={containerProps}\n    contentComponent={contentComponent}\n    contentOffset={contentOffset}\n    contentStyle={contentStyle}\n    delayClose={delayClose}\n    delayOpen={delayOpen}\n    getContentFromChildren={getContentFromChildren}\n    getTargetFromChildren={getTargetFromChildren}\n    interactionType={interactionType}\n    isOpen={isOpen}\n    modifiers={modifiers}\n    onOpen={onOpen}\n    onClose={onClose}\n    onPlacementChange={onPlacementChange}\n    openAnimationConfig={openAnimationConfig}\n    placement={placement}\n    preventOverflow={preventOverflow}\n    referenceNode={referenceNode}\n    renderReference={renderReference}\n    showArrow={showArrow}\n    triggerComponent={triggerComponent}\n    triggerRef={triggerRef}\n    usePortal={usePortal}\n    wrapExtraComponent={wrapExtraComponent}\n    zIndex={zIndex}\n    hideIfNotVisible={hideIfNotVisible}\n  >\n    {customPopper}\n  </PopperImpl>\n);\n\n// @deprecated: There's the NEW (not finished) popover that uses its own popper implementation.\nDSPopper.propTypes = popperProps;\nDSPopper.defaultProps = defaultProps;\n\nconst DSPopperWithSchema = describe(DSPopper);\nDSPopperWithSchema.propTypes = popperProps;\n\nexport { Interaction as PopperInteractions, Position as PopperPositions, DSPopperWithSchema, DSPopper };\n\nexport { interactions } from './interaction';\nexport { positions } from './positions';\n\nexport default DSPopper;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC,YAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAEC;AAKL,SAAS,YAAY;AACrB,SAAS,eAAe;AAExB,MAAM,qBAAqB,SAAS;AACpC,mBAAmB,YAAY;AAI/B;AACA;AAEA,IAAO,mBAAQ;",
+  "names": []
+}

package/dist/esm/PopperContent.js

@@ -0,0 +1,131 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import React2, { PureComponent } from "react";
+import { Popper } from "@elliemae/react-popper";
+import { Keyframes, animated } from "react-spring/renderprops";
+import getComponentFromProps from "@elliemae/ds-utilities/getComponentFromProps";
+import DSOverlay from "@elliemae/ds-overlay";
+import { getArrowStylesBySize } from "./getArrowStylesBySize";
+const Content = Keyframes.Spring({});
+class PopperContent extends PureComponent {
+  constructor(props) {
+    super(props);
+    this.renderContent = this.renderContent.bind(this);
+    this.renderArrow = this.renderArrow.bind(this);
+    this.handleRestAnimation = this.handleRestAnimation.bind(this);
+  }
+  handleRestAnimation() {
+    const { isOpen, onContentDestroyed } = this.props;
+    if (!isOpen) {
+      onContentDestroyed();
+    }
+  }
+  renderArrow({ ref, style }, placement) {
+    const { blockName, showArrow } = this.props;
+    if (!showArrow)
+      return null;
+    return /* @__PURE__ */ React2.createElement("div", {
+      key: "popper-arrow",
+      ref,
+      className: `${blockName || "popper"}__arrow`,
+      "data-placement": placement,
+      style: __spreadValues(__spreadValues({}, style), getArrowStylesBySize(placement, 25))
+    }, /* @__PURE__ */ React2.createElement("svg", {
+      viewBox: "0 0 30 30"
+    }, /* @__PURE__ */ React2.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__ */ React2.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"
+    })));
+  }
+  renderContent({
+    ref,
+    style,
+    placement,
+    arrowProps,
+    scheduleUpdate,
+    outOfBoundaries
+  }) {
+    const {
+      contentComponent,
+      contentStyle,
+      isOpen,
+      closeAnimationConfig,
+      openAnimationConfig,
+      onMouseEnter,
+      onMouseLeave,
+      containerProps,
+      zIndex,
+      hideIfNotVisible
+    } = this.props;
+    const computedStyle = __spreadProps(__spreadValues(__spreadValues({}, style), contentStyle), {
+      zIndex
+    });
+    return /* @__PURE__ */ React2.createElement("div", __spreadProps(__spreadValues({}, containerProps), {
+      "data-placement": placement,
+      onMouseEnter,
+      onMouseLeave,
+      style: computedStyle,
+      "data-testid": "popper-container"
+    }), /* @__PURE__ */ React2.createElement(Content, {
+      native: true,
+      onRest: this.handleRestAnimation,
+      state: isOpen && (!outOfBoundaries || !hideIfNotVisible) ? "open" : "close",
+      states: {
+        open: __spreadProps(__spreadValues({}, openAnimationConfig), {
+          from: closeAnimationConfig.to
+        }),
+        close: closeAnimationConfig
+      }
+    }, (animationStyle) => /* @__PURE__ */ React2.createElement(animated.div, {
+      ref,
+      style: animationStyle
+    }, getComponentFromProps(contentComponent, { scheduleUpdate }, [
+      this.renderArrow(arrowProps, placement)
+    ]))));
+  }
+  render() {
+    const {
+      destroyed = false,
+      onClickOutside = () => null,
+      placement = "bottom-start",
+      modifiers = {},
+      referenceNode,
+      usePortal = true
+    } = this.props;
+    return /* @__PURE__ */ React2.createElement(DSOverlay, {
+      isOpen: !destroyed,
+      onClickOutside,
+      usePortal
+    }, /* @__PURE__ */ React2.createElement(Popper, {
+      modifiers,
+      placement,
+      referenceElement: referenceNode
+    }, this.renderContent));
+  }
+}
+PopperContent.defaultProps = { onContentDestroyed: () => null };
+export {
+  PopperContent as default
+};
+//# sourceMappingURL=PopperContent.js.map

package/dist/esm/PopperContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PopperContent.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { PureComponent } from 'react';\nimport { Popper } from '@elliemae/react-popper';\nimport { Keyframes, animated } from 'react-spring/renderprops';\nimport getComponentFromProps from '@elliemae/ds-utilities/getComponentFromProps';\nimport DSOverlay from '@elliemae/ds-overlay';\nimport { getArrowStylesBySize } from './getArrowStylesBySize';\n\nconst Content = Keyframes.Spring({});\n\nexport default class PopperContent extends PureComponent {\n  // eslint-disable-next-line react/static-property-placement\n  static defaultProps = { onContentDestroyed: () => null };\n\n  constructor(props) {\n    super(props);\n    this.renderContent = this.renderContent.bind(this);\n    this.renderArrow = this.renderArrow.bind(this);\n    this.handleRestAnimation = this.handleRestAnimation.bind(this);\n  }\n\n  handleRestAnimation() {\n    const { isOpen, onContentDestroyed } = this.props;\n    if (!isOpen) {\n      onContentDestroyed();\n    }\n  }\n\n  renderArrow({ ref, style }, placement) {\n    const { blockName, showArrow } = this.props;\n    if (!showArrow) return null;\n    return (\n      <div\n        key=\"popper-arrow\"\n        ref={ref}\n        className={`${blockName || 'popper'}__arrow`}\n        data-placement={placement}\n        style={{\n          ...style,\n          ...getArrowStylesBySize(placement, 25),\n        }}\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      </div>\n    );\n  }\n\n  renderContent({\n    ref,\n    style,\n    placement,\n    arrowProps,\n    scheduleUpdate,\n    outOfBoundaries,\n  }) {\n    const {\n      contentComponent,\n      contentStyle,\n      isOpen,\n      closeAnimationConfig,\n      openAnimationConfig,\n      onMouseEnter,\n      onMouseLeave,\n      containerProps,\n      zIndex,\n      hideIfNotVisible,\n    } = this.props;\n\n    const computedStyle = {\n      ...style,\n      ...contentStyle,\n      zIndex,\n    };\n    return (\n      <div\n        {...containerProps}\n        data-placement={placement}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        style={computedStyle}\n        data-testid=\"popper-container\"\n      >\n        <Content\n          native\n          onRest={this.handleRestAnimation}\n          state={\n            isOpen && (!outOfBoundaries || !hideIfNotVisible) ? 'open' : 'close'\n          }\n          states={{\n            open: {\n              ...openAnimationConfig,\n              from: closeAnimationConfig.to,\n            },\n            close: closeAnimationConfig,\n          }}\n        >\n          {(animationStyle) => (\n            <animated.div ref={ref} style={animationStyle}>\n              {getComponentFromProps(contentComponent, { scheduleUpdate }, [\n                this.renderArrow(arrowProps, placement),\n              ])}\n            </animated.div>\n          )}\n        </Content>\n      </div>\n    );\n  }\n\n  render() {\n    const {\n      destroyed = false,\n      onClickOutside = () => null,\n      placement = 'bottom-start',\n      modifiers = {},\n      referenceNode,\n      usePortal = true,\n    } = this.props;\n    return (\n      <DSOverlay\n        isOpen={!destroyed}\n        onClickOutside={onClickOutside}\n        usePortal={usePortal}\n      >\n        <Popper\n          modifiers={modifiers}\n          placement={placement}\n          referenceElement={referenceNode}\n        >\n          {this.renderContent}\n        </Popper>\n      </DSOverlay>\n    );\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,UAAU,OAAO;AAEjC,4BAA2C,cAAc;AAAA,EAIvD,YAAY,OAAO;AACjB,UAAM;AACN,SAAK,gBAAgB,KAAK,cAAc,KAAK;AAC7C,SAAK,cAAc,KAAK,YAAY,KAAK;AACzC,SAAK,sBAAsB,KAAK,oBAAoB,KAAK;AAAA;AAAA,EAG3D,sBAAsB;AACpB,UAAM,EAAE,QAAQ,uBAAuB,KAAK;AAC5C,QAAI,CAAC,QAAQ;AACX;AAAA;AAAA;AAAA,EAIJ,YAAY,EAAE,KAAK,SAAS,WAAW;AACrC,UAAM,EAAE,WAAW,cAAc,KAAK;AACtC,QAAI,CAAC;AAAW,aAAO;AACvB,WACE,qCAAC,OAAD;AAAA,MACE,KAAI;AAAA,MACJ;AAAA,MACA,WAAW,GAAG,aAAa;AAAA,MAC3B,kBAAgB;AAAA,MAChB,OAAO,kCACF,QACA,qBAAqB,WAAW;AAAA,OAGrC,qCAAC,OAAD;AAAA,MAAK,SAAQ;AAAA,OACX,qCAAC,QAAD;AAAA,MACE,WAAU;AAAA,MACV,GAAE;AAAA,QAGJ,qCAAC,QAAD;AAAA,MACE,WAAU;AAAA,MACV,GAAE;AAAA;AAAA;AAAA,EAOZ,cAAc;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KACC;AACD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AAET,UAAM,gBAAgB,gDACjB,QACA,eAFiB;AAAA,MAGpB;AAAA;AAEF,WACE,qCAAC,OAAD,iCACM,iBADN;AAAA,MAEE,kBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,eAAY;AAAA,QAEZ,qCAAC,SAAD;AAAA,MACE,QAAM;AAAA,MACN,QAAQ,KAAK;AAAA,MACb,OACE,UAAW,EAAC,mBAAmB,CAAC,oBAAoB,SAAS;AAAA,MAE/D,QAAQ;AAAA,QACN,MAAM,iCACD,sBADC;AAAA,UAEJ,MAAM,qBAAqB;AAAA;AAAA,QAE7B,OAAO;AAAA;AAAA,OAGR,CAAC,mBACA,qCAAC,SAAS,KAAV;AAAA,MAAc;AAAA,MAAU,OAAO;AAAA,OAC5B,sBAAsB,kBAAkB,EAAE,kBAAkB;AAAA,MAC3D,KAAK,YAAY,YAAY;AAAA;AAAA;AAAA,EAS3C,SAAS;AACP,UAAM;AAAA,MACJ,YAAY;AAAA,MACZ,iBAAiB,MAAM;AAAA,MACvB,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,QACV,KAAK;AACT,WACE,qCAAC,WAAD;AAAA,MACE,QAAQ,CAAC;AAAA,MACT;AAAA,MACA;AAAA,OAEA,qCAAC,QAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,OAEjB,KAAK;AAAA;AAAA;AA9HP,AAFT,cAES,eAAe,EAAE,oBAAoB,MAAM;",
+  "names": []
+}