@flodesk/grain 11.28.9 → 11.29.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.
- package/es/components/popover.js +7 -5
- package/package.json +1 -1
package/es/components/popover.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
|
-
const _excluded = ["children", "padding", "placement", "width", "trigger", "isOpen", "onClose", "zIndex", "hasPortal", "offset"];
|
|
2
|
+
const _excluded = ["children", "padding", "placement", "width", "trigger", "isOpen", "onClose", "zIndex", "hasPortal", "offset", "strategy"];
|
|
3
3
|
|
|
4
4
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
5
5
|
|
|
@@ -41,7 +41,7 @@ const ChildrenWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
|
|
|
41
41
|
isOpen
|
|
42
42
|
} = _ref4;
|
|
43
43
|
return isOpen ? "transition-duration: ".concat(getTransition('xxFast')) : "transition-duration: ".concat(getTransition('xFast'), "; opacity: 0; pointer-events: none;");
|
|
44
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BvcG92ZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCa0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcG9wb3Zlci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VFZmZlY3QsIGNsb25lRWxlbWVudCwgRnJhZ21lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBwbGFjZW1lbnRzTWFwIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHVzZUtleVByZXNzLCB1c2VPbkNsaWNrT3V0c2lkZSB9IGZyb20gJy4uL2hvb2tzJztcbmltcG9ydCB7XG4gIGdldENvbG9yLFxuICBnZXREaW1lbnNpb24sXG4gIGdldFJhZGl1cyxcbiAgZ2V0U2hhZG93LFxuICBnZXRTcGFjZSxcbiAgZ2V0VHJhbnNpdGlvbixcbiAgbWVyZ2VSZWZzLFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgRmxvYXRpbmdQb3J0YWwsXG4gIHNoaWZ0LFxuICBsaW1pdFNoaWZ0LFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7KHsgd2lkdGggfSkgPT4gYHdpZHRoOiAke2dldERpbWVuc2lvbih3aWR0aCl9YH07XG4gICR7KHsgcGFkZGluZyB9KSA9PiBgcGFkZGluZzogJHtnZXRTcGFjZShwYWRkaW5nKX1gfTtcbiAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmbG9hdGluZ0JhY2tncm91bmQnKX07XG4gICR7KHsgekluZGV4IH0pID0+
|
|
44
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BvcG92ZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCa0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcG9wb3Zlci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VFZmZlY3QsIGNsb25lRWxlbWVudCwgRnJhZ21lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBwbGFjZW1lbnRzTWFwIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHVzZUtleVByZXNzLCB1c2VPbkNsaWNrT3V0c2lkZSB9IGZyb20gJy4uL2hvb2tzJztcbmltcG9ydCB7XG4gIGdldENvbG9yLFxuICBnZXREaW1lbnNpb24sXG4gIGdldFJhZGl1cyxcbiAgZ2V0U2hhZG93LFxuICBnZXRTcGFjZSxcbiAgZ2V0VHJhbnNpdGlvbixcbiAgbWVyZ2VSZWZzLFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgRmxvYXRpbmdQb3J0YWwsXG4gIHNoaWZ0LFxuICBsaW1pdFNoaWZ0LFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7KHsgd2lkdGggfSkgPT4gYHdpZHRoOiAke2dldERpbWVuc2lvbih3aWR0aCl9YH07XG4gICR7KHsgcGFkZGluZyB9KSA9PiBgcGFkZGluZzogJHtnZXRTcGFjZShwYWRkaW5nKX1gfTtcbiAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmbG9hdGluZ0JhY2tncm91bmQnKX07XG4gICR7KHsgekluZGV4IH0pID0+IGB6LWluZGV4OiAke3pJbmRleH1gfTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eTtcbiAgJHsoeyBpc09wZW4gfSkgPT5cbiAgICBpc09wZW5cbiAgICAgID8gYHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbigneHhGYXN0Jyl9YFxuICAgICAgOiBgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTsgb3BhY2l0eTogMDsgcG9pbnRlci1ldmVudHM6IG5vbmU7YH07XG5gO1xuXG5jb25zdCBwb3BvdmVyT2Zmc2V0cyA9IHtcbiAgeHM6IDggLyAyLFxuICBzOiA4ICogMSxcbiAgczI6IDggKiAxLjUsXG4gIG06IDggKiAyLFxuICBsOiA4ICogMyxcbiAgbDI6IDggKiA0LFxuICB4bDogOCAqIDUsXG4gIHhsMjogOCAqIDYsXG4gIHh4bDogOCAqIDcsXG59O1xuXG5leHBvcnQgY29uc3QgUG9wb3ZlciA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHBhZGRpbmcgPSAnbCcsXG4gICAgICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgICAgIHdpZHRoID0gJzI1NnB4JyxcbiAgICAgIHRyaWdnZXIsXG4gICAgICBpc09wZW4sXG4gICAgICBvbkNsb3NlLFxuICAgICAgekluZGV4ID0gMSxcbiAgICAgIGhhc1BvcnRhbCA9IHRydWUsXG4gICAgICBvZmZzZXQ6IHBvcG92ZXJPZmZzZXQgPSAneHMnLFxuICAgICAgc3RyYXRlZ3kgPSAnZml4ZWQnLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgZXNjUHJlc3MgPSB1c2VLZXlQcmVzcygnRXNjYXBlJyk7XG4gICAgY29uc3Qgd3JhcHBlclJlZiA9IHVzZVJlZihudWxsKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAoZXNjUHJlc3MpIG9uQ2xvc2UoKTtcbiAgICB9LCBbZXNjUHJlc3MsIG9uQ2xvc2VdKTtcblxuICAgIGNvbnN0IHsgeCwgeSwgcmVmZXJlbmNlLCBmbG9hdGluZyB9ID0gdXNlRmxvYXRpbmcoe1xuICAgICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW3BsYWNlbWVudF0sXG4gICAgICBzdHJhdGVneSxcbiAgICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgICAgb2Zmc2V0KHBvcG92ZXJPZmZzZXRzW3BvcG92ZXJPZmZzZXRdKSxcbiAgICAgICAgZmxpcCgpLFxuICAgICAgICBzaGlmdCh7XG4gICAgICAgICAgcGFkZGluZzogNCxcbiAgICAgICAgICBjcm9zc0F4aXM6IHRydWUsXG4gICAgICAgICAgbGltaXRlcjogbGltaXRTaGlmdCh7XG4gICAgICAgICAgICBjcm9zc0F4aXM6IGZhbHNlLFxuICAgICAgICAgIH0pLFxuICAgICAgICB9KSxcbiAgICAgIF0sXG4gICAgICB3aGlsZUVsZW1lbnRzTW91bnRlZDogYXV0b1VwZGF0ZSxcbiAgICB9KTtcblxuICAgIGNvbnN0IFJvb3QgPSBoYXNQb3J0YWwgPyBGbG9hdGluZ1BvcnRhbCA6IEZyYWdtZW50O1xuICAgIGNvbnN0IG1lcmdlZFJlZiA9IG1lcmdlUmVmcyhbcmVmLCB3cmFwcGVyUmVmXSk7XG4gICAgLy8gdXNlZCBmb3IgY2xpY2sgb3V0c2lkZVxuICAgIGNvbnN0IHRyaWdnZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gICAgY29uc3QgbWVyZ2VkVHJpZ2dlclJlZiA9IG1lcmdlUmVmcyhbcmVmZXJlbmNlLCB0cmlnZ2VyLnJlZiwgdHJpZ2dlclJlZl0pO1xuXG4gICAgdXNlT25DbGlja091dHNpZGUoW3dyYXBwZXJSZWYsIHRyaWdnZXJSZWZdLCBvbkNsb3NlKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7Y2xvbmVFbGVtZW50KHRyaWdnZXIsIHsgcmVmOiBtZXJnZWRUcmlnZ2VyUmVmIH0pfVxuICAgICAgICA8Um9vdD5cbiAgICAgICAgICA8ZGl2IHJlZj17bWVyZ2VkUmVmfT5cbiAgICAgICAgICAgIDxDaGlsZHJlbldyYXBwZXJcbiAgICAgICAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICAgICAgICBwYWRkaW5nPXtwYWRkaW5nfVxuICAgICAgICAgICAgICB6SW5kZXg9e3pJbmRleH1cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIlxuICAgICAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogc3RyYXRlZ3ksXG4gICAgICAgICAgICAgICAgdG9wOiB5ID8/IDAsXG4gICAgICAgICAgICAgICAgbGVmdDogeCA/PyAwLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvQ2hpbGRyZW5XcmFwcGVyPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L1Jvb3Q+XG4gICAgICA8Lz5cbiAgICApO1xuICB9LFxuKTtcblxuUG9wb3Zlci5wcm9wVHlwZXMgPSB7XG4gIHBhZGRpbmc6IHR5cGVzLmRpbWVuc2lvbixcbiAgd2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbiAgcGxhY2VtZW50OiB0eXBlcy5wbGFjZW1lbnQsXG4gIHRyaWdnZXI6IFByb3BUeXBlcy5ub2RlLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbG9zZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgaGFzUG9ydGFsOiBQcm9wVHlwZXMuYm9vbCxcbiAgc3RyYXRlZ3k6IFByb3BUeXBlcy5vbmVPZihbJ2Fic29sdXRlJywgJ2ZpeGVkJ10pLFxuICBvZmZzZXQ6IHR5cGVzLnNwYWNlLFxufTtcbiJdfQ== */"));
|
|
45
45
|
|
|
46
46
|
const popoverOffsets = {
|
|
47
47
|
xs: 8 / 2,
|
|
@@ -65,7 +65,8 @@ export const Popover = /*#__PURE__*/forwardRef((_ref5, ref) => {
|
|
|
65
65
|
onClose,
|
|
66
66
|
zIndex = 1,
|
|
67
67
|
hasPortal = true,
|
|
68
|
-
offset: popoverOffset = 'xs'
|
|
68
|
+
offset: popoverOffset = 'xs',
|
|
69
|
+
strategy = 'fixed'
|
|
69
70
|
} = _ref5,
|
|
70
71
|
props = _objectWithoutProperties(_ref5, _excluded);
|
|
71
72
|
|
|
@@ -78,10 +79,10 @@ export const Popover = /*#__PURE__*/forwardRef((_ref5, ref) => {
|
|
|
78
79
|
x,
|
|
79
80
|
y,
|
|
80
81
|
reference,
|
|
81
|
-
floating
|
|
82
|
-
strategy
|
|
82
|
+
floating
|
|
83
83
|
} = useFloating({
|
|
84
84
|
placement: placementsMap[placement],
|
|
85
|
+
strategy,
|
|
85
86
|
middleware: [offset(popoverOffsets[popoverOffset]), flip(), shift({
|
|
86
87
|
padding: 4,
|
|
87
88
|
crossAxis: true,
|
|
@@ -124,5 +125,6 @@ Popover.propTypes = {
|
|
|
124
125
|
isOpen: PropTypes.bool,
|
|
125
126
|
onClose: PropTypes.func.isRequired,
|
|
126
127
|
hasPortal: PropTypes.bool,
|
|
128
|
+
strategy: PropTypes.oneOf(['absolute', 'fixed']),
|
|
127
129
|
offset: types.space
|
|
128
130
|
};
|