@kepler.gl/components 3.0.0-alpha.0

package/dist/common/modal.js

@@ -0,0 +1,211 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ModalDialog = exports.ModalFooter = exports.ModalTitle = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _localization = require("@kepler.gl/localization");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _reactModal = _interopRequireDefault(require("react-modal"));
+
+var _icons = require("./icons");
+
+var _styledComponents2 = require("./styled-components");
+
+var _styles = require("@kepler.gl/styles");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var ModalContentWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  overflow-y: auto;\n  max-width: 70vw;\n  max-height: 85vh;\n  padding: 24px 72px 40px;\n  position: relative;\n  top: 92px;\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  background-color: #ffffff;\n  border-radius: 4px;\n  transition: ", ";\n  box-sizing: border-box;\n  font-size: 12px;\n  color: ", ";\n\n  ", "\n\n  ", "\n\n  ", ";\n"])), function (props) {
+  return props.theme.transition;
+}, function (props) {
+  return props.theme.labelColorLT;
+}, _styles.media.portable(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    padding: 12px 36px 24px;\n    max-width: 80vw;\n  "]))), _styles.media.palm(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    max-width: 100vw;\n  "]))), function (props) {
+  return props.cssStyle || '';
+});
+
+var ModalContent = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  z-index: ", ";\n"])), function (props) {
+  return props.theme.modalContentZ;
+});
+
+var ModalTitle = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: ", ";\n  color: ", ";\n  margin-bottom: 10px;\n  position: relative;\n  z-index: ", ";\n"])), function (props) {
+  return props.theme.modalTitleFontSize;
+}, function (props) {
+  return props.theme.modalTitleColor;
+}, function (props) {
+  return props.theme.modalTitleZ;
+});
+
+exports.ModalTitle = ModalTitle;
+
+var StyledModalFooter = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 100%;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  padding-top: 24px;\n  ", ";\n\n  ", ";\n  z-index: ", ";\n"])), _styles.media.portable(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n    padding-top: 24px;\n  "]))), _styles.media.palm(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n    padding-top: 16px;\n  "]))), function (props) {
+  return props.theme.modalFooterZ;
+});
+
+var CloseButton = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  display: flex;\n  justify-content: flex-end;\n  z-index: ", ";\n  position: absolute;\n  top: 24px;\n  right: 24px;\n\n  :hover {\n    cursor: pointer;\n  }\n"])), function (props) {
+  return props.theme.titleColorLT;
+}, function (props) {
+  return props.theme.modalButtonZ;
+});
+
+var FooterActionWrapper = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: flex-end;\n"])));
+
+var defaultCancelButton = {
+  link: true,
+  large: true,
+  children: 'modal.button.defaultCancel'
+};
+var defaultConfirmButton = {
+  cta: true,
+  large: true,
+  width: '160px',
+  children: 'modal.button.defaultConfirm'
+};
+
+var ModalFooter = function ModalFooter(_ref) {
+  var cancel = _ref.cancel,
+      confirm = _ref.confirm,
+      cancelButton = _ref.cancelButton,
+      confirmButton = _ref.confirmButton;
+
+  var cancelButtonProps = _objectSpread(_objectSpread({}, defaultCancelButton), cancelButton);
+
+  var confirmButtonProps = _objectSpread(_objectSpread({}, defaultConfirmButton), confirmButton);
+
+  return /*#__PURE__*/_react["default"].createElement(StyledModalFooter, {
+    className: "modal--footer"
+  }, /*#__PURE__*/_react["default"].createElement(FooterActionWrapper, null, /*#__PURE__*/_react["default"].createElement(_styledComponents2.Button, (0, _extends2["default"])({
+    className: "modal--footer--cancel-button"
+  }, cancelButtonProps, {
+    onClick: cancel
+  }), /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+    id: cancelButtonProps.children
+  })), /*#__PURE__*/_react["default"].createElement(_styledComponents2.Button, (0, _extends2["default"])({
+    className: "modal--footer--confirm-button"
+  }, confirmButtonProps, {
+    onClick: confirm
+  }), /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+    id: confirmButtonProps.children
+  }))));
+};
+
+exports.ModalFooter = ModalFooter;
+
+var ModalDialog = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(ModalDialog, _Component);
+
+  var _super = _createSuper(ModalDialog);
+
+  function ModalDialog() {
+    (0, _classCallCheck2["default"])(this, ModalDialog);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(ModalDialog, [{
+    key: "render",
+    value: function render() {
+      var props = this.props;
+      return /*#__PURE__*/_react["default"].createElement(_reactModal["default"], (0, _extends2["default"])({
+        className: this.props.className
+      }, props, {
+        ariaHideApp: false,
+        style: {
+          overlay: _objectSpread({
+            backgroundColor: props.theme && props.theme.modalOverlayBgd || 'rgba(0, 0, 0, 0.5)',
+            zIndex: props.theme && props.theme.modalOverLayZ || 1000
+          }, props.style)
+        }
+      }), /*#__PURE__*/_react["default"].createElement(ModalContentWrapper, {
+        className: "modal--wrapper",
+        cssStyle: props.cssStyle
+      }, props.close && /*#__PURE__*/_react["default"].createElement(CloseButton, {
+        className: "modal--close",
+        onClick: props.onCancel
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Delete, {
+        height: "14px"
+      })), /*#__PURE__*/_react["default"].createElement("div", null, props.title && /*#__PURE__*/_react["default"].createElement(ModalTitle, {
+        className: "modal--title"
+      }, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+        id: props.title
+      })), /*#__PURE__*/_react["default"].createElement(ModalContent, {
+        className: "modal--body"
+      }, props.children), props.footer && /*#__PURE__*/_react["default"].createElement(ModalFooter, {
+        cancel: props.onCancel,
+        confirm: props.onConfirm,
+        cancelButton: props.cancelButton,
+        confirmButton: props.confirmButton
+      }))));
+    }
+  }]);
+  return ModalDialog;
+}(_react.Component);
+
+exports.ModalDialog = ModalDialog;
+(0, _defineProperty2["default"])(ModalDialog, "defaultProps", {
+  footer: false,
+  close: true,
+  onConfirm: function onConfirm() {},
+  onCancel: function onCancel() {},
+  cancelButton: defaultCancelButton,
+  confirmButton: defaultConfirmButton,
+  cssStyle: []
+});
+var StyledModal = (0, _styledComponents["default"])(ModalDialog)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n  top: 0;\n  left: 0;\n  transition: ", ";\n  padding-left: 40px;\n  padding-right: 40px;\n\n  ", ";\n\n  ", ";\n\n  :focus {\n    outline: 0;\n  }\n"])), function (props) {
+  return props.theme.transition;
+}, _styles.media.portable(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["\n    padding-left: 24px;\n    padding-right: 24px;\n  "]))), _styles.media.palm(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["\n    padding-left: 0;\n    padding-right: 0;\n  "]))));
+var _default = StyledModal;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vbW9kYWwudHN4Il0sIm5hbWVzIjpbIk1vZGFsQ29udGVudFdyYXBwZXIiLCJzdHlsZWQiLCJkaXYiLCJwcm9wcyIsInRoZW1lIiwidHJhbnNpdGlvbiIsImxhYmVsQ29sb3JMVCIsIm1lZGlhIiwicG9ydGFibGUiLCJwYWxtIiwiY3NzU3R5bGUiLCJNb2RhbENvbnRlbnQiLCJtb2RhbENvbnRlbnRaIiwiTW9kYWxUaXRsZSIsIm1vZGFsVGl0bGVGb250U2l6ZSIsIm1vZGFsVGl0bGVDb2xvciIsIm1vZGFsVGl0bGVaIiwiU3R5bGVkTW9kYWxGb290ZXIiLCJtb2RhbEZvb3RlcloiLCJDbG9zZUJ1dHRvbiIsInRpdGxlQ29sb3JMVCIsIm1vZGFsQnV0dG9uWiIsIkZvb3RlckFjdGlvbldyYXBwZXIiLCJkZWZhdWx0Q2FuY2VsQnV0dG9uIiwibGluayIsImxhcmdlIiwiY2hpbGRyZW4iLCJkZWZhdWx0Q29uZmlybUJ1dHRvbiIsImN0YSIsIndpZHRoIiwiTW9kYWxGb290ZXIiLCJjYW5jZWwiLCJjb25maXJtIiwiY2FuY2VsQnV0dG9uIiwiY29uZmlybUJ1dHRvbiIsImNhbmNlbEJ1dHRvblByb3BzIiwiY29uZmlybUJ1dHRvblByb3BzIiwiTW9kYWxEaWFsb2ciLCJjbGFzc05hbWUiLCJvdmVybGF5IiwiYmFja2dyb3VuZENvbG9yIiwibW9kYWxPdmVybGF5QmdkIiwiekluZGV4IiwibW9kYWxPdmVyTGF5WiIsInN0eWxlIiwiY2xvc2UiLCJvbkNhbmNlbCIsInRpdGxlIiwiZm9vdGVyIiwib25Db25maXJtIiwiQ29tcG9uZW50IiwiU3R5bGVkTW9kYWwiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFFQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7Ozs7Ozs7O0FBTUEsSUFBTUEsbUJBQW1CLEdBQUdDLDZCQUFPQyxHQUFWLDRhQVlULFVBQUFDLEtBQUs7QUFBQSxT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LFFBQUEsU0FBUyxFQUFDO0FBQXhCLFNBQXVDNUMsS0FBSyxDQUFDdUIsUUFBN0MsQ0FORixFQU9HdkIsS0FBSyxDQUFDNkMsTUFBTixpQkFDQyxnQ0FBQyxXQUFEO0FBQ0UsUUFBQSxNQUFNLEVBQUU3QyxLQUFLLENBQUMyQyxRQURoQjtBQUVFLFFBQUEsT0FBTyxFQUFFM0MsS0FBSyxDQUFDOEMsU0FGakI7QUFHRSxRQUFBLFlBQVksRUFBRTlDLEtBQUssQ0FBQzhCLFlBSHRCO0FBSUUsUUFBQSxhQUFhLEVBQUU5QixLQUFLLENBQUMrQjtBQUp2QixRQVJKLENBTkYsQ0FiRixDQURGO0FBdUNEOzs7RUFwRDhCZ0IsZ0I7OztpQ0FBcEJiLFcsa0JBQ1c7QUFDcEJXLEVBQUFBLE1BQU0sRUFBRSxLQURZO0FBRXBCSCxFQUFBQSxLQUFLLEVBQUUsSUFGYTtBQUdwQkksRUFBQUEsU0FBUyxFQUFFLHFCQUFZLENBQUUsQ0FITDtBQUlwQkgsRUFBQUEsUUFBUSxFQUFFLG9CQUFZLENBQUUsQ0FKSjtBQUtwQmIsRUFBQUEsWUFBWSxFQUFFVixtQkFMTTtBQU1wQlcsRUFBQUEsYUFBYSxFQUFFUCxvQkFOSztBQU9wQmpCLEVBQUFBLFFBQVEsRUFBRTtBQVBVLEM7QUFzRHhCLElBQU15QyxXQUFXLEdBQUcsa0NBQU9kLFdBQVAsQ0FBSCxrUEFHRCxVQUFBbEMsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZQyxVQUFoQjtBQUFBLENBSEosRUFPYkUsY0FBTUMsUUFQTyxtSkFZYkQsY0FBTUUsSUFaTyw0SUFBakI7ZUFzQmUwQyxXIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7Q29tcG9uZW50LCBSZWFjdE5vZGV9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuXG5pbXBvcnQgc3R5bGVkLCB7RmxhdHRlblNpbXBsZUludGVycG9sYXRpb259IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBNb2RhbCBmcm9tICdyZWFjdC1tb2RhbCc7XG5pbXBvcnQge0RlbGV0ZX0gZnJvbSAnLi9pY29ucyc7XG5pbXBvcnQge0J1dHRvbn0gZnJvbSAnLi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge21lZGlhfSBmcm9tICdAa2VwbGVyLmdsL3N0eWxlcyc7XG5cbmludGVyZmFjZSBNb2RhbENvbnRlbnRXcmFwcGVyUHJvcHMge1xuICBjc3NTdHlsZT86IEZsYXR0ZW5TaW1wbGVJbnRlcnBvbGF0aW9uIHwgc3RyaW5nO1xufVxuXG5jb25zdCBNb2RhbENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdjxNb2RhbENvbnRlbnRXcmFwcGVyUHJvcHM+YFxuICBvdmVyZmxvdy15OiBhdXRvO1xuICBtYXgtd2lkdGg6IDcwdnc7XG4gIG1heC1oZWlnaHQ6IDg1dmg7XG4gIHBhZGRpbmc6IDI0cHggNzJweCA0MHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRvcDogOTJweDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIG1hcmdpbjogMCBhdXRvO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIHRyYW5zaXRpb246ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudHJhbnNpdGlvbn07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubGFiZWxDb2xvckxUfTtcblxuICAke21lZGlhLnBvcnRhYmxlYFxuICAgIHBhZGRpbmc6IDEycHggMzZweCAyNHB4O1xuICAgIG1heC13aWR0aDogODB2dztcbiAgYH1cblxuICAke21lZGlhLnBhbG1gXG4gICAgbWF4LXdpZHRoOiAxMDB2dztcbiAgYH1cblxuICAke3Byb3BzID0+IHByb3BzLmNzc1N0eWxlIHx8ICcnfTtcbmA7XG5cbmNvbnN0IE1vZGFsQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5tb2RhbENvbnRlbnRafTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbFRpdGxlID0gc3R5bGVkLmRpdmBcbiAgZm9udC1zaXplOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLm1vZGFsVGl0bGVGb250U2l6ZX07XG4gIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLm1vZGFsVGl0bGVDb2xvcn07XG4gIG1hcmdpbi1ib3R0b206IDEwcHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5tb2RhbFRpdGxlWn07XG5gO1xuXG5jb25zdCBTdHlsZWRNb2RhbEZvb3RlciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gIHBhZGRpbmctdG9wOiAyNHB4O1xuICAke21lZGlhLnBvcnRhYmxlYFxuICAgIHBhZGRpbmctdG9wOiAyNHB4O1xuICBgfTtcblxuICAke21lZGlhLnBhbG1gXG4gICAgcGFkZGluZy10b3A6IDE2cHg7XG4gIGB9O1xuICB6LWluZGV4OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLm1vZGFsRm9vdGVyWn07XG5gO1xuXG5jb25zdCBDbG9zZUJ1dHRvbiA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRpdGxlQ29sb3JMVH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gIHotaW5kZXg6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubW9kYWxCdXR0b25afTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDI0cHg7XG4gIHJpZ2h0OiAyNHB4O1xuXG4gIDpob3ZlciB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5jb25zdCBGb290ZXJBY3Rpb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbmA7XG5cbmNvbnN0IGRlZmF1bHRDYW5jZWxCdXR0b24gPSB7XG4gIGxpbms6IHRydWUsXG4gIGxhcmdlOiB0cnVlLFxuICBjaGlsZHJlbjogJ21vZGFsLmJ1dHRvbi5kZWZhdWx0Q2FuY2VsJ1xufTtcblxuY29uc3QgZGVmYXVsdENvbmZpcm1CdXR0b24gPSB7XG4gIGN0YTogdHJ1ZSxcbiAgbGFyZ2U6IHRydWUsXG4gIHdpZHRoOiAnMTYwcHgnLFxuICBjaGlsZHJlbjogJ21vZGFsLmJ1dHRvbi5kZWZhdWx0Q29uZmlybSdcbn07XG5cbmV4cG9ydCBjb25zdCBNb2RhbEZvb3RlciA9ICh7Y2FuY2VsLCBjb25maXJtLCBjYW5jZWxCdXR0b24sIGNvbmZpcm1CdXR0b259KSA9PiB7XG4gIGNvbnN0IGNhbmNlbEJ1dHRvblByb3BzID0gey4uLmRlZmF1bHRDYW5jZWxCdXR0b24sIC4uLmNhbmNlbEJ1dHRvbn07XG4gIGNvbnN0IGNvbmZpcm1CdXR0b25Qcm9wcyA9IHsuLi5kZWZhdWx0Q29uZmlybUJ1dHRvbiwgLi4uY29uZmlybUJ1dHRvbn07XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1vZGFsRm9vdGVyIGNsYXNzTmFtZT1cIm1vZGFsLS1mb290ZXJcIj5cbiAgICAgIDxGb290ZXJBY3Rpb25XcmFwcGVyPlxuICAgICAgICA8QnV0dG9uIGNsYXNzTmFtZT1cIm1vZGFsLS1mb290ZXItLWNhbmNlbC1idXR0b25cIiB7Li4uY2FuY2VsQnV0dG9uUHJvcHN9IG9uQ2xpY2s9e2NhbmNlbH0+XG4gICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e2NhbmNlbEJ1dHRvblByb3BzLmNoaWxkcmVufSAvPlxuICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgPEJ1dHRvbiBjbGFzc05hbWU9XCJtb2RhbC0tZm9vdGVyLS1jb25maXJtLWJ1dHRvblwiIHsuLi5jb25maXJtQnV0dG9uUHJvcHN9IG9uQ2xpY2s9e2NvbmZpcm19PlxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXtjb25maXJtQnV0dG9uUHJvcHMuY2hpbGRyZW59IC8+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgPC9Gb290ZXJBY3Rpb25XcmFwcGVyPlxuICAgIDwvU3R5bGVkTW9kYWxGb290ZXI+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgTW9kYWxEaWFsb2dPd25Qcm9wcyB7XG4gIGZvb3RlcjogYm9vbGVhbjtcbiAgY2xvc2U6IGJvb2xlYW47XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgb25Db25maXJtPzogKC4uLmFyZ3M6IGFueSkgPT4gdm9pZDtcbiAgb25DYW5jZWw6ICguLi5hcmdzOiBhbnkpID0+IHZvaWQ7XG4gIGNvbmZpcm1CdXR0b246IG9iamVjdDtcbiAgY29uZmlybUJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICBjYW5jZWxCdXR0b246IG9iamVjdDtcbiAgY2FuY2VsQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIGNzc1N0eWxlPzogRmxhdHRlblNpbXBsZUludGVycG9sYXRpb24gfCBzdHJpbmc7XG4gIHN0eWxlPzogUmVhY3QuQ1NTUHJvcGVydGllcztcbiAgdGhlbWU6IGFueTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmV4cG9ydCB0eXBlIE1vZGFsRGlhbG9nUHJvcHMgPSBNb2RhbERpYWxvZ093blByb3BzICZcbiAgT21pdDxSZWFjdE1vZGFsLlByb3BzLCAnc3R5bGUnIHwgJ2FyaWFIaWRlQXBwJyB8ICdjbGFzc05hbWUnPjtcblxuZXhwb3J0IGNsYXNzIE1vZGFsRGlhbG9nIGV4dGVuZHMgQ29tcG9uZW50PE1vZGFsRGlhbG9nUHJvcHM+IHtcbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBmb290ZXI6IGZhbHNlLFxuICAgIGNsb3NlOiB0cnVlLFxuICAgIG9uQ29uZmlybTogKCk6IHZvaWQgPT4ge30sXG4gICAgb25DYW5jZWw6ICgpOiB2b2lkID0+IHt9LFxuICAgIGNhbmNlbEJ1dHRvbjogZGVmYXVsdENhbmNlbEJ1dHRvbixcbiAgICBjb25maXJtQnV0dG9uOiBkZWZhdWx0Q29uZmlybUJ1dHRvbixcbiAgICBjc3NTdHlsZTogW11cbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3Qge3Byb3BzfSA9IHRoaXM7XG4gICAgcmV0dXJuIChcbiAgICAgIDxNb2RhbFxuICAgICAgICBjbGFzc05hbWU9e3RoaXMucHJvcHMuY2xhc3NOYW1lfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGFyaWFIaWRlQXBwPXtmYWxzZX1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBvdmVybGF5OiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IChwcm9wcy50aGVtZSAmJiBwcm9wcy50aGVtZS5tb2RhbE92ZXJsYXlCZ2QpIHx8ICdyZ2JhKDAsIDAsIDAsIDAuNSknLFxuICAgICAgICAgICAgekluZGV4OiAocHJvcHMudGhlbWUgJiYgcHJvcHMudGhlbWUubW9kYWxPdmVyTGF5WikgfHwgMTAwMCxcbiAgICAgICAgICAgIC8vIGluIGNhc2Ugd2Ugd2FudCB0byBvdmVycmlkZSB0aGUgbW9kYWwgZGlhbG9nIHN0eWxlXG4gICAgICAgICAgICAuLi5wcm9wcy5zdHlsZVxuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPE1vZGFsQ29udGVudFdyYXBwZXIgY2xhc3NOYW1lPVwibW9kYWwtLXdyYXBwZXJcIiBjc3NTdHlsZT17cHJvcHMuY3NzU3R5bGV9PlxuICAgICAgICAgIHtwcm9wcy5jbG9zZSAmJiAoXG4gICAgICAgICAgICA8Q2xvc2VCdXR0b24gY2xhc3NOYW1lPVwibW9kYWwtLWNsb3NlXCIgb25DbGljaz17cHJvcHMub25DYW5jZWx9PlxuICAgICAgICAgICAgICA8RGVsZXRlIGhlaWdodD1cIjE0cHhcIiAvPlxuICAgICAgICAgICAgPC9DbG9zZUJ1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICB7cHJvcHMudGl0bGUgJiYgKFxuICAgICAgICAgICAgICA8TW9kYWxUaXRsZSBjbGFzc05hbWU9XCJtb2RhbC0tdGl0bGVcIj5cbiAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17cHJvcHMudGl0bGV9IC8+XG4gICAgICAgICAgICAgIDwvTW9kYWxUaXRsZT5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8TW9kYWxDb250ZW50IGNsYXNzTmFtZT1cIm1vZGFsLS1ib2R5XCI+e3Byb3BzLmNoaWxkcmVufTwvTW9kYWxDb250ZW50PlxuICAgICAgICAgICAge3Byb3BzLmZvb3RlciAmJiAoXG4gICAgICAgICAgICAgIDxNb2RhbEZvb3RlclxuICAgICAgICAgICAgICAgIGNhbmNlbD17cHJvcHMub25DYW5jZWx9XG4gICAgICAgICAgICAgICAgY29uZmlybT17cHJvcHMub25Db25maXJtfVxuICAgICAgICAgICAgICAgIGNhbmNlbEJ1dHRvbj17cHJvcHMuY2FuY2VsQnV0dG9ufVxuICAgICAgICAgICAgICAgIGNvbmZpcm1CdXR0b249e3Byb3BzLmNvbmZpcm1CdXR0b259XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L01vZGFsQ29udGVudFdyYXBwZXI+XG4gICAgICA8L01vZGFsPlxuICAgICk7XG4gIH1cbn1cblxuY29uc3QgU3R5bGVkTW9kYWwgPSBzdHlsZWQoTW9kYWxEaWFsb2cpYFxuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHRyYW5zaXRpb246ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudHJhbnNpdGlvbn07XG4gIHBhZGRpbmctbGVmdDogNDBweDtcbiAgcGFkZGluZy1yaWdodDogNDBweDtcblxuICAke21lZGlhLnBvcnRhYmxlYFxuICAgIHBhZGRpbmctbGVmdDogMjRweDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAyNHB4O1xuICBgfTtcblxuICAke21lZGlhLnBhbG1gXG4gICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gIGB9O1xuXG4gIDpmb2N1cyB7XG4gICAgb3V0bGluZTogMDtcbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgU3R5bGVkTW9kYWw7XG4iXX0=

