no-frills-ui 0.0.14-alpha.7 → 0.0.14-rc.0

package/lib-esm/components/Popover/Popover.js

@@ -1,6 +1,5 @@
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import React, { useState, useRef, useId, useCallback, useEffect } from 'react';
-import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
 import Card from '../Card/Card.js';
 
@@ -11,7 +10,7 @@ var POPOVER_POSITION = /*#__PURE__*/ function(POPOVER_POSITION) {
     POPOVER_POSITION["BOTTOM_RIGHT"] = "BOTTOM_RIGHT";
     return POPOVER_POSITION;
 }({});
-const positionMap = {
+const positionMap$2 = {
     ["TOP_LEFT"]: `
         bottom: calc(100% - 10px);
         left: 0;
@@ -30,25 +29,30 @@ const positionMap = {
     `
 };
 const PopoverDiv = /*#__PURE__*/ styled("div", {
-    target: "e1oy1jnn0",
+    target: "ejcb1ps0",
     label: "PopoverDiv"
-})("position:relative;display:inline-flex;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Qb3BvdmVyL1BvcG92ZXIudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvUG9wb3Zlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZUlkLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENhcmQgfSBmcm9tICcuLi9DYXJkJztcblxuZXhwb3J0IGVudW0gUE9QT1ZFUl9QT1NJVElPTiB7XG4gICAgVE9QX0xFRlQgPSAnVE9QX0xFRlQnLFxuICAgIFRPUF9SSUdIVCA9ICdUT1BfUklHSFQnLFxuICAgIEJPVFRPTV9MRUZUID0gJ0JPVFRPTV9MRUZUJyxcbiAgICBCT1RUT01fUklHSFQgPSAnQk9UVE9NX1JJR0hUJyxcbn1cblxuaW50ZXJmYWNlIHRyYW5zbGF0ZSB7XG4gICAgeDogbnVtYmVyO1xuICAgIHk6IG51bWJlcjtcbn1cblxuY29uc3QgcG9zaXRpb25NYXAgPSB7XG4gICAgW1BPUE9WRVJfUE9TSVRJT04uVE9QX0xFRlRdOiBgXG4gICAgICAgIGJvdHRvbTogY2FsYygxMDAlIC0gMTBweCk7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgYCxcbiAgICBbUE9QT1ZFUl9QT1NJVElPTi5UT1BfUklHSFRdOiBgXG4gICAgICAgIGJvdHRvbTogY2FsYygxMDAlIC0gMTBweCk7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIGAsXG4gICAgW1BPUE9WRVJfUE9TSVRJT04uQk9UVE9NX1JJR0hUXTogYFxuICAgICAgICB0b3A6IGNhbGMoMTAwJSAtIDEwcHgpO1xuICAgICAgICByaWdodDogMDtcbiAgICBgLFxuICAgIFtQT1BPVkVSX1BPU0lUSU9OLkJPVFRPTV9MRUZUXTogYFxuICAgICAgICB0b3A6IGNhbGMoMTAwJSAtIDEwcHgpO1xuICAgICAgICBsZWZ0OiAwO1xuICAgIGAsXG59O1xuXG5jb25zdCBQb3BvdmVyRGl2ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG5gO1xuXG5jb25zdCBQb3BwZXIgPSBzdHlsZWQoQ2FyZCk8eyBwb3NpdGlvbjogUE9QT1ZFUl9QT1NJVElPTjsgdHJhbnNsYXRlWDogbnVtYmVyOyB0cmFuc2xhdGVZOiBudW1iZXIgfT5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1pbi13aWR0aDogMjAwcHg7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgYW5pbWF0aW9uOiBlbnRlciAwLjNzIGxpbmVhcjtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgei1pbmRleDogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgkeyhwcm9wcykgPT4gcHJvcHMudHJhbnNsYXRlWH1weCwgJHsocHJvcHMpID0+IHByb3BzLnRyYW5zbGF0ZVl9cHgpO1xuICAgICR7KHByb3BzKSA9PiBwb3NpdGlvbk1hcFtwcm9wcy5wb3NpdGlvbl19XG5cbiAgICAmLmNsb3Npbmcge1xuICAgICAgICAvKiBtYXgtaGVpZ2h0OiAwcHg7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47ICovXG4gICAgICAgIGFuaW1hdGlvbjogZXhpdCAwLjNzIGxpbmVhcjtcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGVudGVyIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAwcHg7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAzMDBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBleGl0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMHB4O1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIH1cbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAzMDBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuY29uc3QgS0VZX0NPREVTID0ge1xuICAgIEVTQzogMjcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBQb3BvdmVyKFxuICAgIHByb3BzOiBSZWFjdC5Qcm9wc1dpdGhDaGlsZHJlbjxQcm9wVHlwZXMuSW5mZXJQcm9wczx0eXBlb2YgUG9wb3Zlci5wcm9wVHlwZXM+Pixcbikge1xuICAgIGNvbnN0IFtvcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlKHByb3BzLm9wZW4pO1xuICAgIGNvbnN0IFtjbG9zaW5nLCBzZXRDbG9zaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbdHJhbnNsYXRlLCBzZXRUcmFuc2xhdGVdID0gdXNlU3RhdGU8dHJhbnNsYXRlPih7IHg6IDAsIHk6IDAgfSk7XG4gICAgY29uc3QgcG9wcGVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PigpO1xuICAgIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4oKTtcbiAgICBjb25zdCB0cmlnZ2VyUmVmID0gdXNlUmVmPEhUTUxFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgY2xvc2VUaW1lb3V0UmVmID0gdXNlUmVmPE5vZGVKUy5UaW1lb3V0IHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgZm9jdXNUaW1lb3V0UmVmID0gdXNlUmVmPE5vZGVKUy5UaW1lb3V0IHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgcG9wcGVySWQgPSB1c2VJZCgpO1xuICAgIGNvbnN0IHRyaWdnZXJJZCA9IHVzZUlkKCk7XG5cbiAgICBjb25zdCBjbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgLy8gQ2xlYXIgYW55IGV4aXN0aW5nIHRpbWVvdXRzIGZpcnN0XG4gICAgICAgIGlmIChjbG9zZVRpbWVvdXRSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KGNsb3NlVGltZW91dFJlZi5jdXJyZW50KTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoZm9jdXNUaW1lb3V0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgIGNsZWFyVGltZW91dChmb2N1c1RpbWVvdXRSZWYuY3VycmVudCk7XG4gICAgICAgIH1cblxuICAgICAgICBzZXRDbG9zaW5nKHRydWUpO1xuICAgICAgICBjbG9zZVRpbWVvdXRSZWYuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgICAgICBzZXRUcmFuc2xhdGUoeyB4OiAwLCB5OiAwIH0pO1xuXG4gICAgICAgICAgICBpZiAocHJvcHMub25DbG9zZSkge1xuICAgICAgICAgICAgICAgIHByb3BzLm9uQ2xvc2UoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHNldENsb3NpbmcoZmFsc2UpO1xuXG4gICAgICAgICAgICAvLyBSZXN0b3JlIGZvY3VzIHRvIHRoZSB0cmlnZ2VyIGVsZW1lbnQgYWZ0ZXIgYW5pbWF0aW9uIGNvbXBsZXRlc1xuICAgICAgICAgICAgZm9jdXNUaW1lb3V0UmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAodHJpZ2dlclJlZi5jdXJyZW50ICYmIGRvY3VtZW50LmJvZHkuY29udGFpbnModHJpZ2dlclJlZi5jdXJyZW50KSkge1xuICAgICAgICAgICAgICAgICAgICB0cmlnZ2VyUmVmLmN1cnJlbnQuZm9jdXMoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgZm9jdXNUaW1lb3V0UmVmLmN1cnJlbnQgPSBudWxsO1xuICAgICAgICAgICAgfSwgNTApO1xuICAgICAgICAgICAgY2xvc2VUaW1lb3V0UmVmLmN1cnJlbnQgPSBudWxsO1xuICAgICAgICB9LCAyODApO1xuICAgIH0sIFtwcm9wc10pO1xuXG4gICAgY29uc3Qga2V5dXBFdmVudEhhbmRsZXIgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKGU6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGlmIChwcm9wcy5jbG9zZU9uRXNjICYmIGUua2V5Q29kZSA9PT0gS0VZX0NPREVTLkVTQykge1xuICAgICAgICAgICAgICAgIGNsb3NlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFtjbG9zZSwgcHJvcHMuY2xvc2VPbkVzY10sXG4gICAgKTtcblxuICAgIGNvbnN0IGNsaWNrT3V0c2lkZUhhbmRsZXIgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKGU6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGlmIChjb250YWluZXJSZWYuY3VycmVudCAmJiAhY29udGFpbmVyUmVmLmN1cnJlbnQuY29udGFpbnMoZS50YXJnZXQgYXMgTm9kZSkpIHtcbiAgICAgICAgICAgICAgICBjbG9zZSgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbY2xvc2VdLFxuICAgICk7XG5cbiAgICAvKipcbiAgICAgKiBHZXQgY2FsbGVkIG9uIHBvcG92ZXIgbW91bnQuXG4gICAgICovXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcigna2V5dXAnLCBrZXl1cEV2ZW50SGFuZGxlcik7XG5cbiAgICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXVwJywga2V5dXBFdmVudEhhbmRsZXIpO1xuICAgICAgICB9O1xuICAgIH0sIFtrZXl1cEV2ZW50SGFuZGxlcl0pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHByb3BzLm9wZW4pIHtcbiAgICAgICAgICAgIHNldE9wZW4odHJ1ZSk7XG4gICAgICAgICAgICAvLyBVc2UgcmVxdWVzdEFuaW1hdGlvbkZyYW1lIHRvIGFkZCBsaXN0ZW5lciBhZnRlciBjdXJyZW50IGV2ZW50IGxvb3BcbiAgICAgICAgICAgIGNvbnN0IHJhZklkID0gcmVxdWVzdEFuaW1hdGlvbkZyYW1lKCgpID0+IHtcbiAgICAgICAgICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIGNsaWNrT3V0c2lkZUhhbmRsZXIpO1xuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICAgICAgY2FuY2VsQW5pbWF0aW9uRnJhbWUocmFmSWQpO1xuICAgICAgICAgICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgY2xpY2tPdXRzaWRlSGFuZGxlcik7XG4gICAgICAgICAgICB9O1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgaWYgKG9wZW4pIHtcbiAgICAgICAgICAgICAgICBjbG9zZSgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfSwgW3Byb3BzLm9wZW4sIG9wZW4sIGNsaWNrT3V0c2lkZUhhbmRsZXIsIGNsb3NlXSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAob3Blbikge1xuICAgICAgICAgICAgY29uc3QgeyB0b3AsIGxlZnQsIHJpZ2h0IH0gPSBwb3BwZXJSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgICAgIGNvbnN0IGhlaWdodCA9IHBvcHBlclJlZi5jdXJyZW50LnNjcm9sbEhlaWdodDtcbiAgICAgICAgICAgIGNvbnN0IHZpZXdwb3J0V2lkdGggPSBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50V2lkdGg7XG4gICAgICAgICAgICBjb25zdCB2aWV3cG9ydEhlaWdodCA9IGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGllbnRIZWlnaHQ7XG4gICAgICAgICAgICBjb25zdCB0cmFuc2xhdGlvbiA9IHsgeDogMCwgeTogMCB9O1xuXG4gICAgICAgICAgICBpZiAocHJvcHMucG9zaXRpb24gPT09IFBPUE9WRVJfUE9TSVRJT04uQk9UVE9NX0xFRlQpIHtcbiAgICAgICAgICAgICAgICAvLyBvdmVyZmxvdyBjYW4gaGFwcGVuIGF0IGJvdHRvbSBhbmQgcmlnaHRcbiAgICAgICAgICAgICAgICBpZiAodmlld3BvcnRIZWlnaHQgLSB0b3AgLSBoZWlnaHQgPCAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0aW9uLnkgPSAtMSAqIChNYXRoLmFicyh2aWV3cG9ydEhlaWdodCAtIHRvcCAtIGhlaWdodCkgKyA1KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgaWYgKHZpZXdwb3J0V2lkdGggLSByaWdodCA8IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNsYXRpb24ueCA9IC0xICogKE1hdGguYWJzKHZpZXdwb3J0V2lkdGggLSByaWdodCkgKyA1KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9IGVsc2UgaWYgKHByb3BzLnBvc2l0aW9uID09IFBPUE9WRVJfUE9TSVRJT04uQk9UVE9NX1JJR0hUKSB7XG4gICAgICAgICAgICAgICAgLy8gb3ZlcmZsb3cgY2FuIGhhcHBlbiBhdCBib3R0b20gYW5kIGxlZnRcbiAgICAgICAgICAgICAgICBpZiAodmlld3BvcnRIZWlnaHQgLSB0b3AgLSBoZWlnaHQgPCAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0aW9uLnkgPSAtMSAqIChNYXRoLmFicyh2aWV3cG9ydEhlaWdodCAtIHRvcCAtIGhlaWdodCkgKyA1KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgaWYgKGxlZnQgPCAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0aW9uLnggPSBNYXRoLmFicyhsZWZ0KSArIDU7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSBlbHNlIGlmIChwcm9wcy5wb3NpdGlvbiA9PT0gUE9QT1ZFUl9QT1NJVElPTi5UT1BfTEVGVCkge1xuICAgICAgICAgICAgICAgIC8vIG92ZXJmbG93IGNhbiBoYXBwZW4gYXQgdG9wIGFuZCByaWdodFxuICAgICAgICAgICAgICAgIGlmICh0b3AgLSBoZWlnaHQgPCAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0aW9uLnkgPSBNYXRoLmFicyh0b3AgLSBoZWlnaHQpICsgNTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgaWYgKHZpZXdwb3J0V2lkdGggLSByaWdodCA8IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNsYXRpb24ueCA9IC0xICogKE1hdGguYWJzKHZpZXdwb3J0V2lkdGggLSByaWdodCkgKyA1KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIC8vIG92ZXJmbG93IGNhbiBoYXBwZW4gYXQgdG9wIGFuZCBsZWZ0XG4gICAgICAgICAgICAgICAgaWYgKHRvcCAtIGhlaWdodCA8IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNsYXRpb24ueSA9IE1hdGguYWJzKHRvcCAtIGhlaWdodCkgKyA1O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBpZiAobGVmdCA8IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNsYXRpb24ueCA9IE1hdGguYWJzKGxlZnQpICsgNTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyBOb3RlIGl0IGNhbiBzdGlsbCBvdmVyZmxvdywgYnV0IGluIHRoYXQgY2FzZSBmaXR0aW5nIHBvcHBlciBpbnNpZGUgdGhlXG4gICAgICAgICAgICAvLyB3aW5kb3cgaXMgbm90IHBvc3NpYmxlLlxuICAgICAgICAgICAgc2V0VHJhbnNsYXRlKHRyYW5zbGF0aW9uKTtcbiAgICAgICAgICAgIHBvcHBlclJlZi5jdXJyZW50LmZvY3VzKCk7XG4gICAgICAgIH1cbiAgICB9LCBbb3BlbiwgcHJvcHMucG9zaXRpb25dKTtcblxuICAgIC8qKlxuICAgICAqIENsZWFudXAgdGltZW91dHMgb24gdW5tb3VudFxuICAgICAqL1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICBpZiAoY2xvc2VUaW1lb3V0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgICAgICBjbGVhclRpbWVvdXQoY2xvc2VUaW1lb3V0UmVmLmN1cnJlbnQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWYgKGZvY3VzVGltZW91dFJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICAgICAgY2xlYXJUaW1lb3V0KGZvY3VzVGltZW91dFJlZi5jdXJyZW50KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8UG9wb3ZlckRpdiByZWY9e2NvbnRhaW5lclJlZn0+XG4gICAgICAgICAgICB7UmVhY3QuY3JlYXRlRWxlbWVudChwcm9wcy5lbGVtZW50LCB7XG4gICAgICAgICAgICAgICAgcmVmOiB0cmlnZ2VyUmVmLFxuICAgICAgICAgICAgICAgIGlkOiB0cmlnZ2VySWQsXG4gICAgICAgICAgICAgICAgJ2FyaWEtZXhwYW5kZWQnOiBvcGVuLFxuICAgICAgICAgICAgICAgICdhcmlhLWhhc3BvcHVwJzogJ2RpYWxvZycsXG4gICAgICAgICAgICAgICAgJ2FyaWEtY29udHJvbHMnOiBwb3BwZXJJZCxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAge29wZW4gJiYgKFxuICAgICAgICAgICAgICAgIDxQb3BwZXJcbiAgICAgICAgICAgICAgICAgICAgZWxldmF0ZWRcbiAgICAgICAgICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e3RyaWdnZXJJZH1cbiAgICAgICAgICAgICAgICAgICAgaWQ9e3BvcHBlcklkfVxuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbj17cHJvcHMucG9zaXRpb259XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0ZVg9e3RyYW5zbGF0ZS54fVxuICAgICAgICAgICAgICAgICAgICB0cmFuc2xhdGVZPXt0cmFuc2xhdGUueX1cbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbG9zaW5nICYmICdjbG9zaW5nJ31cbiAgICAgICAgICAgICAgICAgICAgcmVmPXtwb3BwZXJSZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhlKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgICAgICAgICAgZS5uYXRpdmVFdmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgICAgICAgICA8L1BvcHBlcj5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvUG9wb3ZlckRpdj5cbiAgICApO1xufVxuXG5Qb3BvdmVyLnByb3BUeXBlcyA9IHtcbiAgICAvKiogT3BlbnMgdGhlIHBvcG92ZXIgKi9cbiAgICBvcGVuOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICAgIC8qKiBBbmNob3IgZWxlbWVudCBmb3IgdGhlIHBvcG92ZXIgKi9cbiAgICBlbGVtZW50OiBQcm9wVHlwZXMuZnVuYyxcbiAgICAvKiogUG9zaXRpb24gb2YgdGhlIHBvcG92ZXIgYXJvdW5kIGFuY2hvciBlbGVtZW50ICovXG4gICAgcG9zaXRpb246IFByb3BUeXBlcy5vbmVPZihbXG4gICAgICAgIFBPUE9WRVJfUE9TSVRJT04uVE9QX0xFRlQsXG4gICAgICAgIFBPUE9WRVJfUE9TSVRJT04uVE9QX1JJR0hULFxuICAgICAgICBQT1BPVkVSX1BPU0lUSU9OLkJPVFRPTV9MRUZULFxuICAgICAgICBQT1BPVkVSX1BPU0lUSU9OLkJPVFRPTV9SSUdIVCxcbiAgICBdKSxcbiAgICAvKiogSWYgdGhlIHBvcG92ZXIgc2hvdWxkIGNsb3NlIG9uIGBlc2NgIGtleSBwcmVzcyAqL1xuICAgIGNsb3NlT25Fc2M6IFByb3BUeXBlcy5ib29sLFxuICAgIC8qKiBQb3BvdmVyIGNsb3NlIGNhbGxiYWNrICovXG4gICAgb25DbG9zZTogUHJvcFR5cGVzLmZ1bmMsXG59O1xuXG5Qb3BvdmVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBjbG9zZU9uRXNjOiB0cnVlLFxuICAgIHBvc2l0aW9uOiBQT1BPVkVSX1BPU0lUSU9OLkJPVFRPTV9MRUZULFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ21CIn0= */");
+})("position:relative;display:inline-flex;");
 const Popper = /*#__PURE__*/ styled(Card, {
-    target: "e1oy1jnn1",
+    target: "ejcb1ps1",
     label: "Popper"
-})("position:absolute;width:100%;min-width:200px;overflow:auto;animation:enter 0.3s linear;border-radius:3px;z-index:1;transform:translate(", (props)=>props.translateX, "px,", (props)=>props.translateY, "px);", (props)=>positionMap[props.position], "    &.closing{animation:exit 0.3s linear;}@keyframes enter{from{max-height:0px;opacity:1;overflow:hidden;}to{max-height:300px;opacity:1;overflow:hidden;}}@keyframes exit{to{max-height:0px;opacity:1;overflow:hidden;}from{max-height:300px;opacity:1;overflow:hidden;}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Qb3BvdmVyL1BvcG92ZXIudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvUG9wb3Zlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZUlkLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENhcmQgfSBmcm9tICcuLi9DYXJkJztcblxuZXhwb3J0IGVudW0gUE9QT1ZFUl9QT1NJVElPTiB7XG4gICAgVE9QX0xFRlQgPSAnVE9QX0xFRlQnLFxuICAgIFRPUF9SSUdIVCA9ICdUT1BfUklHSFQnLFxuICAgIEJPVFRPTV9MRUZUID0gJ0JPVFRPTV9MRUZUJyxcbiAgICBCT1RUT01fUklHSFQgPSAnQk9UVE9NX1JJR0hUJyxcbn1cblxuaW50ZXJmYWNlIHRyYW5zbGF0ZSB7XG4gICAgeDogbnVtYmVyO1xuICAgIHk6IG51bWJlcjtcbn1cblxuY29uc3QgcG9zaXRpb25NYXAgPSB7XG4gICAgW1BPUE9WRVJfUE9TSVRJT04uVE9QX0xFRlRdOiBgXG4gICAgICAgIGJvdHRvbTogY2FsYygxMDAlIC0gMTBweCk7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgYCxcbiAgICBbUE9QT1ZFUl9QT1NJVElPTi5UT1BfUklHSFRdOiBgXG4gICAgICAgIGJvdHRvbTogY2FsYygxMDAlIC0gMTBweCk7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIGAsXG4gICAgW1BPUE9WRVJfUE9TSVRJT04uQk9UVE9NX1JJR0hUXTogYFxuICAgICAgICB0b3A6IGNhbGMoMTAwJSAtIDEwcHgpO1xuICAgICAgICByaWdodDogMDtcbiAgICBgLFxuICAgIFtQT1BPVkVSX1BPU0lUSU9OLkJPVFRPTV9MRUZUXTogYFxuICAgICAgICB0b3A6IGNhbGMoMTAwJSAtIDEwcHgpO1xuICAgICAgICBsZWZ0OiAwO1xuICAgIGAsXG59O1xuXG5jb25zdCBQb3BvdmVyRGl2ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG5gO1xuXG5jb25zdCBQb3BwZXIgPSBzdHlsZWQoQ2FyZCk8eyBwb3NpdGlvbjogUE9QT1ZFUl9QT1NJVElPTjsgdHJhbnNsYXRlWDogbnVtYmVyOyB0cmFuc2xhdGVZOiBudW1iZXIgfT5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1pbi13aWR0aDogMjAwcHg7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgYW5pbWF0aW9uOiBlbnRlciAwLjNzIGxpbmVhcjtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgei1pbmRleDogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgkeyhwcm9wcykgPT4gcHJvcHMudHJhbnNsYXRlWH1weCwgJHsocHJvcHMpID0+IHByb3BzLnRyYW5zbGF0ZVl9cHgpO1xuICAgICR7KHByb3BzKSA9PiBwb3NpdGlvbk1hcFtwcm9wcy5wb3NpdGlvbl19XG5cbiAgICAmLmNsb3Npbmcge1xuICAgICAgICAvKiBtYXgtaGVpZ2h0OiAwcHg7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47ICovXG4gICAgICAgIGFuaW1hdGlvbjogZXhpdCAwLjNzIGxpbmVhcjtcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGVudGVyIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAwcHg7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAzMDBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBleGl0IHtcbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgbWF4LWhlaWdodDogMHB4O1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIH1cbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiAzMDBweDtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuY29uc3QgS0VZX0NPREVTID0ge1xuICAgIEVTQzogMjcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBQb3BvdmVyKFxuICAgIHByb3BzOiBSZWFjdC5Qcm9wc1dpdGhDaGlsZHJlbjxQcm9wVHlwZXMuSW5mZXJQcm9wczx0eXBlb2YgUG9wb3Zlci5wcm9wVHlwZXM+Pixcbikge1xuICAgIGNvbnN0IFtvcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlKHByb3BzLm9wZW4pO1xuICAgIGNvbnN0IFtjbG9zaW5nLCBzZXRDbG9zaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbdHJhbnNsYXRlLCBzZXRUcmFuc2xhdGVdID0gdXNlU3RhdGU8dHJhbnNsYXRlPih7IHg6IDAsIHk6IDAgfSk7XG4gICAgY29uc3QgcG9wcGVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PigpO1xuICAgIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4oKTtcbiAgICBjb25zdCB0cmlnZ2VyUmVmID0gdXNlUmVmPEhUTUxFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgY2xvc2VUaW1lb3V0UmVmID0gdXNlUmVmPE5vZGVKUy5UaW1lb3V0IHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgZm9jdXNUaW1lb3V0UmVmID0gdXNlUmVmPE5vZGVKUy5UaW1lb3V0IHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgcG9wcGVySWQgPSB1c2VJZCgpO1xuICAgIGNvbnN0IHRyaWdnZXJJZCA9IHVzZUlkKCk7XG5cbiAgICBjb25zdCBjbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgLy8gQ2xlYXIgYW55IGV4aXN0aW5nIHRpbWVvdXRzIGZpcnN0XG4gICAgICAgIGlmIChjbG9zZVRpbWVvdXRSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KGNsb3NlVGltZW91dFJlZi5jdXJyZW50KTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoZm9jdXNUaW1lb3V0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgIGNsZWFyVGltZW91dChmb2N1c1RpbWVvdXRSZWYuY3VycmVudCk7XG4gICAgICAgIH1cblxuICAgICAgICBzZXRDbG9zaW5nKHRydWUpO1xuICAgICAgICBjbG9zZVRpbWVvdXRSZWYuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgICAgICBzZXRUcmFuc2xhdGUoeyB4OiAwLCB5OiAwIH0pO1xuXG4gICAgICAgICAgICBpZiAocHJvcHMub25DbG9zZSkge1xuICAgICAgICAgICAgICAgIHByb3BzLm9uQ2xvc2UoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHNldENsb3NpbmcoZmFsc2UpO1xuXG4gICAgICAgICAgICAvLyBSZXN0b3JlIGZvY3VzIHRvIHRoZSB0cmlnZ2VyIGVsZW1lbnQgYWZ0ZXIgYW5pbWF0aW9uIGNvbXBsZXRlc1xuICAgICAgICAgICAgZm9jdXNUaW1lb3V0UmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAodHJpZ2dlclJlZi5jdXJyZW50ICYmIGRvY3VtZW50LmJvZHkuY29udGFpbnModHJpZ2dlclJlZi5jdXJyZW50KSkge1xuICAgICAgICAgICAgICAgICAgICB0cmlnZ2VyUmVmLmN1cnJlbnQuZm9jdXMoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgZm9jdXNUaW1lb3V0UmVmLmN1cnJlbnQgPSBudWxsO1xuICAgICAgICAgICAgfSwgNTApO1xuICAgICAgICAgICAgY2xvc2VUaW1lb3V0UmVmLmN1cnJlbnQgPSBudWxsO1xuICAgICAgICB9LCAyODApO1xuICAgIH0sIFtwcm9wc10pO1xuXG4gICAgY29uc3Qga2V5dXBFdmVudEhhbmRsZXIgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKGU6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGlmIChwcm9wcy5jbG9zZU9uRXNjICYmIGUua2V5Q29kZSA9PT0gS0VZX0NPREVTLkVTQykge1xuICAgICAgICAgICAgICAgIGNsb3NlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFtjbG9zZSwgcHJvcHMuY2xvc2VPbkVzY10sXG4gICAgKTtcblxuICAgIGNvbnN0IGNsaWNrT3V0c2lkZUhhbmRsZXIgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKGU6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGlmIChjb250YWluZXJSZWYuY3VycmVudCAmJiAhY29udGFpbmVyUmVmLmN1cnJlbnQuY29udGFpbnMoZS50YXJnZXQgYXMgTm9kZSkpIHtcbiAgICAgICAgICAgICAgICBjbG9zZSgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbY2xvc2VdLFxuICAgICk7XG5cbiAgICAvKipcbiAgICAgKiBHZXQgY2FsbGVkIG9uIHBvcG92ZXIgbW91bnQuXG4gICAgICovXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcigna2V5dXAnLCBrZXl1cEV2ZW50SGFuZGxlcik7XG5cbiAgICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXVwJywga2V5dXBFdmVudEhhbmRsZXIpO1xuICAgICAgICB9O1xuICAgIH0sIFtrZXl1cEV2ZW50SGFuZGxlcl0pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHByb3BzLm9wZW4pIHtcbiAgICAgICAgICAgIHNldE9wZW4odHJ1ZSk7XG4gICAgICAgICAgICAvLyBVc2UgcmVxdWVzdEFuaW1hdGlvbkZyYW1lIHRvIGFkZCBsaXN0ZW5lciBhZnRlciBjdXJyZW50IGV2ZW50IGxvb3BcbiAgICAgICAgICAgIGNvbnN0IHJhZklkID0gcmVxdWVzdEFuaW1hdGlvbkZyYW1lKCgpID0+IHtcbiAgICAgICAgICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIGNsaWNrT3V0c2lkZUhhbmRsZXIpO1xuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICAgICAgY2FuY2VsQW5pbWF0aW9uRnJhbWUocmFmSWQpO1xuICAgICAgICAgICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgY2xpY2tPdXRzaWRlSGFuZGxlcik7XG4gICAgICAgICAgICB9O1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgaWYgKG9wZW4pIHtcbiAgICAgICAgICAgICAgICBjbG9zZSgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfSwgW3Byb3BzLm9wZW4sIG9wZW4sIGNsaWNrT3V0c2lkZUhhbmRsZXIsIGNsb3NlXSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAob3Blbikge1xuICAgICAgICAgICAgY29uc3QgeyB0b3AsIGxlZnQsIHJpZ2h0IH0gPSBwb3BwZXJSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgICAgIGNvbnN0IGhlaWdodCA9IHBvcHBlclJlZi5jdXJyZW50LnNjcm9sbEhlaWdodDtcbiAgICAgICAgICAgIGNvbnN0IHZpZXdwb3J0V2lkdGggPSBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50V2lkdGg7XG4gICAgICAgICAgICBjb25zdCB2aWV3cG9ydEhlaWdodCA9IGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGllbnRIZWlnaHQ7XG4gICAgICAgICAgICBjb25zdCB0cmFuc2xhdGlvbiA9IHsgeDogMCwgeTogMCB9O1xuXG4gICAgICAgICAgICBpZiAocHJvcHMucG9zaXRpb24gPT09IFBPUE9WRVJfUE9TSVRJT04uQk9UVE9NX0xFRlQpIHtcbiAgICAgICAgICAgICAgICAvLyBvdmVyZmxvdyBjYW4gaGFwcGVuIGF0IGJvdHRvbSBhbmQgcmlnaHRcbiAgICAgICAgICAgICAgICBpZiAodmlld3BvcnRIZWlnaHQgLSB0b3AgLSBoZWlnaHQgPCAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0aW9uLnkgPSAtMSAqIChNYXRoLmFicyh2aWV3cG9ydEhlaWdodCAtIHRvcCAtIGhlaWdodCkgKyA1KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgaWYgKHZpZXdwb3J0V2lkdGggLSByaWdodCA8IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNsYXRpb24ueCA9IC0xICogKE1hdGguYWJzKHZpZXdwb3J0V2lkdGggLSByaWdodCkgKyA1KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9IGVsc2UgaWYgKHByb3BzLnBvc2l0aW9uID09IFBPUE9WRVJfUE9TSVRJT04uQk9UVE9NX1JJR0hUKSB7XG4gICAgICAgICAgICAgICAgLy8gb3ZlcmZsb3cgY2FuIGhhcHBlbiBhdCBib3R0b20gYW5kIGxlZnRcbiAgICAgICAgICAgICAgICBpZiAodmlld3BvcnRIZWlnaHQgLSB0b3AgLSBoZWlnaHQgPCAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0aW9uLnkgPSAtMSAqIChNYXRoLmFicyh2aWV3cG9ydEhlaWdodCAtIHRvcCAtIGhlaWdodCkgKyA1KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgaWYgKGxlZnQgPCAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0aW9uLnggPSBNYXRoLmFicyhsZWZ0KSArIDU7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSBlbHNlIGlmIChwcm9wcy5wb3NpdGlvbiA9PT0gUE9QT1ZFUl9QT1NJVElPTi5UT1BfTEVGVCkge1xuICAgICAgICAgICAgICAgIC8vIG92ZXJmbG93IGNhbiBoYXBwZW4gYXQgdG9wIGFuZCByaWdodFxuICAgICAgICAgICAgICAgIGlmICh0b3AgLSBoZWlnaHQgPCAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0aW9uLnkgPSBNYXRoLmFicyh0b3AgLSBoZWlnaHQpICsgNTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgaWYgKHZpZXdwb3J0V2lkdGggLSByaWdodCA8IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNsYXRpb24ueCA9IC0xICogKE1hdGguYWJzKHZpZXdwb3J0V2lkdGggLSByaWdodCkgKyA1KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIC8vIG92ZXJmbG93IGNhbiBoYXBwZW4gYXQgdG9wIGFuZCBsZWZ0XG4gICAgICAgICAgICAgICAgaWYgKHRvcCAtIGhlaWdodCA8IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNsYXRpb24ueSA9IE1hdGguYWJzKHRvcCAtIGhlaWdodCkgKyA1O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBpZiAobGVmdCA8IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNsYXRpb24ueCA9IE1hdGguYWJzKGxlZnQpICsgNTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyBOb3RlIGl0IGNhbiBzdGlsbCBvdmVyZmxvdywgYnV0IGluIHRoYXQgY2FzZSBmaXR0aW5nIHBvcHBlciBpbnNpZGUgdGhlXG4gICAgICAgICAgICAvLyB3aW5kb3cgaXMgbm90IHBvc3NpYmxlLlxuICAgICAgICAgICAgc2V0VHJhbnNsYXRlKHRyYW5zbGF0aW9uKTtcbiAgICAgICAgICAgIHBvcHBlclJlZi5jdXJyZW50LmZvY3VzKCk7XG4gICAgICAgIH1cbiAgICB9LCBbb3BlbiwgcHJvcHMucG9zaXRpb25dKTtcblxuICAgIC8qKlxuICAgICAqIENsZWFudXAgdGltZW91dHMgb24gdW5tb3VudFxuICAgICAqL1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICBpZiAoY2xvc2VUaW1lb3V0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgICAgICBjbGVhclRpbWVvdXQoY2xvc2VUaW1lb3V0UmVmLmN1cnJlbnQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWYgKGZvY3VzVGltZW91dFJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICAgICAgY2xlYXJUaW1lb3V0KGZvY3VzVGltZW91dFJlZi5jdXJyZW50KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8UG9wb3ZlckRpdiByZWY9e2NvbnRhaW5lclJlZn0+XG4gICAgICAgICAgICB7UmVhY3QuY3JlYXRlRWxlbWVudChwcm9wcy5lbGVtZW50LCB7XG4gICAgICAgICAgICAgICAgcmVmOiB0cmlnZ2VyUmVmLFxuICAgICAgICAgICAgICAgIGlkOiB0cmlnZ2VySWQsXG4gICAgICAgICAgICAgICAgJ2FyaWEtZXhwYW5kZWQnOiBvcGVuLFxuICAgICAgICAgICAgICAgICdhcmlhLWhhc3BvcHVwJzogJ2RpYWxvZycsXG4gICAgICAgICAgICAgICAgJ2FyaWEtY29udHJvbHMnOiBwb3BwZXJJZCxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAge29wZW4gJiYgKFxuICAgICAgICAgICAgICAgIDxQb3BwZXJcbiAgICAgICAgICAgICAgICAgICAgZWxldmF0ZWRcbiAgICAgICAgICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e3RyaWdnZXJJZH1cbiAgICAgICAgICAgICAgICAgICAgaWQ9e3BvcHBlcklkfVxuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbj17cHJvcHMucG9zaXRpb259XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zbGF0ZVg9e3RyYW5zbGF0ZS54fVxuICAgICAgICAgICAgICAgICAgICB0cmFuc2xhdGVZPXt0cmFuc2xhdGUueX1cbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbG9zaW5nICYmICdjbG9zaW5nJ31cbiAgICAgICAgICAgICAgICAgICAgcmVmPXtwb3BwZXJSZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhlKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgICAgICAgICAgZS5uYXRpdmVFdmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgICAgICAgICA8L1BvcHBlcj5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvUG9wb3ZlckRpdj5cbiAgICApO1xufVxuXG5Qb3BvdmVyLnByb3BUeXBlcyA9IHtcbiAgICAvKiogT3BlbnMgdGhlIHBvcG92ZXIgKi9cbiAgICBvcGVuOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICAgIC8qKiBBbmNob3IgZWxlbWVudCBmb3IgdGhlIHBvcG92ZXIgKi9cbiAgICBlbGVtZW50OiBQcm9wVHlwZXMuZnVuYyxcbiAgICAvKiogUG9zaXRpb24gb2YgdGhlIHBvcG92ZXIgYXJvdW5kIGFuY2hvciBlbGVtZW50ICovXG4gICAgcG9zaXRpb246IFByb3BUeXBlcy5vbmVPZihbXG4gICAgICAgIFBPUE9WRVJfUE9TSVRJT04uVE9QX0xFRlQsXG4gICAgICAgIFBPUE9WRVJfUE9TSVRJT04uVE9QX1JJR0hULFxuICAgICAgICBQT1BPVkVSX1BPU0lUSU9OLkJPVFRPTV9MRUZULFxuICAgICAgICBQT1BPVkVSX1BPU0lUSU9OLkJPVFRPTV9SSUdIVCxcbiAgICBdKSxcbiAgICAvKiogSWYgdGhlIHBvcG92ZXIgc2hvdWxkIGNsb3NlIG9uIGBlc2NgIGtleSBwcmVzcyAqL1xuICAgIGNsb3NlT25Fc2M6IFByb3BUeXBlcy5ib29sLFxuICAgIC8qKiBQb3BvdmVyIGNsb3NlIGNhbGxiYWNrICovXG4gICAgb25DbG9zZTogUHJvcFR5cGVzLmZ1bmMsXG59O1xuXG5Qb3BvdmVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBjbG9zZU9uRXNjOiB0cnVlLFxuICAgIHBvc2l0aW9uOiBQT1BPVkVSX1BPU0lUSU9OLkJPVFRPTV9MRUZULFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q2UifQ== */");
+})("position:absolute;width:100%;min-width:200px;overflow:auto;animation:enter 0.3s linear;border-radius:3px;z-index:1;transform:translate(", (props)=>props.translateX, "px,", (props)=>props.translateY, "px);", (props)=>positionMap$2[props.position], "    &.closing{animation:exit 0.3s linear;}@keyframes enter{from{max-height:0px;opacity:1;overflow:hidden;}to{max-height:300px;opacity:1;overflow:hidden;}}@keyframes exit{to{max-height:0px;opacity:1;overflow:hidden;}from{max-height:300px;opacity:1;overflow:hidden;}}");
 const KEY_CODES = {
     ESC: 27
 };
