@elliemae/ds-popover 3.0.4-rc.4 → 3.1.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/cjs/Popover.js +3 -1
  2. package/dist/cjs/Popover.js.map +2 -2
  3. package/dist/esm/Popover.js +4 -2
  4. package/dist/esm/Popover.js.map +2 -2
  5. package/package.json +6 -6
package/dist/cjs/Popover.js CHANGED
@@ -59,6 +59,7 @@ var import_ds_classnames = require("@elliemae/ds-classnames");
59
59
  var import_ds_utilities = require("@elliemae/ds-utilities");
60
60
  var import_ds_hidden = require("@elliemae/ds-hidden");
61
61
  var import_ds_portal = __toESM(require("@elliemae/ds-portal"));
62
+ var import_styled_components = require("styled-components");
62
63
  const blockName = "popover";
63
64
  const PopoverComponent = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
64
65
  function Popover(_a) {
@@ -89,9 +90,10 @@ function Popover(_a) {
89
90
  ref: popoverRef
90
91
  }, otherProps), hiddenTransitionProps));
91
92
  (0, import_ds_utilities.useOnClickOutside)(popoverRef, onClickOutside);
93
+ const theme = (0, import_react.useContext)(import_styled_components.ThemeContext);
92
94
  const wrapStyle = (0, import_lodash.omit)(style, "zIndex") || {};
93
95
  return destroyOnHidden && !hiddenTransitionProps.destroyed && /* @__PURE__ */ import_react.default.createElement(import_ds_portal.default, null, /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, popperProps), {
94
- style: __spreadValues(__spreadValues({}, style), popperProps.style)
96
+ style: __spreadValues(__spreadValues({ zIndex: theme.zIndex.popper }, style), popperProps.style)
95
97
  }), (0, import_ds_utilities.isFunction)(renderer) ? renderer(popoverProps) : /* @__PURE__ */ import_react.default.createElement(PopoverComponent, __spreadProps(__spreadValues({}, popoverProps), {
96
98
  style: wrapStyle
97
99
  }))));