package/dist/common/portaled.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import Modal from 'react-modal';
+interface GetChildPosProps {
+    offsets: Partial<{
+        topOffset: number;
+        leftOffset: number;
+        rightOffset: number;
+    }>;
+    rect: DOMRect;
+    childRect: DOMRect;
+    pageOffset: {
+        x: number;
+        y: number;
+    };
+    padding: number;
+}
+export declare const getChildPos: ({ offsets, rect, childRect, pageOffset, padding }: GetChildPosProps) => {
+    left: number;
+    top: number;
+} | {
+    right: number;
+    top: number;
+};
+declare const _default: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    left?: number | undefined;
+    right?: number | undefined;
+    top: number;
+    component?: React.ElementType<any> | undefined;
+    onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void) | undefined;
+    isOpened?: boolean | undefined;
+    overlayZIndex?: number | undefined;
+    modalProps?: Partial<Modal.Props> | undefined;
+    modalStyle?: Partial<{
+        content: {
+            top: number;
+            left: number;
+            border: number;
+            right: string;
+            bottom: string;
+            padding: string;
+        };
+        overlay: {
+            right: string;
+            bottom: string;
+            width: string;
+            height: string;
+            backgroundColor: string;
+        };
+    }> | undefined;
+} & {
+    theme?: any;
+}>;
+export default _default;