@flodesk/grain 9.11.2 → 9.12.0

package/es/components/popover.js

@@ -11,12 +11,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import React, { useRef, useEffect, cloneElement, Fragment } from 'react';
+import React, { useRef, useEffect, cloneElement, Fragment, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { types } from '../types';
 import { placementsMap } from '../foundational';
 import { useKeyPress, useOnClickOutside } from '../hooks';
-import { getColor, getDimension, getRadius, getShadow, getSpace, getTransition } from '../utilities';
+import { getColor, getDimension, getRadius, getShadow, getSpace, getTransition, mergeRefs } from '../utilities';
 import { useFloating, autoUpdate, offset, flip, FloatingPortal, shift, limitShift } from '@floating-ui/react-dom-interactions';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
@@ -37,9 +37,9 @@ var ChildrenWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "prod
 }, ";transition-property:opacity;", function (_ref4) {
   var isOpen = _ref4.isOpen;
   return isOpen ? "transition-duration: ".concat(getTransition('xxFast')) : "transition-duration: ".concat(getTransition('xFast'), "; opacity: 0; pointer-events: none;");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BvcG92ZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCa0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcG9wb3Zlci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VFZmZlY3QsIGNsb25lRWxlbWVudCwgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBwbGFjZW1lbnRzTWFwIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHVzZUtleVByZXNzLCB1c2VPbkNsaWNrT3V0c2lkZSB9IGZyb20gJy4uL2hvb2tzJztcbmltcG9ydCB7XG4gIGdldENvbG9yLFxuICBnZXREaW1lbnNpb24sXG4gIGdldFJhZGl1cyxcbiAgZ2V0U2hhZG93LFxuICBnZXRTcGFjZSxcbiAgZ2V0VHJhbnNpdGlvbixcbn0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIHVzZUZsb2F0aW5nLFxuICBhdXRvVXBkYXRlLFxuICBvZmZzZXQsXG4gIGZsaXAsXG4gIEZsb2F0aW5nUG9ydGFsLFxuICBzaGlmdCxcbiAgbGltaXRTaGlmdCxcbn0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuXG5jb25zdCBDaGlsZHJlbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAkeyh7IHdpZHRoIH0pID0+IGB3aWR0aDogJHtnZXREaW1lbnNpb24od2lkdGgpfWB9O1xuICAkeyh7IHBhZGRpbmcgfSkgPT4gYHBhZGRpbmc6ICR7Z2V0U3BhY2UocGFkZGluZyl9YH07XG4gIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygnbScpfTtcbiAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmxvYXRpbmdCYWNrZ3JvdW5kJyl9O1xuICAkeyh7IHpJbmRleCB9KSA9PiBgei1pbmRleDogJHt6SW5kZXh9YH07XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHk7XG4gICR7KHsgaXNPcGVuIH0pID0+XG4gICAgaXNPcGVuXG4gICAgICA/IGB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3h4RmFzdCcpfWBcbiAgICAgIDogYHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07IG9wYWNpdHk6IDA7IHBvaW50ZXItZXZlbnRzOiBub25lO2B9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFBvcG92ZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgcGFkZGluZyA9ICdsJyxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIHdpZHRoID0gJzI1NnB4JyxcbiAgdHJpZ2dlcixcbiAgaXNPcGVuLFxuICBvbkNsb3NlLFxuICB6SW5kZXggPSAxLFxuICBoYXNQb3J0YWwgPSB0cnVlLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBlc2NQcmVzcyA9IHVzZUtleVByZXNzKCdFc2NhcGUnKTtcbiAgY29uc3Qgd3JhcHBlclJlZiA9IHVzZVJlZihudWxsKTtcbiAgdXNlT25DbGlja091dHNpZGUod3JhcHBlclJlZiwgb25DbG9zZSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZXNjUHJlc3MpIG9uQ2xvc2UoKTtcbiAgfSwgW2VzY1ByZXNzLCBvbkNsb3NlXSk7XG5cbiAgY29uc3QgeyB4LCB5LCByZWZlcmVuY2UsIGZsb2F0aW5nLCBzdHJhdGVneSB9ID0gdXNlRmxvYXRpbmcoe1xuICAgIHBsYWNlbWVudDogcGxhY2VtZW50c01hcFtwbGFjZW1lbnRdLFxuICAgIG1pZGRsZXdhcmU6IFtvZmZzZXQoNCksIGZsaXAoKSwgc2hpZnQoeyBwYWRkaW5nOiA0LCBsaW1pdGVyOiBsaW1pdFNoaWZ0KCkgfSldLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICB9KTtcblxuICBjb25zdCBSb290ID0gaGFzUG9ydGFsID8gRmxvYXRpbmdQb3J0YWwgOiBGcmFnbWVudDtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Y2xvbmVFbGVtZW50KHRyaWdnZXIsIHsgcmVmOiByZWZlcmVuY2UgfSl9XG4gICAgICA8Um9vdD5cbiAgICAgICAgPGRpdiByZWY9e3dyYXBwZXJSZWZ9PlxuICAgICAgICAgIDxDaGlsZHJlbldyYXBwZXJcbiAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgIHBhZGRpbmc9e3BhZGRpbmd9XG4gICAgICAgICAgICB6SW5kZXg9e3pJbmRleH1cbiAgICAgICAgICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIHBvc2l0aW9uOiBzdHJhdGVneSxcbiAgICAgICAgICAgICAgdG9wOiB5ID8/IDAsXG4gICAgICAgICAgICAgIGxlZnQ6IHggPz8gMCxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvQ2hpbGRyZW5XcmFwcGVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvUm9vdD5cbiAgICA8Lz5cbiAgKTtcbn07XG5cblBvcG92ZXIucHJvcFR5cGVzID0ge1xuICBwYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIHdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIHBsYWNlbWVudDogdHlwZXMucGxhY2VtZW50LFxuICB0cmlnZ2VyOiBQcm9wVHlwZXMubm9kZSxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIGlzT3BlbjogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGhhc1BvcnRhbDogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BvcG92ZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCa0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcG9wb3Zlci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VFZmZlY3QsIGNsb25lRWxlbWVudCwgRnJhZ21lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBwbGFjZW1lbnRzTWFwIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHVzZUtleVByZXNzLCB1c2VPbkNsaWNrT3V0c2lkZSB9IGZyb20gJy4uL2hvb2tzJztcbmltcG9ydCB7XG4gIGdldENvbG9yLFxuICBnZXREaW1lbnNpb24sXG4gIGdldFJhZGl1cyxcbiAgZ2V0U2hhZG93LFxuICBnZXRTcGFjZSxcbiAgZ2V0VHJhbnNpdGlvbixcbiAgbWVyZ2VSZWZzLFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgRmxvYXRpbmdQb3J0YWwsXG4gIHNoaWZ0LFxuICBsaW1pdFNoaWZ0LFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7KHsgd2lkdGggfSkgPT4gYHdpZHRoOiAke2dldERpbWVuc2lvbih3aWR0aCl9YH07XG4gICR7KHsgcGFkZGluZyB9KSA9PiBgcGFkZGluZzogJHtnZXRTcGFjZShwYWRkaW5nKX1gfTtcbiAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmbG9hdGluZ0JhY2tncm91bmQnKX07XG4gICR7KHsgekluZGV4IH0pID0+IGB6LWluZGV4OiAke3pJbmRleH1gfTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eTtcbiAgJHsoeyBpc09wZW4gfSkgPT5cbiAgICBpc09wZW5cbiAgICAgID8gYHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbigneHhGYXN0Jyl9YFxuICAgICAgOiBgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTsgb3BhY2l0eTogMDsgcG9pbnRlci1ldmVudHM6IG5vbmU7YH07XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wb3ZlciA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHBhZGRpbmcgPSAnbCcsXG4gICAgICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgICAgIHdpZHRoID0gJzI1NnB4JyxcbiAgICAgIHRyaWdnZXIsXG4gICAgICBpc09wZW4sXG4gICAgICBvbkNsb3NlLFxuICAgICAgekluZGV4ID0gMSxcbiAgICAgIGhhc1BvcnRhbCA9IHRydWUsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBlc2NQcmVzcyA9IHVzZUtleVByZXNzKCdFc2NhcGUnKTtcbiAgICBjb25zdCB3cmFwcGVyUmVmID0gdXNlUmVmKG51bGwpO1xuICAgIHVzZU9uQ2xpY2tPdXRzaWRlKHdyYXBwZXJSZWYsIG9uQ2xvc2UpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChlc2NQcmVzcykgb25DbG9zZSgpO1xuICAgIH0sIFtlc2NQcmVzcywgb25DbG9zZV0pO1xuXG4gICAgY29uc3QgeyB4LCB5LCByZWZlcmVuY2UsIGZsb2F0aW5nLCBzdHJhdGVneSB9ID0gdXNlRmxvYXRpbmcoe1xuICAgICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW3BsYWNlbWVudF0sXG4gICAgICBtaWRkbGV3YXJlOiBbb2Zmc2V0KDQpLCBmbGlwKCksIHNoaWZ0KHsgcGFkZGluZzogNCwgbGltaXRlcjogbGltaXRTaGlmdCgpIH0pXSxcbiAgICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgIH0pO1xuXG4gICAgY29uc3QgUm9vdCA9IGhhc1BvcnRhbCA/IEZsb2F0aW5nUG9ydGFsIDogRnJhZ21lbnQ7XG4gICAgY29uc3QgbWVyZ2VkUmVmID0gbWVyZ2VSZWZzKFtyZWYsIHdyYXBwZXJSZWZdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7Y2xvbmVFbGVtZW50KHRyaWdnZXIsIHsgcmVmOiByZWZlcmVuY2UgfSl9XG4gICAgICAgIDxSb290PlxuICAgICAgICAgIDxkaXYgcmVmPXttZXJnZWRSZWZ9PlxuICAgICAgICAgICAgPENoaWxkcmVuV3JhcHBlclxuICAgICAgICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgICAgICAgIHBhZGRpbmc9e3BhZGRpbmd9XG4gICAgICAgICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgICAgICByZWY9e2Zsb2F0aW5nfVxuICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBzdHJhdGVneSxcbiAgICAgICAgICAgICAgICB0b3A6IHkgPz8gMCxcbiAgICAgICAgICAgICAgICBsZWZ0OiB4ID8/IDAsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9DaGlsZHJlbldyYXBwZXI+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvUm9vdD5cbiAgICAgIDwvPlxuICAgICk7XG4gIH0sXG4pO1xuXG5Qb3BvdmVyLnByb3BUeXBlcyA9IHtcbiAgcGFkZGluZzogdHlwZXMuZGltZW5zaW9uLFxuICB3aWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBwbGFjZW1lbnQ6IHR5cGVzLnBsYWNlbWVudCxcbiAgdHJpZ2dlcjogUHJvcFR5cGVzLm5vZGUsXG4gIHpJbmRleDogdHlwZXMuekluZGV4LFxuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBoYXNQb3J0YWw6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */"));
 
-export var Popover = function Popover(_ref5) {
+export var Popover = /*#__PURE__*/forwardRef(function (_ref5, ref) {
   var children = _ref5.children,
       _ref5$padding = _ref5.padding,
       padding = _ref5$padding === void 0 ? 'l' : _ref5$padding,
@@ -78,10 +78,11 @@ export var Popover = function Popover(_ref5) {
       strategy = _useFloating.strategy;
 
   var Root = hasPortal ? FloatingPortal : Fragment;
+  var mergedRef = mergeRefs([ref, wrapperRef]);
   return ___EmotionJSX(React.Fragment, null, /*#__PURE__*/cloneElement(trigger, {
     ref: reference
   }), ___EmotionJSX(Root, null, ___EmotionJSX("div", {
-    ref: wrapperRef
+    ref: mergedRef
   }, ___EmotionJSX(ChildrenWrapper, _extends({
     width: width,
     padding: padding,
@@ -95,7 +96,7 @@ export var Popover = function Popover(_ref5) {
       left: x !== null && x !== void 0 ? x : 0
     }
   }, props), children))));
-};
+});
 Popover.propTypes = {
   padding: types.dimension,
   width: types.dimension,

package/es/utilities/helpers.js

@@ -1,9 +1,10 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.symbol.iterator.js";
 import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.string.iterator.js";
@@ -32,4 +33,15 @@ export var isArray = function isArray(value) {
 };
 export var isObject = function isObject(value) {
   return _typeof(value) === 'object';
+};
+export var mergeRefs = function mergeRefs(refs) {
+  return function (value) {
+    refs.forEach(function (ref) {
+      if (typeof ref === 'function') {
+        ref(value);
+      } else if (ref != null) {
+        ref.current = value;
+      }
+    });
+  };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "9.11.2",
+  "version": "9.12.0",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",