package/dist/cjs/Popover.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Popover.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React, { useRef } from 'react';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction, removeUndefinedProperties, useOnClickOutside } from '@elliemae/ds-utilities';\nimport { useHiddenTransition } from '@elliemae/ds-hidden';\nimport DSPortal from '@elliemae/ds-portal';\n\nconst blockName = 'popover';\nconst PopoverComponent = aggregatedClasses('div')(blockName);\n\nfunction Popover({\n containerProps,\n destroyOnHidden = true,\n renderer = undefined,\n popperProps = {},\n visible = false,\n content = undefined,\n onClickOutside = () => null,\n style,\n ...otherProps\n}) {\n const popoverRef = useRef();\n const hiddenTransitionProps = useHiddenTransition({ visible });\n const popoverProps = removeUndefinedProperties({\n containerprops: containerProps,\n content,\n ref: popoverRef,\n ...otherProps,\n ...hiddenTransitionProps,\n });\n\n useOnClickOutside(popoverRef, onClickOutside);\n\n const wrapStyle = omit(style, 'zIndex') || {};\n return (\n destroyOnHidden &&\n !hiddenTransitionProps.destroyed && (\n <DSPortal>\n <div {...popperProps} style={{ ...style, ...popperProps.style }}>\n {isFunction(renderer) ? renderer(popoverProps) : <PopoverComponent {...popoverProps} style={wrapStyle} />}\n </div>\n </DSPortal>\n )\n );\n}\n\nexport default Popover;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAC9B,oBAAqB;AACrB,2BAAkC;AAClC,0BAAyE;AACzE,uBAAoC;AACpC,uBAAqB;AAErB,MAAM,YAAY;AAClB,MAAM,mBAAmB,4CAAkB,KAAK,EAAE,SAAS;AAE3D,iBAAiB,IAUd;AAVc,eACf;AAAA;AAAA,IACA,kBAAkB;AAAA,IAClB,WAAW;AAAA,IACX,cAAc,CAAC;AAAA,IACf,UAAU;AAAA,IACV,UAAU;AAAA,IACV,iBAAiB,MAAM;AAAA,IACvB;AAAA,MARe,IASZ,uBATY,IASZ;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,aAAa,yBAAO;AAC1B,QAAM,wBAAwB,0CAAoB,EAAE,QAAQ,CAAC;AAC7D,QAAM,eAAe,mDAA0B;AAAA,IAC7C,gBAAgB;AAAA,IAChB;AAAA,IACA,KAAK;AAAA,KACF,aACA,sBACJ;AAED,6CAAkB,YAAY,cAAc;AAE5C,QAAM,YAAY,wBAAK,OAAO,QAAQ,KAAK,CAAC;AAC5C,SACE,mBACA,CAAC,sBAAsB,aACrB,mDAAC,gCACC,mDAAC,wCAAQ,cAAR;AAAA,IAAqB,OAAO,kCAAK,QAAU,YAAY;AAAA,MACrD,oCAAW,QAAQ,IAAI,SAAS,YAAY,IAAI,mDAAC,mDAAqB,eAArB;AAAA,IAAmC,OAAO;AAAA,IAAW,CACzG,CACF;AAGN;AAEA,IAAO,kBAAQ;",
4
+ "sourcesContent": ["import React, { useRef, useContext } from 'react';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction, removeUndefinedProperties, useOnClickOutside } from '@elliemae/ds-utilities';\nimport { useHiddenTransition } from '@elliemae/ds-hidden';\nimport DSPortal from '@elliemae/ds-portal';\nimport { ThemeContext } from 'styled-components';\n\nconst blockName = 'popover';\nconst PopoverComponent = aggregatedClasses('div')(blockName);\n\nfunction Popover({\n containerProps,\n destroyOnHidden = true,\n renderer = undefined,\n popperProps = {},\n visible = false,\n content = undefined,\n onClickOutside = () => null,\n style,\n ...otherProps\n}) {\n const popoverRef = useRef();\n const hiddenTransitionProps = useHiddenTransition({ visible });\n const popoverProps = removeUndefinedProperties({\n containerprops: containerProps,\n content,\n ref: popoverRef,\n ...otherProps,\n ...hiddenTransitionProps,\n });\n\n useOnClickOutside(popoverRef, onClickOutside);\n\n const theme = useContext(ThemeContext);\n\n const wrapStyle = omit(style, 'zIndex') || {};\n return (\n destroyOnHidden &&\n !hiddenTransitionProps.destroyed && (\n <DSPortal>\n <div {...popperProps} style={{ zIndex: theme.zIndex.popper, ...style, ...popperProps.style }}>\n {isFunction(renderer) ? renderer(popoverProps) : <PopoverComponent {...popoverProps} style={wrapStyle} />}\n </div>\n </DSPortal>\n )\n );\n}\n\nexport default Popover;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0C;AAC1C,oBAAqB;AACrB,2BAAkC;AAClC,0BAAyE;AACzE,uBAAoC;AACpC,uBAAqB;AACrB,+BAA6B;AAE7B,MAAM,YAAY;AAClB,MAAM,mBAAmB,4CAAkB,KAAK,EAAE,SAAS;AAE3D,iBAAiB,IAUd;AAVc,eACf;AAAA;AAAA,IACA,kBAAkB;AAAA,IAClB,WAAW;AAAA,IACX,cAAc,CAAC;AAAA,IACf,UAAU;AAAA,IACV,UAAU;AAAA,IACV,iBAAiB,MAAM;AAAA,IACvB;AAAA,MARe,IASZ,uBATY,IASZ;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,aAAa,yBAAO;AAC1B,QAAM,wBAAwB,0CAAoB,EAAE,QAAQ,CAAC;AAC7D,QAAM,eAAe,mDAA0B;AAAA,IAC7C,gBAAgB;AAAA,IAChB;AAAA,IACA,KAAK;AAAA,KACF,aACA,sBACJ;AAED,6CAAkB,YAAY,cAAc;AAE5C,QAAM,QAAQ,6BAAW,qCAAY;AAErC,QAAM,YAAY,wBAAK,OAAO,QAAQ,KAAK,CAAC;AAC5C,SACE,mBACA,CAAC,sBAAsB,aACrB,mDAAC,gCACC,mDAAC,wCAAQ,cAAR;AAAA,IAAqB,OAAO,gCAAE,QAAQ,MAAM,OAAO,UAAW,QAAU,YAAY;AAAA,MAClF,oCAAW,QAAQ,IAAI,SAAS,YAAY,IAAI,mDAAC,mDAAqB,eAArB;AAAA,IAAmC,OAAO;AAAA,IAAW,CACzG,CACF;AAGN;AAEA,IAAO,kBAAQ;",
6
6
  "names": []
7
7
  }
package/dist/esm/Popover.js CHANGED
@@ -30,12 +30,13 @@ var __objRest = (source, exclude) => {
30
30
  return target;
31
31
  };
32
32
  import * as React from "react";
