@elliemae/ds-popper 2.2.0 → 2.3.0-alpha.3

package/esm/getArrowStylesBySize.js

@@ -1,37 +1,31 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/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(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 getArrowStylesBySize = function (position) {
-  let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 30;
-  const basePosition = position && position.split('-')[0];
-  return _objectSpread({
-    borderWidth: size
-  }, {
-    top: {
-      top: '100% !important',
-      transform: "rotateZ(".concat(180, "deg)")
-    },
-    right: {
-      right: '100%',
-      transform: "rotateZ(".concat(-90, "deg)")
-    },
-    bottom: {
-      bottom: '100%',
-      transform: "rotateZ(".concat(0, "deg)")
-    },
-    left: {
-      left: '100%',
-      transform: "rotateZ(".concat(90, "deg)")
-    }
-  }[basePosition]);
+import * as React from "react";
+const getArrowStylesBySize = (position, size = 30) => {
+  const basePosition = position && position.split("-")[0];
+  return {
+    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]
+  };
 };
-
-export { getArrowStylesBySize as default, getArrowStylesBySize };
+var getArrowStylesBySize_default = getArrowStylesBySize;
+export {
+  getArrowStylesBySize_default as default,
+  getArrowStylesBySize
+};
+//# sourceMappingURL=getArrowStylesBySize.js.map

package/esm/getArrowStylesBySize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/getArrowStylesBySize.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAO,MAAM,uBAAuB,CAAC,UAAU,OAAO,OAAO;AAC3D,QAAM,eAAe,YAAY,SAAS,MAAM,KAAK;AACrD,SAAO;AAAA,IACL,aAAa;AAAA,OACV;AAAA,MACD,KAAK;AAAA,QACH,KAAK;AAAA,QACL,WAAW,WAAW;AAAA;AAAA,MAExB,OAAO;AAAA,QACL,OAAO;AAAA,QACP,WAAW,WAAW;AAAA;AAAA,MAExB,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,WAAW,WAAW;AAAA;AAAA,MAExB,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,WAAW,WAAW;AAAA;AAAA,MAExB;AAAA;AAAA;AAIN,IAAO,+BAAQ;",
+  "names": []
+}

package/esm/index.js

@@ -1,4 +1,8 @@
-export { DSPopper, DSPopperWithSchema, DSPopper as default } from './DSPopper.js';
-export { getArrowStylesBySize } from './getArrowStylesBySize.js';
-export { Interaction as PopperInteractions, interactions } from './interaction.js';
-export { Position as PopperPositions, positions } from './positions.js';
+import * as React from "react";
+export * from "./DSPopper";
+export * from "./getArrowStylesBySize";
+import { default as default2 } from "./DSPopper";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

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

package/esm/interaction.js

@@ -1,7 +1,11 @@
+import * as React from "react";
 const Interaction = {
-  CLICK: 'click',
-  HOVER: 'hover'
+  CLICK: "click",
+  HOVER: "hover"
 };
 const interactions = [Interaction.CLICK, Interaction.HOVER];
-
-export { Interaction, interactions };
+export {
+  Interaction,
+  interactions
+};
+//# sourceMappingURL=interaction.js.map

package/esm/interaction.js.map

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

package/esm/positions.js

@@ -1,20 +1,40 @@
+import * as React from "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'
+  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];
-
-export { Position, positions };
+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
+];
+export {
+  Position,
+  positions
+};
+//# sourceMappingURL=positions.js.map

package/esm/positions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/positions.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAO,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/esm/props.js