-function Popover(props) {
-    const [open, setOpen] = useState(props.open);
+/**
+ * Popover Component
+ * @param props - Component props
+ * @param ref - Ref forwarded to the underlying HTMLDivElement
+ */ function PopoverComponent(props, ref) {
+    const { open: propsOpen, element, position = "BOTTOM_LEFT", closeOnEsc = true, onClose, children, ...rest } = props;
+    const [open, setOpen] = useState(propsOpen);
     const [closing, setClosing] = useState(false);
     const [translate, setTranslate] = useState({
         x: 0,
         y: 0
     });
-    const popperRef = useRef();
-    const containerRef = useRef();
+    const popperRef = useRef(null);
+    const containerRef = useRef(null);
     const triggerRef = useRef(null);
     const closeTimeoutRef = useRef(null);
     const focusTimeoutRef = useRef(null);
@@ -69,8 +73,8 @@ function Popover(props) {
                 x: 0,
                 y: 0
             });
-            if (props.onClose) {
-                props.onClose();
+            if (onClose) {
+                onClose();
             }
             setClosing(false);
             // Restore focus to the trigger element after animation completes
@@ -83,15 +87,15 @@ function Popover(props) {
             closeTimeoutRef.current = null;
         }, 280);
     }, [
-        props
+        onClose
     ]);
     const keyupEventHandler = useCallback((e)=>{
-        if (props.closeOnEsc && e.keyCode === KEY_CODES.ESC) {
+        if (closeOnEsc && e.keyCode === KEY_CODES.ESC) {
             close();
         }
     }, [
         close,
-        props.closeOnEsc
+        closeOnEsc
     ]);
     const clickOutsideHandler = useCallback((e)=>{
         if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -111,7 +115,7 @@ function Popover(props) {
         keyupEventHandler
     ]);
     useEffect(()=>{
-        if (props.open) {
+        if (propsOpen) {
             setOpen(true);
             // Use requestAnimationFrame to add listener after current event loop
             const rafId = requestAnimationFrame(()=>{
@@ -127,22 +131,22 @@ function Popover(props) {
             }
         }
     }, [
-        props.open,
+        propsOpen,
         open,
         clickOutsideHandler,
         close
     ]);
     useEffect(()=>{
         if (open) {
-            const { top, left, right } = popperRef.current.getBoundingClientRect();
-            const height = popperRef.current.scrollHeight;
+            const { top = 0, left = 0, right = 0 } = popperRef.current?.getBoundingClientRect() ?? {};
+            const height = popperRef.current?.scrollHeight ?? 0;
             const viewportWidth = document.documentElement.clientWidth;
             const viewportHeight = document.documentElement.clientHeight;
             const translation = {
                 x: 0,
                 y: 0
             };
-            if (props.position === "BOTTOM_LEFT") {
+            if (position === "BOTTOM_LEFT") {
                 // overflow can happen at bottom and right
                 if (viewportHeight - top - height < 0) {
                     translation.y = -1 * (Math.abs(viewportHeight - top - height) + 5);
@@ -150,7 +154,7 @@ function Popover(props) {
                 if (viewportWidth - right < 0) {
                     translation.x = -1 * (Math.abs(viewportWidth - right) + 5);
                 }
-            } else if (props.position == "BOTTOM_RIGHT") {
+            } else if (position == "BOTTOM_RIGHT") {
                 // overflow can happen at bottom and left
                 if (viewportHeight - top - height < 0) {
                     translation.y = -1 * (Math.abs(viewportHeight - top - height) + 5);
@@ -158,7 +162,7 @@ function Popover(props) {
                 if (left < 0) {
                     translation.x = Math.abs(left) + 5;
                 }
-            } else if (props.position === "TOP_LEFT") {
+            } else if (position === "TOP_LEFT") {
                 // overflow can happen at top and right
                 if (top - height < 0) {
                     translation.y = Math.abs(top - height) + 5;
@@ -178,11 +182,11 @@ function Popover(props) {
             // Note it can still overflow, but in that case fitting popper inside the
             // window is not possible.
             setTranslate(translation);
-            popperRef.current.focus();
+            popperRef.current?.focus();
         }
     }, [
         open,
-        props.position
+        position
     ]);
     /**
      * Cleanup timeouts on unmount
@@ -196,10 +200,19 @@ function Popover(props) {
             }
         };
     }, []);
+    const forwardRef = (node)=>{
+        containerRef.current = node;
+        if (typeof ref === 'function') {
+            ref(node);
+        } else if (ref) {
+            ref.current = node;
+        }
+    };
     return /*#__PURE__*/ jsxs(PopoverDiv, {
-        ref: containerRef,
+        ref: forwardRef,
+        ...rest,
         children: [
-            /*#__PURE__*/ React.createElement(props.element, {
+            /*#__PURE__*/ React.createElement(element, {
                 ref: triggerRef,
                 id: triggerId,
                 'aria-expanded': open,
@@ -212,35 +225,21 @@ function Popover(props) {
                 role: "dialog",
                 "aria-labelledby": triggerId,
                 id: popperId,
-                position: props.position,
+                position: position,
                 translateX: translate.x,
                 translateY: translate.y,
-                className: closing && 'closing',
+                className: closing ? 'closing' : '',
                 ref: popperRef,
                 onClick: (e)=>{
                     e.stopPropagation();
                     e.nativeEvent.stopImmediatePropagation();
                 },
-                children: props.children
+                children: children
             })
         ]
     });
 }
-Popover.propTypes = {
-    /** Opens the popover */ open: PropTypes.bool.isRequired,
-    /** Anchor element for the popover */ element: PropTypes.func,
-    /** Position of the popover around anchor element */ position: PropTypes.oneOf([
-        "TOP_LEFT",
-        "TOP_RIGHT",
-        "BOTTOM_LEFT",
-        "BOTTOM_RIGHT"
-    ]),
-    /** If the popover should close on `esc` key press */ closeOnEsc: PropTypes.bool,
-    /** Popover close callback */ onClose: PropTypes.func
-};
-Popover.defaultProps = {
-    closeOnEsc: true,
-    position: "BOTTOM_LEFT"
-};
+const Popover = /*#__PURE__*/ React.forwardRef(PopoverComponent);
 
 export { POPOVER_POSITION, Popover as default };
+//# sourceMappingURL=Popover.js.map

package/lib-esm/components/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useId, useRef, useState } from 'react';\nimport styled from '@emotion/styled';\nimport { Card } from '../Card';\n\nexport enum POPOVER_POSITION {\n    TOP_LEFT = 'TOP_LEFT',\n    TOP_RIGHT = 'TOP_RIGHT',\n    BOTTOM_LEFT = 'BOTTOM_LEFT',\n    BOTTOM_RIGHT = 'BOTTOM_RIGHT',\n}\n\ninterface Translate {\n    x: number;\n    y: number;\n}\n\nconst positionMap = {\n    [POPOVER_POSITION.TOP_LEFT]: `\n        bottom: calc(100% - 10px);\n        left: 0;\n    `,\n    [POPOVER_POSITION.TOP_RIGHT]: `\n        bottom: calc(100% - 10px);\n        right: 0;\n    `,\n    [POPOVER_POSITION.BOTTOM_RIGHT]: `\n        top: calc(100% - 10px);\n        right: 0;\n    `,\n    [POPOVER_POSITION.BOTTOM_LEFT]: `\n        top: calc(100% - 10px);\n        left: 0;\n    `,\n};\n\nconst PopoverDiv = styled.div`\n    position: relative;\n    display: inline-flex;\n`;\n\nconst Popper = styled(Card)<{ position: POPOVER_POSITION; translateX: number; translateY: number }>`\n    position: absolute;\n    width: 100%;\n    min-width: 200px;\n    overflow: auto;\n    animation: enter 0.3s linear;\n    border-radius: 3px;\n    z-index: 1;\n    transform: translate(${(props) => props.translateX}px, ${(props) => props.translateY}px);\n    ${(props) => positionMap[props.position]}\n\n    &.closing {\n        /* max-height: 0px;\n        opacity: 0;\n        overflow: hidden; */\n        animation: exit 0.3s linear;\n    }\n\n    @keyframes enter {\n        from {\n            max-height: 0px;\n            opacity: 1;\n            overflow: hidden;\n        }\n        to {\n            max-height: 300px;\n            opacity: 1;\n            overflow: hidden;\n        }\n    }\n\n    @keyframes exit {\n        to {\n            max-height: 0px;\n            opacity: 1;\n            overflow: hidden;\n        }\n        from {\n            max-height: 300px;\n            opacity: 1;\n            overflow: hidden;\n        }\n    }\n`;\n\nconst KEY_CODES = {\n    ESC: 27,\n};\n\ntype PopoverProps = {\n    /** Opens the popover */\n    open: boolean;\n    /** Anchor element for the popover */\n    element: React.ElementType;\n    /**\n     * Position of the popover around anchor element\n     * @default POPOVER_POSITION.BOTTOM_LEFT\n     */\n    position?: POPOVER_POSITION;\n    /**\n     * If the popover should close on `esc` key press\n     * @default true\n     */\n    closeOnEsc?: boolean;\n    /** Popover close callback */\n    onClose?: () => void;\n};\n\n/**\n * Popover Component\n * @param props - Component props\n * @param ref - Ref forwarded to the underlying HTMLDivElement\n */\nfunction PopoverComponent(\n    props: React.PropsWithChildren<PopoverProps>,\n    ref: React.Ref<HTMLDivElement>,\n) {\n    const {\n        open: propsOpen,\n        element,\n        position = POPOVER_POSITION.BOTTOM_LEFT,\n        closeOnEsc = true,\n        onClose,\n        children,\n        ...rest\n    } = props;\n\n    const [open, setOpen] = useState<boolean>(propsOpen);\n    const [closing, setClosing] = useState<boolean>(false);\n    const [translate, setTranslate] = useState<Translate>({ x: 0, y: 0 });\n    const popperRef = useRef<HTMLDivElement | null>(null);\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const triggerRef = useRef<HTMLElement | null>(null);\n    const closeTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const focusTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const popperId = useId();\n    const triggerId = useId();\n\n    const close = useCallback(() => {\n        // Clear any existing timeouts first\n        if (closeTimeoutRef.current) {\n            clearTimeout(closeTimeoutRef.current);\n        }\n        if (focusTimeoutRef.current) {\n            clearTimeout(focusTimeoutRef.current);\n        }\n\n        setClosing(true);\n        closeTimeoutRef.current = setTimeout(() => {\n            setOpen(false);\n            setTranslate({ x: 0, y: 0 });\n\n            if (onClose) {\n                onClose();\n            }\n            setClosing(false);\n\n            // Restore focus to the trigger element after animation completes\n            focusTimeoutRef.current = setTimeout(() => {\n                if (triggerRef.current && document.body.contains(triggerRef.current)) {\n                    triggerRef.current.focus();\n                }\n                focusTimeoutRef.current = null;\n            }, 50);\n            closeTimeoutRef.current = null;\n        }, 280);\n    }, [onClose]);\n\n    const keyupEventHandler = useCallback(\n        (e: KeyboardEvent) => {\n            if (closeOnEsc && e.keyCode === KEY_CODES.ESC) {\n                close();\n            }\n        },\n        [close, closeOnEsc],\n    );\n\n    const clickOutsideHandler = useCallback(\n        (e: MouseEvent) => {\n            if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n                close();\n            }\n        },\n        [close],\n    );\n\n    /**\n     * Get called on popover mount.\n     */\n    useEffect(() => {\n        document.addEventListener('keyup', keyupEventHandler);\n\n        return () => {\n            document.removeEventListener('keyup', keyupEventHandler);\n        };\n    }, [keyupEventHandler]);\n\n    useEffect(() => {\n        if (propsOpen) {\n            setOpen(true);\n            // Use requestAnimationFrame to add listener after current event loop\n            const rafId = requestAnimationFrame(() => {\n                document.addEventListener('click', clickOutsideHandler);\n            });\n\n            return () => {\n                cancelAnimationFrame(rafId);\n                document.removeEventListener('click', clickOutsideHandler);\n            };\n        } else {\n            if (open) {\n                close();\n            }\n        }\n    }, [propsOpen, open, clickOutsideHandler, close]);\n\n    useEffect(() => {\n        if (open) {\n            const {\n                top = 0,\n                left = 0,\n                right = 0,\n            } = popperRef.current?.getBoundingClientRect() ?? {};\n            const height = popperRef.current?.scrollHeight ?? 0;\n            const viewportWidth = document.documentElement.clientWidth;\n            const viewportHeight = document.documentElement.clientHeight;\n            const translation = { x: 0, y: 0 };\n\n            if (position === POPOVER_POSITION.BOTTOM_LEFT) {\n                // overflow can happen at bottom and right\n                if (viewportHeight - top - height < 0) {\n                    translation.y = -1 * (Math.abs(viewportHeight - top - height) + 5);\n                }\n                if (viewportWidth - right < 0) {\n                    translation.x = -1 * (Math.abs(viewportWidth - right) + 5);\n                }\n            } else if (position == POPOVER_POSITION.BOTTOM_RIGHT) {\n                // overflow can happen at bottom and left\n                if (viewportHeight - top - height < 0) {\n                    translation.y = -1 * (Math.abs(viewportHeight - top - height) + 5);\n                }\n                if (left < 0) {\n                    translation.x = Math.abs(left) + 5;\n                }\n            } else if (position === POPOVER_POSITION.TOP_LEFT) {\n                // overflow can happen at top and right\n                if (top - height < 0) {\n                    translation.y = Math.abs(top - height) + 5;\n                }\n                if (viewportWidth - right < 0) {\n                    translation.x = -1 * (Math.abs(viewportWidth - right) + 5);\n                }\n            } else {\n                // overflow can happen at top and left\n                if (top - height < 0) {\n                    translation.y = Math.abs(top - height) + 5;\n                }\n                if (left < 0) {\n                    translation.x = Math.abs(left) + 5;\n                }\n            }\n            // Note it can still overflow, but in that case fitting popper inside the\n            // window is not possible.\n            setTranslate(translation);\n            popperRef.current?.focus();\n        }\n    }, [open, position]);\n\n    /**\n     * Cleanup timeouts on unmount\n     */\n    useEffect(() => {\n        return () => {\n            if (closeTimeoutRef.current) {\n                clearTimeout(closeTimeoutRef.current);\n            }\n            if (focusTimeoutRef.current) {\n                clearTimeout(focusTimeoutRef.current);\n            }\n        };\n    }, []);\n\n    const forwardRef = (node: HTMLDivElement | null) => {\n        containerRef.current = node;\n\n        if (typeof ref === 'function') {\n            ref(node);\n        } else if (ref) {\n            (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n    };\n\n    return (\n        <PopoverDiv ref={forwardRef} {...rest}>\n            {React.createElement(element, {\n                ref: triggerRef,\n                id: triggerId,\n                'aria-expanded': open,\n                'aria-haspopup': 'dialog',\n                'aria-controls': popperId,\n            })}\n            {open && (\n                <Popper\n                    elevated\n                    tabIndex={0}\n                    role=\"dialog\"\n                    aria-labelledby={triggerId}\n                    id={popperId}\n                    position={position}\n                    translateX={translate.x}\n                    translateY={translate.y}\n                    className={closing ? 'closing' : ''}\n                    ref={popperRef}\n                    onClick={(e) => {\n                        e.stopPropagation();\n                        e.nativeEvent.stopImmediatePropagation();\n                    }}\n                >\n                    {children}\n                </Popper>\n            )}\n        </PopoverDiv>\n    );\n}\n\nconst Popover = React.forwardRef(PopoverComponent);\nexport default Popover;\n"],"names":["POPOVER_POSITION","positionMap","PopoverDiv","styled","Popper","Card","props","translateX","translateY","position","KEY_CODES","ESC","PopoverComponent","ref","open","propsOpen","element","closeOnEsc","onClose","children","rest","setOpen","useState","closing","setClosing","translate","setTranslate","x","y","popperRef","useRef","containerRef","triggerRef","closeTimeoutRef","focusTimeoutRef","popperId","useId","triggerId","close","useCallback","current","clearTimeout","setTimeout","document","body","contains","focus","keyupEventHandler","e","keyCode","clickOutsideHandler","target","useEffect","addEventListener","removeEventListener","rafId","requestAnimationFrame","cancelAnimationFrame","top","left","right","getBoundingClientRect","height","scrollHeight","viewportWidth","documentElement","clientWidth","viewportHeight","clientHeight","translation","Math","abs","forwardRef","node","_jsxs","React","createElement","id","_jsx","elevated","tabIndex","role","aria-labelledby","className","onClick","stopPropagation","nativeEvent","stopImmediatePropagation","Popover"],"mappings":"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"}

package/lib-esm/components/Spinner/Spinner.d.ts

@@ -1,16 +1,15 @@
-import PropTypes from 'prop-types';
-declare function Spinner(props: SpinnerProp): import("@emotion/react/jsx-runtime").JSX.Element;
-declare namespace Spinner {
-    var propTypes: {
-        /** Spinner's size */
-        size: PropTypes.Requireable<number>;
-        /** Accessible label for screen readers */
-        label: PropTypes.Requireable<string>;
-    };
-    var defaultProps: {
-        size: number;
-        label: string;
-    };
-}
-type SpinnerProp = PropTypes.InferProps<typeof Spinner.propTypes>;
+import React from 'react';
+type SpinnerProp = {
+    /**
+     * Spinner's size
+     * @default 30
+     */
+    size?: number;
+    /**
+     * Accessible label for screen readers
+     * @default 'Loading'
+     */
+    label?: string;
+};
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProp & React.RefAttributes<HTMLDivElement>>;
 export default Spinner;

package/lib-esm/components/Spinner/Spinner.js

@@ -1,29 +1,29 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import PropTypes from 'prop-types';
+import React from 'react';
 import styled from '@emotion/styled';
 import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 
 const SpinnerDiv = /*#__PURE__*/ styled("div", {
-    target: "e12p7es30",
+    target: "e14pfj3w0",
     label: "SpinnerDiv"
-})("border:4px solid ", getThemeValue(THEME_NAME.PRIMARY), ";border-top:4px solid ", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";border-radius:50%;width:", (props)=>props.size, "px;height:", (props)=>props.size, "px;margin:0 auto;animation:spin 1s linear infinite;@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9TcGlubmVyL1NwaW5uZXIudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcblxuY29uc3QgU3Bpbm5lckRpdiA9IHN0eWxlZC5kaXY8U3Bpbm5lclByb3A+YFxuICAgIGJvcmRlcjogNHB4IHNvbGlkICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICBib3JkZXItdG9wOiA0cHggc29saWQgJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQk9SREVSX0xJR0hUX0NPTE9SKX07XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuc2l6ZX1weDtcbiAgICBoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zaXplfXB4O1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICAgIGFuaW1hdGlvbjogc3BpbiAxcyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICBAa2V5ZnJhbWVzIHNwaW4ge1xuICAgICAgICAwJSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgICAgICAgfVxuICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG5mdW5jdGlvbiBTcGlubmVyKHByb3BzOiBTcGlubmVyUHJvcCkge1xuICAgIGNvbnN0IHsgbGFiZWwsIC4uLnJlc3QgfSA9IHByb3BzO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxTcGlubmVyRGl2XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgIHJvbGU9XCJzdGF0dXNcIlxuICAgICAgICAgICAgYXJpYS1sYWJlbD17bGFiZWx9XG4gICAgICAgICAgICBhcmlhLWxpdmU9XCJwb2xpdGVcIlxuICAgICAgICAgICAgYXJpYS1idXN5PVwidHJ1ZVwiXG4gICAgICAgIC8+XG4gICAgKTtcbn1cblxudHlwZSBTcGlubmVyUHJvcCA9IFByb3BUeXBlcy5JbmZlclByb3BzPHR5cGVvZiBTcGlubmVyLnByb3BUeXBlcz47XG5cblNwaW5uZXIucHJvcFR5cGVzID0ge1xuICAgIC8qKiBTcGlubmVyJ3Mgc2l6ZSAqL1xuICAgIHNpemU6IFByb3BUeXBlcy5udW1iZXIsXG4gICAgLyoqIEFjY2Vzc2libGUgbGFiZWwgZm9yIHNjcmVlbiByZWFkZXJzICovXG4gICAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuXG5TcGlubmVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBzaXplOiAzMCxcbiAgICBsYWJlbDogJ0xvYWRpbmcnLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lcjtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJbUIifQ== */");
-function Spinner(props) {
-    const { label, ...rest } = props;
+})("border:4px solid ", getThemeValue(THEME_NAME.PRIMARY), ";border-top:4px solid ", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";border-radius:50%;width:", (props)=>props.size, "px;height:", (props)=>props.size, "px;margin:0 auto;animation:spin 1s linear infinite;@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}");
+/**
+ * Spinner Component
+ * @param props - Component props
+ * @param ref - Ref forwarded to the underlying HTMLDivElement
+ */ function SpinnerComponent(props, ref) {
+    const { label = 'Loading', size = 30, ...rest } = props;
     return /*#__PURE__*/ jsx(SpinnerDiv, {
         ...rest,
+        ref: ref,
+        size: size,
         role: "status",
-        "aria-label": label,
+        "aria-label": label || undefined,
         "aria-live": "polite",
         "aria-busy": "true"
     });
 }
-Spinner.propTypes = {
-    /** Spinner's size */ size: PropTypes.number,
-    /** Accessible label for screen readers */ label: PropTypes.string
-};
-Spinner.defaultProps = {
-    size: 30,
-    label: 'Loading'
-};
+const Spinner = /*#__PURE__*/ React.forwardRef(SpinnerComponent);
 
 export { Spinner as default };
+//# sourceMappingURL=Spinner.js.map

package/lib-esm/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\n\nconst SpinnerDiv = styled.div<SpinnerProp>`\n    border: 4px solid ${getThemeValue(THEME_NAME.PRIMARY)};\n    border-top: 4px solid ${getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR)};\n    border-radius: 50%;\n    width: ${(props) => props.size}px;\n    height: ${(props) => props.size}px;\n    margin: 0 auto;\n    animation: spin 1s linear infinite;\n\n    @keyframes spin {\n        0% {\n            transform: rotate(0deg);\n        }\n        100% {\n            transform: rotate(360deg);\n        }\n    }\n`;\n\ntype SpinnerProp = {\n    /**\n     * Spinner's size\n     * @default 30\n     */\n    size?: number;\n    /**\n     * Accessible label for screen readers\n     * @default 'Loading'\n     */\n    label?: string;\n};\n\n/**\n * Spinner Component\n * @param props - Component props\n * @param ref - Ref forwarded to the underlying HTMLDivElement\n */\nfunction SpinnerComponent(props: SpinnerProp, ref: React.Ref<HTMLDivElement>) {\n    const { label = 'Loading', size = 30, ...rest } = props;\n    return (\n        <SpinnerDiv\n            {...rest}\n            ref={ref}\n            size={size}\n            role=\"status\"\n            aria-label={label || undefined}\n            aria-live=\"polite\"\n            aria-busy=\"true\"\n        />\n    );\n}\n\nconst Spinner = React.forwardRef<HTMLDivElement, SpinnerProp>(SpinnerComponent);\nexport default Spinner;\n"],"names":["SpinnerDiv","styled","getThemeValue","THEME_NAME","PRIMARY","BORDER_LIGHT_COLOR","props","size","SpinnerComponent","ref","label","rest","_jsx","role","aria-label","undefined","aria-live","aria-busy","Spinner","React","forwardRef"],"mappings":";;;;;AAIA,MAAMA,UAAAA,iBAAaC,MAAAA,CAAAA,KAAAA,EAAAA;;;AACKC,CAAAA,CAAAA,CAAAA,mBAAAA,EAAAA,aAAAA,CAAcC,UAAAA,CAAWC,OAAO,CAAA,EAAA,wBAAA,EAC5BF,aAAAA,CAAcC,WAAWE,kBAAkB,CAAA,EAAA,2BAAA,EAE1D,CAACC,KAAAA,GAAUA,MAAMC,IAAI,EAAA,YAAA,EACpB,CAACD,KAAAA,GAAUA,MAAMC,IAAI,EAAA,gIAAA,CAAA;AA2BnC;;;;AAIC,IACD,SAASC,gBAAAA,CAAiBF,KAAkB,EAAEG,GAA8B,EAAA;IACxE,MAAM,EAAEC,QAAQ,SAAS,EAAEH,OAAO,EAAE,EAAE,GAAGI,IAAAA,EAAM,GAAGL,KAAAA;AAClD,IAAA,qBACIM,GAAA,CAACZ,UAAAA,EAAAA;AACI,QAAA,GAAGW,IAAI;QACRF,GAAAA,EAAKA,GAAAA;QACLF,IAAAA,EAAMA,IAAAA;QACNM,IAAAA,EAAK,QAAA;AACLC,QAAAA,YAAAA,EAAYJ,KAAAA,IAASK,SAAAA;QACrBC,WAAAA,EAAU,QAAA;QACVC,WAAAA,EAAU;;AAGtB;AAEA,MAAMC,OAAAA,iBAAUC,KAAAA,CAAMC,UAAU,CAA8BZ,gBAAAA;;;;"}

package/lib-esm/components/Stepper/Step.d.ts

@@ -1,17 +1,20 @@
 import React from 'react';
-interface StepProps {
-    /** Name of the step to be displayed in the header */
+declare const Step: React.ForwardRefExoticComponent<{
+    /**
+     * Name of the step to be displayed in the header
+     */
     name: string;
-    /** Disables the step */
+    /**
+     * Disables the step
+     * @default false
+     */
     disabled?: boolean;
-    /** Marks the step as completed */
+    /**
+     * Marks the step as completed
+     * @default false
+     */
     completed?: boolean;
-}
-declare function Step(props: React.PropsWithChildren<StepProps>): import("@emotion/react/jsx-runtime").JSX.Element;
-declare namespace Step {
-    var defaultProps: {
-        disabled: boolean;
-        completed: boolean;
-    };
-}
+} & React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export default Step;

package/lib-esm/components/Stepper/Step.js

@@ -1,21 +1,24 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import 'react';
+import React from 'react';
 import styled from '@emotion/styled';
 
 const Container = /*#__PURE__*/ styled("div", {
-    target: "eac2nqz0",
+    target: "e1v23xop0",
     label: "Container"
-})("flex:1;display:flex;flex-direction:column;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9TdGVwcGVyL1N0ZXAudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL1N0ZXBwZXIvU3RlcC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW50ZXJmYWNlIFN0ZXBQcm9wcyB7XG4gICAgLyoqIE5hbWUgb2YgdGhlIHN0ZXAgdG8gYmUgZGlzcGxheWVkIGluIHRoZSBoZWFkZXIgKi9cbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgLyoqIERpc2FibGVzIHRoZSBzdGVwICovXG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAgIC8qKiBNYXJrcyB0aGUgc3RlcCBhcyBjb21wbGV0ZWQgKi9cbiAgICBjb21wbGV0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGZsZXg6IDE7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gU3RlcChwcm9wczogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48U3RlcFByb3BzPikge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnNcbiAgICBjb25zdCB7IG5hbWUsIGRpc2FibGVkLCBjb21wbGV0ZWQsIC4uLnJlc3QgfSA9IHByb3BzO1xuICAgIHJldHVybiA8Q29udGFpbmVyIHsuLi5yZXN0fSAvPjtcbn1cblxuU3RlcC5kZWZhdWx0UHJvcHMgPSB7XG4gICAgZGlzYWJsZWQ6IGZhbHNlLFxuICAgIGNvbXBsZXRlZDogZmFsc2UsXG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlrQiJ9 */");
-function Step(props) {
+})("flex:1;display:flex;flex-direction:column;");
+/**
+ * Step Component
+ * @param props - Component props
+ * @param ref - Ref forwarded to the underlying HTMLDivElement
+ */ function StepComponent(props, ref) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { name, disabled, completed, ...rest } = props;
     return /*#__PURE__*/ jsx(Container, {
-        ...rest
+        ...rest,
+        ref: ref
     });
 }
-Step.defaultProps = {
-    disabled: false,
-    completed: false
-};
+const Step = /*#__PURE__*/ React.forwardRef(StepComponent);
 
 export { Step as default };
+//# sourceMappingURL=Step.js.map

package/lib-esm/components/Stepper/Step.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.js","sources":["../../../src/components/Stepper/Step.tsx"],"sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\n\nconst Container = styled.div`\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n`;\n\ntype StepProps = {\n    /**\n     * Name of the step to be displayed in the header\n     */\n    name: string;\n    /**\n     * Disables the step\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Marks the step as completed\n     * @default false\n     */\n    completed?: boolean;\n} & React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Step Component\n * @param props - Component props\n * @param ref - Ref forwarded to the underlying HTMLDivElement\n */\nfunction StepComponent(props: React.PropsWithChildren<StepProps>, ref: React.Ref<HTMLDivElement>) {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { name, disabled, completed, ...rest } = props;\n    return <Container {...rest} ref={ref} />;\n}\n\nconst Step = React.forwardRef(StepComponent);\nexport default Step;\n"],"names":["Container","styled","StepComponent","props","ref","name","disabled","completed","rest","_jsx","Step","React","forwardRef"],"mappings":";;;;AAGA,MAAMA,SAAAA,iBAAYC,MAAAA,CAAAA,KAAAA,EAAAA;;;;AAuBlB;;;;AAIC,IACD,SAASC,aAAAA,CAAcC,KAAyC,EAAEC,GAA8B,EAAA;;IAE5F,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,IAAAA,EAAM,GAAGL,KAAAA;AAC/C,IAAA,qBAAOM,GAAA,CAACT,SAAAA,EAAAA;AAAW,QAAA,GAAGQ,IAAI;QAAEJ,GAAAA,EAAKA;;AACrC;AAEA,MAAMM,IAAAA,iBAAOC,KAAAA,CAAMC,UAAU,CAACV,aAAAA;;;;"}

package/lib-esm/components/Stepper/Stepper.d.ts

@@ -1,19 +1,13 @@
-import { PropsWithChildren } from 'react';
-import PropTypes from 'prop-types';
-type StepperProps = PropsWithChildren<{
-    active: number;
+import React from 'react';
+declare const Stepper: React.ForwardRefExoticComponent<{
+    /**
+     * Index of currently active step
+     * @default 0
+     */
+    active?: number;
+    /** Callback function for click event on a step */
     onStepClick?: (index: number) => void;
-}>;
-declare function Stepper(props: StepperProps): import("@emotion/react/jsx-runtime").JSX.Element;
-declare namespace Stepper {
-    var propTypes: {
-        /** Index of currently active step */
-        active: PropTypes.Requireable<number>;
-        /** Callback function for click event on a step */
-        onStepClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    var defaultProps: {
-        active: number;
-    };
-}
+} & {
+    children?: React.ReactNode | undefined;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export default Stepper;