33
- import React2, { useRef } from "react";
33
+ import React2, { useRef, useContext } from "react";
34
34
  import { omit } from "lodash";
35
35
  import { aggregatedClasses } from "@elliemae/ds-classnames";
36
36
  import { isFunction, removeUndefinedProperties, useOnClickOutside } from "@elliemae/ds-utilities";
37
37
  import { useHiddenTransition } from "@elliemae/ds-hidden";
38
38
  import DSPortal from "@elliemae/ds-portal";
39
+ import { ThemeContext } from "styled-components";
39
40
  const blockName = "popover";
40
41
  const PopoverComponent = aggregatedClasses("div")(blockName);
41
42
  function Popover(_a) {
@@ -66,9 +67,10 @@ function Popover(_a) {
66
67
  ref: popoverRef
67
68
  }, otherProps), hiddenTransitionProps));
68
69
  useOnClickOutside(popoverRef, onClickOutside);
70
+ const theme = useContext(ThemeContext);
69
71
  const wrapStyle = omit(style, "zIndex") || {};
70
72
  return destroyOnHidden && !hiddenTransitionProps.destroyed && /* @__PURE__ */ React2.createElement(DSPortal, null, /* @__PURE__ */ React2.createElement("div", __spreadProps(__spreadValues({}, popperProps), {
71
- style: __spreadValues(__spreadValues({}, style), popperProps.style)
73
+ style: __spreadValues(__spreadValues({ zIndex: theme.zIndex.popper }, style), popperProps.style)
72
74
  }), isFunction(renderer) ? renderer(popoverProps) : /* @__PURE__ */ React2.createElement(PopoverComponent, __spreadProps(__spreadValues({}, popoverProps), {
73
75
  style: wrapStyle
74
76
  }))));