@@ -1,44 +1,30 @@
-import { PropTypes } from 'react-desc';
-import { Position } from './positions.js';
-import { Interaction } from './interaction.js';
-
+import * as React from "react";
+import { PropTypes } from "react-desc";
+import { Position } from "./positions";
+import { Interaction } from "./interaction";
 const popperProps = {
-  /** Hide menu component if trigger component is not visible/scrolled away */
-  hideIfNotVisible: PropTypes.bool.description('Hide menu component if trigger component is not visible/scrolled away'),
-
-  /** props to inject to popper wrapper */
-  containerProps: PropTypes.object.description('props to inject to popper wrapper'),
-
-  /** Space between the arrow and the popup */
-  arrowGap: PropTypes.number.description('Space between the arrow and the popup'),
-
-  /** callback for when menu changes from close to open */
-  onOpen: PropTypes.func.description('callback for when menu changes from close to open'),
-
-  /** callback for when menu changes from open to close */
-  onClose: PropTypes.func.description('callback for when menu changes from open to close'),
-
-  /** Time in ms to delay close of menu */
-  delayClose: PropTypes.number.description('Time in ms to delay close of menu'),
-
-  /** Time in ms to delay open of menu */
-  delayOpen: PropTypes.number.description('Time in ms to delay open of menu'),
-
-  /** callback for when menu changes placement */
-  onPlacementChange: PropTypes.func.description('callback for when menu changes placement'),
-
-  /** Arrow size */
-  arrowSize: PropTypes.number.description('Arrow size'),
-
-  /** Bem blockname for the popper */
-  blockName: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).description('Bem blockname for the popper'),
-  triggerComponent: PropTypes.element.description("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").isRequired
+  hideIfNotVisible: PropTypes.bool.description("Hide menu component if trigger component is not visible/scrolled away"),
+  containerProps: PropTypes.object.description("props to inject to popper wrapper"),
+  arrowGap: PropTypes.number.description("Space between the arrow and the popup"),
+  onOpen: PropTypes.func.description("callback for when menu changes from close to open"),
+  onClose: PropTypes.func.description("callback for when menu changes from open to close"),
+  delayClose: PropTypes.number.description("Time in ms to delay close of menu"),
+  delayOpen: PropTypes.number.description("Time in ms to delay open of menu"),
+  onPlacementChange: PropTypes.func.description("callback for when menu changes placement"),
+  arrowSize: PropTypes.number.description("Arrow size"),
+  blockName: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.object
+  ]).description("Bem blockname for the popper"),
+  triggerComponent: 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: '',
+  blockName: "",
   contentOffset: null,
   contentStyle: null,
   contentComponent: () => null,
@@ -49,27 +35,15 @@ const defaultProps = {
   onClose: () => null,
   onPlacementChange: () => null,
   placement: Position.BOTTOM,
-  preventOverflow: 'window',
+  preventOverflow: "window",
   showArrow: true,
   closeAnimationConfig: {
-    to: {
-      transform: 'scale(0.8)',
-      opacity: '0'
-    },
-    config: {
-      delay: 80,
-      duration: 80
-    }
+    to: { transform: "scale(0.8)", opacity: "0" },
+    config: { delay: 80, duration: 80 }
   },
   openAnimationConfig: {
-    to: {
-      transform: 'scale(1)',
-      opacity: '1'
-    },
-    config: {
-      delay: 80,
-      duration: 80
-    }
+    to: { transform: "scale(1)", opacity: "1" },
+    config: { delay: 80, duration: 80 }
   },
   usePortal: true,
   triggerComponent: () => null,
@@ -79,5 +53,8 @@ const defaultProps = {
   triggerRef: () => null,
   hideIfNotVisible: false
 };
-
-export { defaultProps, popperProps };
+export {
+  defaultProps,
+  popperProps
+};
+//# sourceMappingURL=props.js.map

package/esm/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,cAAc;AAAA,EAEzB,kBAAkB,UAAU,KAAK,YAC/B;AAAA,EAGF,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAGF,UAAU,UAAU,OAAO,YACzB;AAAA,EAGF,QAAQ,UAAU,KAAK,YACrB;AAAA,EAGF,SAAS,UAAU,KAAK,YACtB;AAAA,EAGF,YAAY,UAAU,OAAO,YAAY;AAAA,EAEzC,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,mBAAmB,UAAU,KAAK,YAChC;AAAA,EAGF,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,WAAW,UAAU,UAAU;AAAA,IAC7B,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA,EACf,kBAAkB,UAAU,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,YAAY;AAAA,EAC7B,QAAQ,MAAM;AAAA,EACd,SAAS,MAAM;AAAA,EACf,mBAAmB,MAAM;AAAA,EACzB,WAAW,SAAS;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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-popper",
-  "version": "2.2.0",
+  "version": "2.3.0-alpha.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Popper",
   "module": "./esm/index.js",
@@ -60,8 +60,8 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-overlay": "2.2.0",
-    "@elliemae/ds-utilities": "2.2.0",
+    "@elliemae/ds-overlay": "2.3.0-alpha.3",
+    "@elliemae/ds-utilities": "2.3.0-alpha.3",
     "memoize-one": "~5.1.1",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",