package/dist/esm/Popover.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Popover.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef } from 'react';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction, removeUndefinedProperties, useOnClickOutside } from '@elliemae/ds-utilities';\nimport { useHiddenTransition } from '@elliemae/ds-hidden';\nimport DSPortal from '@elliemae/ds-portal';\n\nconst blockName = 'popover';\nconst PopoverComponent = aggregatedClasses('div')(blockName);\n\nfunction Popover({\n containerProps,\n destroyOnHidden = true,\n renderer = undefined,\n popperProps = {},\n visible = false,\n content = undefined,\n onClickOutside = () => null,\n style,\n ...otherProps\n}) {\n const popoverRef = useRef();\n const hiddenTransitionProps = useHiddenTransition({ visible });\n const popoverProps = removeUndefinedProperties({\n containerprops: containerProps,\n content,\n ref: popoverRef,\n ...otherProps,\n ...hiddenTransitionProps,\n });\n\n useOnClickOutside(popoverRef, onClickOutside);\n\n const wrapStyle = omit(style, 'zIndex') || {};\n return (\n destroyOnHidden &&\n !hiddenTransitionProps.destroyed && (\n <DSPortal>\n <div {...popperProps} style={{ ...style, ...popperProps.style }}>\n {isFunction(renderer) ? renderer(popoverProps) : <PopoverComponent {...popoverProps} style={wrapStyle} />}\n </div>\n </DSPortal>\n )\n );\n}\n\nexport default Popover;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,mBAAmB,kBAAkB,KAAK,EAAE,SAAS;AAE3D,iBAAiB,IAUd;AAVc,eACf;AAAA;AAAA,IACA,kBAAkB;AAAA,IAClB,WAAW;AAAA,IACX,cAAc,CAAC;AAAA,IACf,UAAU;AAAA,IACV,UAAU;AAAA,IACV,iBAAiB,MAAM;AAAA,IACvB;AAAA,MARe,IASZ,uBATY,IASZ;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,aAAa,OAAO;AAC1B,QAAM,wBAAwB,oBAAoB,EAAE,QAAQ,CAAC;AAC7D,QAAM,eAAe,0BAA0B;AAAA,IAC7C,gBAAgB;AAAA,IAChB;AAAA,IACA,KAAK;AAAA,KACF,aACA,sBACJ;AAED,oBAAkB,YAAY,cAAc;AAE5C,QAAM,YAAY,KAAK,OAAO,QAAQ,KAAK,CAAC;AAC5C,SACE,mBACA,CAAC,sBAAsB,aACrB,qCAAC,gBACC,qCAAC,wCAAQ,cAAR;AAAA,IAAqB,OAAO,kCAAK,QAAU,YAAY;AAAA,MACrD,WAAW,QAAQ,IAAI,SAAS,YAAY,IAAI,qCAAC,mDAAqB,eAArB;AAAA,IAAmC,OAAO;AAAA,IAAW,CACzG,CACF;AAGN;AAEA,IAAO,kBAAQ;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useContext } from 'react';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction, removeUndefinedProperties, useOnClickOutside } from '@elliemae/ds-utilities';\nimport { useHiddenTransition } from '@elliemae/ds-hidden';\nimport DSPortal from '@elliemae/ds-portal';\nimport { ThemeContext } from 'styled-components';\n\nconst blockName = 'popover';\nconst PopoverComponent = aggregatedClasses('div')(blockName);\n\nfunction Popover({\n containerProps,\n destroyOnHidden = true,\n renderer = undefined,\n popperProps = {},\n visible = false,\n content = undefined,\n onClickOutside = () => null,\n style,\n ...otherProps\n}) {\n const popoverRef = useRef();\n const hiddenTransitionProps = useHiddenTransition({ visible });\n const popoverProps = removeUndefinedProperties({\n containerprops: containerProps,\n content,\n ref: popoverRef,\n ...otherProps,\n ...hiddenTransitionProps,\n });\n\n useOnClickOutside(popoverRef, onClickOutside);\n\n const theme = useContext(ThemeContext);\n\n const wrapStyle = omit(style, 'zIndex') || {};\n return (\n destroyOnHidden &&\n !hiddenTransitionProps.destroyed && (\n <DSPortal>\n <div {...popperProps} style={{ zIndex: theme.zIndex.popper, ...style, ...popperProps.style }}>\n {isFunction(renderer) ? renderer(popoverProps) : <PopoverComponent {...popoverProps} style={wrapStyle} />}\n </div>\n </DSPortal>\n )\n );\n}\n\nexport default Popover;\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,mBAAmB,kBAAkB,KAAK,EAAE,SAAS;AAE3D,iBAAiB,IAUd;AAVc,eACf;AAAA;AAAA,IACA,kBAAkB;AAAA,IAClB,WAAW;AAAA,IACX,cAAc,CAAC;AAAA,IACf,UAAU;AAAA,IACV,UAAU;AAAA,IACV,iBAAiB,MAAM;AAAA,IACvB;AAAA,MARe,IASZ,uBATY,IASZ;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,aAAa,OAAO;AAC1B,QAAM,wBAAwB,oBAAoB,EAAE,QAAQ,CAAC;AAC7D,QAAM,eAAe,0BAA0B;AAAA,IAC7C,gBAAgB;AAAA,IAChB;AAAA,IACA,KAAK;AAAA,KACF,aACA,sBACJ;AAED,oBAAkB,YAAY,cAAc;AAE5C,QAAM,QAAQ,WAAW,YAAY;AAErC,QAAM,YAAY,KAAK,OAAO,QAAQ,KAAK,CAAC;AAC5C,SACE,mBACA,CAAC,sBAAsB,aACrB,qCAAC,gBACC,qCAAC,wCAAQ,cAAR;AAAA,IAAqB,OAAO,gCAAE,QAAQ,MAAM,OAAO,UAAW,QAAU,YAAY;AAAA,MAClF,WAAW,QAAQ,IAAI,SAAS,YAAY,IAAI,qCAAC,mDAAqB,eAArB;AAAA,IAAmC,OAAO;AAAA,IAAW,CACzG,CACF;AAGN;AAEA,IAAO,kBAAQ;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-popover",
3
- "version": "3.0.4-rc.4",
3
+ "version": "3.1.0-next.0",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Popover",
6
6
  "files": [
@@ -70,11 +70,11 @@
70
70
  "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
71
71
  },
72
72
  "dependencies": {
73
- "@elliemae/ds-classnames": "3.0.4-rc.4",
74
- "@elliemae/ds-hidden": "3.0.4-rc.4",
75
- "@elliemae/ds-popper": "3.0.4-rc.4",
76
- "@elliemae/ds-portal": "3.0.4-rc.4",
77
- "@elliemae/ds-utilities": "3.0.4-rc.4",
73
+ "@elliemae/ds-classnames": "3.1.0-next.0",
74
+ "@elliemae/ds-hidden": "3.1.0-next.0",
75
+ "@elliemae/ds-popper": "3.1.0-next.0",
76
+ "@elliemae/ds-portal": "3.1.0-next.0",
77
+ "@elliemae/ds-utilities": "3.1.0-next.0",
78
78
  "popper.js": "~1.16.1",
79
79
  "react-desc": "~4.1.3"
80
80
  },