@alfalab/core-components-popover 6.0.3 → 6.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/Component.js +15 -17
  2. package/cssm/Component.js +20 -22
  3. package/cssm/index.js +0 -2
  4. package/esm/Component.js +4 -4
  5. package/esm/index.css +34 -34
  6. package/index.css +34 -34
  7. package/index.js +0 -2
  8. package/modern/Component.js +2 -2
  9. package/modern/index.css +34 -34
  10. package/modern/index.js +1 -1
  11. package/package.json +3 -3
package/Component.js CHANGED
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var React = require('react');
6
4
  var mergeRefs = require('react-merge-refs');
7
5
  var reactPopper = require('react-popper');
@@ -12,12 +10,12 @@ var maxSize = require('popper-max-size-modifier');
12
10
  var coreComponentsPortal = require('@alfalab/core-components-portal');
13
11
  var coreComponentsStack = require('@alfalab/core-components-stack');
14
12
 
15
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
16
14
 
17
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
18
- var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
19
- var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
20
- var maxSize__default = /*#__PURE__*/_interopDefaultLegacy(maxSize);
15
+ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
+ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
17
+ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
+ var maxSize__default = /*#__PURE__*/_interopDefaultCompat(maxSize);
21
19
 
22
20
  /******************************************************************************
23
21
  Copyright (c) Microsoft Corporation.
@@ -46,7 +44,7 @@ var __assign = function () {
46
44
  return __assign.apply(this, arguments);
47
45
  };
48
46
 
49
- var styles = {"component":"popover__component_y7e05","inner":"popover__inner_y7e05","scrollableContent":"popover__scrollableContent_y7e05","arrow":"popover__arrow_y7e05","arrowShift":"popover__arrowShift_y7e05","enter":"popover__enter_y7e05","enterActive":"popover__enterActive_y7e05","exit":"popover__exit_y7e05","exitActive":"popover__exitActive_y7e05"};
47
+ var styles = {"component":"popover__component_1bn0c","inner":"popover__inner_1bn0c","scrollableContent":"popover__scrollableContent_1bn0c","arrow":"popover__arrow_1bn0c","arrowShift":"popover__arrowShift_1bn0c","enter":"popover__enter_1bn0c","enterActive":"popover__enterActive_1bn0c","exit":"popover__exit_1bn0c","exitActive":"popover__exitActive_1bn0c"};
50
48
  require('./index.css')
51
49
 
52
50
  var DEFAULT_TRANSITION = {
@@ -66,9 +64,9 @@ var availableHieghtModifier = {
66
64
  fn: function (_a) {
67
65
  var _b = _a.state, modifiersData = _b.modifiersData, popper = _b.elements.popper;
68
66
  var height = modifiersData.maxSize.height;
69
- var content = popper.querySelector("." + styles.scrollableContent);
67
+ var content = popper.querySelector(".".concat(styles.scrollableContent));
70
68
  if (content && !content.style.maxHeight) {
71
- content.style.maxHeight = height + "px";
69
+ content.style.maxHeight = "".concat(height, "px");
72
70
  }
73
71
  },
74
72
  };
@@ -78,7 +76,7 @@ var availableHieghtModifier = {
78
76
  */
79
77
  var MIN_ARROW_SHIFT_SIZE = 75;
80
78
  var Popover = React.forwardRef(function (_a, ref) {
81
- var children = _a.children, getPortalContainer = _a.getPortalContainer, _b = _a.transition, transition = _b === void 0 ? DEFAULT_TRANSITION : _b, anchorElement = _a.anchorElement, useAnchorWidth = _a.useAnchorWidth, _c = _a.offset, offset = _c === void 0 ? [0, 0] : _c, _d = _a.withArrow, withArrow = _d === void 0 ? false : _d, _e = _a.withTransition, withTransition = _e === void 0 ? true : _e, _f = _a.position, position = _f === void 0 ? 'left' : _f, preventFlip = _a.preventFlip, popperClassName = _a.popperClassName, arrowClassName = _a.arrowClassName, className = _a.className, open = _a.open, dataTestId = _a.dataTestId, update = _a.update, _g = _a.transitionDuration, transitionDuration = _g === void 0 ? transition.timeout + "ms" : _g, _h = _a.zIndex, zIndex = _h === void 0 ? coreComponentsStack.stackingOrder.POPOVER : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k;
79
+ var children = _a.children, getPortalContainer = _a.getPortalContainer, _b = _a.transition, transition = _b === void 0 ? DEFAULT_TRANSITION : _b, anchorElement = _a.anchorElement, useAnchorWidth = _a.useAnchorWidth, _c = _a.offset, offset = _c === void 0 ? [0, 0] : _c, _d = _a.withArrow, withArrow = _d === void 0 ? false : _d, _e = _a.withTransition, withTransition = _e === void 0 ? true : _e, _f = _a.position, position = _f === void 0 ? 'left' : _f, preventFlip = _a.preventFlip, popperClassName = _a.popperClassName, arrowClassName = _a.arrowClassName, className = _a.className, open = _a.open, dataTestId = _a.dataTestId, update = _a.update, _g = _a.transitionDuration, transitionDuration = _g === void 0 ? "".concat(transition.timeout, "ms") : _g, _h = _a.zIndex, zIndex = _h === void 0 ? coreComponentsStack.stackingOrder.POPOVER : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k;
82
80
  var _l = React.useState(anchorElement), referenceElement = _l[0], setReferenceElement = _l[1];
83
81
  var _m = React.useState(null), popperElement = _m[0], setPopperElement = _m[1];
84
82
  var _o = React.useState(null), arrowElement = _o[0], setArrowElement = _o[1];
@@ -99,7 +97,7 @@ var Popover = React.forwardRef(function (_a, ref) {
99
97
  modifiers.push({ name: 'preventOverflow', options: { mainAxis: false } });
100
98
  }
101
99
  if (availableHeight) {
102
- modifiers.push(__assign(__assign({}, maxSize__default['default']), { options: {} }));
100
+ modifiers.push(__assign(__assign({}, maxSize__default.default), { options: {} }));
103
101
  modifiers.push(__assign(__assign({}, availableHieghtModifier), { options: {} }));
104
102
  }
105
103
  return modifiers;
@@ -164,14 +162,14 @@ var Popover = React.forwardRef(function (_a, ref) {
164
162
  var renderContent = function (computedZIndex, style) {
165
163
  var _a, _b;
166
164
  var _c;
167
- return (React__default['default'].createElement("div", __assign({ ref: mergeRefs__default['default']([ref, setPopperElement]), style: __assign(__assign({ zIndex: computedZIndex, width: useAnchorWidth ? referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.offsetWidth : undefined }, popperStyles.popper), (((_c = popperStyles.popper) === null || _c === void 0 ? void 0 : _c.transform) ? null : { visibility: 'hidden' })), "data-test-id": dataTestId, className: cn__default['default'](styles.component, className, (_a = {},
165
+ return (React__default.default.createElement("div", __assign({ ref: mergeRefs__default.default([ref, setPopperElement]), style: __assign(__assign({ zIndex: computedZIndex, width: useAnchorWidth ? referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.offsetWidth : undefined }, popperStyles.popper), (((_c = popperStyles.popper) === null || _c === void 0 ? void 0 : _c.transform) ? null : { visibility: 'hidden' })), "data-test-id": dataTestId, className: cn__default.default(styles.component, className, (_a = {},
168
166
  _a[styles.arrowShift] = arrowShift,
169
167
  _a)) }, attributes.popper),
170
- React__default['default'].createElement("div", { className: cn__default['default'](styles.inner, popperClassName), style: style },
171
- React__default['default'].createElement("div", { className: cn__default['default']((_b = {}, _b[styles.scrollableContent] = availableHeight, _b)) }, children),
172
- withArrow && (React__default['default'].createElement("div", { ref: setArrowElement, style: popperStyles.arrow, className: cn__default['default'](styles.arrow, arrowClassName) })))));
168
+ React__default.default.createElement("div", { className: cn__default.default(styles.inner, popperClassName), style: style },
169
+ React__default.default.createElement("div", { className: cn__default.default((_b = {}, _b[styles.scrollableContent] = availableHeight, _b)) }, children),
170
+ withArrow && (React__default.default.createElement("div", { ref: setArrowElement, style: popperStyles.arrow, className: cn__default.default(styles.arrow, arrowClassName) })))));
173
171
  };
174
- return (React__default['default'].createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default['default'].createElement(coreComponentsPortal.Portal, { getPortalContainer: getPortalContainer }, withTransition ? (React__default['default'].createElement(reactTransitionGroup.CSSTransition, __assign({ unmountOnExit: true, classNames: CSS_TRANSITION_CLASS_NAMES }, transition, { in: open }), renderContent(computedZIndex, { transitionDuration: transitionDuration }))) : (open && renderContent(computedZIndex)))); }));
172
+ return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: getPortalContainer }, withTransition ? (React__default.default.createElement(reactTransitionGroup.CSSTransition, __assign({ unmountOnExit: true, classNames: CSS_TRANSITION_CLASS_NAMES }, transition, { in: open }), renderContent(computedZIndex, { transitionDuration: transitionDuration }))) : (open && renderContent(computedZIndex)))); }));
175
173
  });
176
174
 
177
175
  exports.Popover = Popover;
package/cssm/Component.js CHANGED
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var React = require('react');
6
4
  var mergeRefs = require('react-merge-refs');
7
5
  var reactPopper = require('react-popper');
@@ -13,13 +11,13 @@ var coreComponentsPortal = require('@alfalab/core-components-portal/cssm');
13
11
  var coreComponentsStack = require('@alfalab/core-components-stack/cssm');
14
12
  var styles = require('./index.module.css');
15
13
 
16
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
17
15
 
18
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
- var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
20
- var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
21
- var maxSize__default = /*#__PURE__*/_interopDefaultLegacy(maxSize);
22
- var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
16
+ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
17
+ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
18
+ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
+ var maxSize__default = /*#__PURE__*/_interopDefaultCompat(maxSize);
20
+ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
23
21
 
24
22
  /******************************************************************************
25
23
  Copyright (c) Microsoft Corporation.
@@ -52,10 +50,10 @@ var DEFAULT_TRANSITION = {
52
50
  timeout: 150,
53
51
  };
54
52
  var CSS_TRANSITION_CLASS_NAMES = {
55
- enter: styles__default['default'].enter,
56
- enterActive: styles__default['default'].enterActive,
57
- exit: styles__default['default'].exit,
58
- exitActive: styles__default['default'].exitActive,
53
+ enter: styles__default.default.enter,
54
+ enterActive: styles__default.default.enterActive,
55
+ exit: styles__default.default.exit,
56
+ exitActive: styles__default.default.exitActive,
59
57
  };
60
58
  var availableHieghtModifier = {
61
59
  name: 'availableHeight',
@@ -65,9 +63,9 @@ var availableHieghtModifier = {
65
63
  fn: function (_a) {
66
64
  var _b = _a.state, modifiersData = _b.modifiersData, popper = _b.elements.popper;
67
65
  var height = modifiersData.maxSize.height;
68
- var content = popper.querySelector("." + styles__default['default'].scrollableContent);
66
+ var content = popper.querySelector(".".concat(styles__default.default.scrollableContent));
69
67
  if (content && !content.style.maxHeight) {
70
- content.style.maxHeight = height + "px";
68
+ content.style.maxHeight = "".concat(height, "px");
71
69
  }
72
70
  },
73
71
  };
@@ -77,7 +75,7 @@ var availableHieghtModifier = {
77
75
  */
78
76
  var MIN_ARROW_SHIFT_SIZE = 75;
79
77
  var Popover = React.forwardRef(function (_a, ref) {
80
- var children = _a.children, getPortalContainer = _a.getPortalContainer, _b = _a.transition, transition = _b === void 0 ? DEFAULT_TRANSITION : _b, anchorElement = _a.anchorElement, useAnchorWidth = _a.useAnchorWidth, _c = _a.offset, offset = _c === void 0 ? [0, 0] : _c, _d = _a.withArrow, withArrow = _d === void 0 ? false : _d, _e = _a.withTransition, withTransition = _e === void 0 ? true : _e, _f = _a.position, position = _f === void 0 ? 'left' : _f, preventFlip = _a.preventFlip, popperClassName = _a.popperClassName, arrowClassName = _a.arrowClassName, className = _a.className, open = _a.open, dataTestId = _a.dataTestId, update = _a.update, _g = _a.transitionDuration, transitionDuration = _g === void 0 ? transition.timeout + "ms" : _g, _h = _a.zIndex, zIndex = _h === void 0 ? coreComponentsStack.stackingOrder.POPOVER : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k;
78
+ var children = _a.children, getPortalContainer = _a.getPortalContainer, _b = _a.transition, transition = _b === void 0 ? DEFAULT_TRANSITION : _b, anchorElement = _a.anchorElement, useAnchorWidth = _a.useAnchorWidth, _c = _a.offset, offset = _c === void 0 ? [0, 0] : _c, _d = _a.withArrow, withArrow = _d === void 0 ? false : _d, _e = _a.withTransition, withTransition = _e === void 0 ? true : _e, _f = _a.position, position = _f === void 0 ? 'left' : _f, preventFlip = _a.preventFlip, popperClassName = _a.popperClassName, arrowClassName = _a.arrowClassName, className = _a.className, open = _a.open, dataTestId = _a.dataTestId, update = _a.update, _g = _a.transitionDuration, transitionDuration = _g === void 0 ? "".concat(transition.timeout, "ms") : _g, _h = _a.zIndex, zIndex = _h === void 0 ? coreComponentsStack.stackingOrder.POPOVER : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k;
81
79
  var _l = React.useState(anchorElement), referenceElement = _l[0], setReferenceElement = _l[1];
82
80
  var _m = React.useState(null), popperElement = _m[0], setPopperElement = _m[1];
83
81
  var _o = React.useState(null), arrowElement = _o[0], setArrowElement = _o[1];
@@ -98,7 +96,7 @@ var Popover = React.forwardRef(function (_a, ref) {
98
96
  modifiers.push({ name: 'preventOverflow', options: { mainAxis: false } });
99
97
  }
100
98
  if (availableHeight) {
101
- modifiers.push(__assign(__assign({}, maxSize__default['default']), { options: {} }));
99
+ modifiers.push(__assign(__assign({}, maxSize__default.default), { options: {} }));
102
100
  modifiers.push(__assign(__assign({}, availableHieghtModifier), { options: {} }));
103
101
  }
104
102
  return modifiers;
@@ -163,14 +161,14 @@ var Popover = React.forwardRef(function (_a, ref) {
163
161
  var renderContent = function (computedZIndex, style) {
164
162
  var _a, _b;
165
163
  var _c;
166
- return (React__default['default'].createElement("div", __assign({ ref: mergeRefs__default['default']([ref, setPopperElement]), style: __assign(__assign({ zIndex: computedZIndex, width: useAnchorWidth ? referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.offsetWidth : undefined }, popperStyles.popper), (((_c = popperStyles.popper) === null || _c === void 0 ? void 0 : _c.transform) ? null : { visibility: 'hidden' })), "data-test-id": dataTestId, className: cn__default['default'](styles__default['default'].component, className, (_a = {},
167
- _a[styles__default['default'].arrowShift] = arrowShift,
164
+ return (React__default.default.createElement("div", __assign({ ref: mergeRefs__default.default([ref, setPopperElement]), style: __assign(__assign({ zIndex: computedZIndex, width: useAnchorWidth ? referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.offsetWidth : undefined }, popperStyles.popper), (((_c = popperStyles.popper) === null || _c === void 0 ? void 0 : _c.transform) ? null : { visibility: 'hidden' })), "data-test-id": dataTestId, className: cn__default.default(styles__default.default.component, className, (_a = {},
165
+ _a[styles__default.default.arrowShift] = arrowShift,
168
166
  _a)) }, attributes.popper),
169
- React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].inner, popperClassName), style: style },
170
- React__default['default'].createElement("div", { className: cn__default['default']((_b = {}, _b[styles__default['default'].scrollableContent] = availableHeight, _b)) }, children),
171
- withArrow && (React__default['default'].createElement("div", { ref: setArrowElement, style: popperStyles.arrow, className: cn__default['default'](styles__default['default'].arrow, arrowClassName) })))));
167
+ React__default.default.createElement("div", { className: cn__default.default(styles__default.default.inner, popperClassName), style: style },
168
+ React__default.default.createElement("div", { className: cn__default.default((_b = {}, _b[styles__default.default.scrollableContent] = availableHeight, _b)) }, children),
169
+ withArrow && (React__default.default.createElement("div", { ref: setArrowElement, style: popperStyles.arrow, className: cn__default.default(styles__default.default.arrow, arrowClassName) })))));
172
170
  };
173
- return (React__default['default'].createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default['default'].createElement(coreComponentsPortal.Portal, { getPortalContainer: getPortalContainer }, withTransition ? (React__default['default'].createElement(reactTransitionGroup.CSSTransition, __assign({ unmountOnExit: true, classNames: CSS_TRANSITION_CLASS_NAMES }, transition, { in: open }), renderContent(computedZIndex, { transitionDuration: transitionDuration }))) : (open && renderContent(computedZIndex)))); }));
171
+ return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: getPortalContainer }, withTransition ? (React__default.default.createElement(reactTransitionGroup.CSSTransition, __assign({ unmountOnExit: true, classNames: CSS_TRANSITION_CLASS_NAMES }, transition, { in: open }), renderContent(computedZIndex, { transitionDuration: transitionDuration }))) : (open && renderContent(computedZIndex)))); }));
174
172
  });
175
173
 
176
174
  exports.Popover = Popover;
package/cssm/index.js CHANGED
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var Component = require('./Component.js');
6
4
  require('react');
7
5
  require('react-merge-refs');
package/esm/Component.js CHANGED
@@ -35,7 +35,7 @@ var __assign = function () {
35
35
  return __assign.apply(this, arguments);
36
36
  };
37
37
 
38
- var styles = {"component":"popover__component_y7e05","inner":"popover__inner_y7e05","scrollableContent":"popover__scrollableContent_y7e05","arrow":"popover__arrow_y7e05","arrowShift":"popover__arrowShift_y7e05","enter":"popover__enter_y7e05","enterActive":"popover__enterActive_y7e05","exit":"popover__exit_y7e05","exitActive":"popover__exitActive_y7e05"};
38
+ var styles = {"component":"popover__component_1bn0c","inner":"popover__inner_1bn0c","scrollableContent":"popover__scrollableContent_1bn0c","arrow":"popover__arrow_1bn0c","arrowShift":"popover__arrowShift_1bn0c","enter":"popover__enter_1bn0c","enterActive":"popover__enterActive_1bn0c","exit":"popover__exit_1bn0c","exitActive":"popover__exitActive_1bn0c"};
39
39
  require('./index.css')
40
40
 
41
41
  var DEFAULT_TRANSITION = {
@@ -55,9 +55,9 @@ var availableHieghtModifier = {
55
55
  fn: function (_a) {
56
56
  var _b = _a.state, modifiersData = _b.modifiersData, popper = _b.elements.popper;
57
57
  var height = modifiersData.maxSize.height;
58
- var content = popper.querySelector("." + styles.scrollableContent);
58
+ var content = popper.querySelector(".".concat(styles.scrollableContent));
59
59
  if (content && !content.style.maxHeight) {
60
- content.style.maxHeight = height + "px";
60
+ content.style.maxHeight = "".concat(height, "px");
61
61
  }
62
62
  },
63
63
  };
@@ -67,7 +67,7 @@ var availableHieghtModifier = {
67
67
  */
68
68
  var MIN_ARROW_SHIFT_SIZE = 75;
69
69
  var Popover = forwardRef(function (_a, ref) {
70
- var children = _a.children, getPortalContainer = _a.getPortalContainer, _b = _a.transition, transition = _b === void 0 ? DEFAULT_TRANSITION : _b, anchorElement = _a.anchorElement, useAnchorWidth = _a.useAnchorWidth, _c = _a.offset, offset = _c === void 0 ? [0, 0] : _c, _d = _a.withArrow, withArrow = _d === void 0 ? false : _d, _e = _a.withTransition, withTransition = _e === void 0 ? true : _e, _f = _a.position, position = _f === void 0 ? 'left' : _f, preventFlip = _a.preventFlip, popperClassName = _a.popperClassName, arrowClassName = _a.arrowClassName, className = _a.className, open = _a.open, dataTestId = _a.dataTestId, update = _a.update, _g = _a.transitionDuration, transitionDuration = _g === void 0 ? transition.timeout + "ms" : _g, _h = _a.zIndex, zIndex = _h === void 0 ? stackingOrder.POPOVER : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k;
70
+ var children = _a.children, getPortalContainer = _a.getPortalContainer, _b = _a.transition, transition = _b === void 0 ? DEFAULT_TRANSITION : _b, anchorElement = _a.anchorElement, useAnchorWidth = _a.useAnchorWidth, _c = _a.offset, offset = _c === void 0 ? [0, 0] : _c, _d = _a.withArrow, withArrow = _d === void 0 ? false : _d, _e = _a.withTransition, withTransition = _e === void 0 ? true : _e, _f = _a.position, position = _f === void 0 ? 'left' : _f, preventFlip = _a.preventFlip, popperClassName = _a.popperClassName, arrowClassName = _a.arrowClassName, className = _a.className, open = _a.open, dataTestId = _a.dataTestId, update = _a.update, _g = _a.transitionDuration, transitionDuration = _g === void 0 ? "".concat(transition.timeout, "ms") : _g, _h = _a.zIndex, zIndex = _h === void 0 ? stackingOrder.POPOVER : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k;
71
71
  var _l = useState(anchorElement), referenceElement = _l[0], setReferenceElement = _l[1];
72
72
  var _m = useState(null), popperElement = _m[0], setPopperElement = _m[1];
73
73
  var _o = useState(null), arrowElement = _o[0], setArrowElement = _o[1];
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: bj7vn */
1
+ /* hash: m3scs */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-text-primary: #0b1f35;
@@ -15,11 +15,11 @@
15
15
  :root {
16
16
  --popover-border-color: transparent;
17
17
  }
18
- .popover__component_y7e05 {
18
+ .popover__component_1bn0c {
19
19
  background-color: transparent;
20
20
  color: var(--color-light-text-primary);
21
21
  }
22
- .popover__inner_y7e05 {
22
+ .popover__inner_1bn0c {
23
23
  position: relative;
24
24
  background-color: var(--color-light-bg-primary);
25
25
  box-shadow: var(--shadow-m);
@@ -29,15 +29,15 @@
29
29
  box-sizing: border-box;
30
30
  will-change: transform;
31
31
  }
32
- .popover__scrollableContent_y7e05 {
32
+ .popover__scrollableContent_1bn0c {
33
33
  position: relative;
34
34
  z-index: 2;
35
35
  overflow-y: auto;
36
36
  }
37
- .popover__arrow_y7e05 {
37
+ .popover__arrow_1bn0c {
38
38
  z-index: 1;
39
39
  }
40
- .popover__arrow_y7e05:after {
40
+ .popover__arrow_1bn0c:after {
41
41
  content: '';
42
42
  display: block;
43
43
  position: absolute;
@@ -48,83 +48,83 @@
48
48
  box-sizing: border-box;
49
49
  transform: rotate(45deg);
50
50
  }
51
- .popover__component_y7e05[data-popper-placement='left'] .popover__arrow_y7e05,
52
- .popover__component_y7e05[data-popper-placement='left-start'] .popover__arrow_y7e05,
53
- .popover__component_y7e05[data-popper-placement='left-end'] .popover__arrow_y7e05 {
51
+ .popover__component_1bn0c[data-popper-placement='left'] .popover__arrow_1bn0c,
52
+ .popover__component_1bn0c[data-popper-placement='left-start'] .popover__arrow_1bn0c,
53
+ .popover__component_1bn0c[data-popper-placement='left-end'] .popover__arrow_1bn0c {
54
54
  right: 5px
55
55
  }
56
- .popover__component_y7e05[data-popper-placement='left'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='left-start'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='left-end'] .popover__arrow_y7e05:after {
56
+ .popover__component_1bn0c[data-popper-placement='left'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='left-start'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='left-end'] .popover__arrow_1bn0c:after {
57
57
  top: -6px;
58
58
  border-bottom: none;
59
59
  border-left: none;
60
60
  }
61
- .popover__component_y7e05[data-popper-placement='left-start'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
61
+ .popover__component_1bn0c[data-popper-placement='left-start'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
62
62
  top: -7px;
63
63
  }
64
- .popover__component_y7e05[data-popper-placement='left-end'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
64
+ .popover__component_1bn0c[data-popper-placement='left-end'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
65
65
  top: -5px;
66
66
  }
67
- .popover__component_y7e05[data-popper-placement='right'] .popover__arrow_y7e05,
68
- .popover__component_y7e05[data-popper-placement='right-start'] .popover__arrow_y7e05,
69
- .popover__component_y7e05[data-popper-placement='right-end'] .popover__arrow_y7e05 {
67
+ .popover__component_1bn0c[data-popper-placement='right'] .popover__arrow_1bn0c,
68
+ .popover__component_1bn0c[data-popper-placement='right-start'] .popover__arrow_1bn0c,
69
+ .popover__component_1bn0c[data-popper-placement='right-end'] .popover__arrow_1bn0c {
70
70
  left: -7px
71
71
  }
72
- .popover__component_y7e05[data-popper-placement='right'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='right-start'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='right-end'] .popover__arrow_y7e05:after {
72
+ .popover__component_1bn0c[data-popper-placement='right'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='right-start'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='right-end'] .popover__arrow_1bn0c:after {
73
73
  top: -6px;
74
74
  border-top: none;
75
75
  border-right: none;
76
76
  }
77
- .popover__component_y7e05[data-popper-placement='right-start'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
77
+ .popover__component_1bn0c[data-popper-placement='right-start'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
78
78
  top: -7px;
79
79
  }
80
- .popover__component_y7e05[data-popper-placement='right-end'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
80
+ .popover__component_1bn0c[data-popper-placement='right-end'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
81
81
  top: -5px;
82
82
  }
83
- .popover__component_y7e05[data-popper-placement='top'] .popover__arrow_y7e05,
84
- .popover__component_y7e05[data-popper-placement='top-start'] .popover__arrow_y7e05,
85
- .popover__component_y7e05[data-popper-placement='top-end'] .popover__arrow_y7e05 {
83
+ .popover__component_1bn0c[data-popper-placement='top'] .popover__arrow_1bn0c,
84
+ .popover__component_1bn0c[data-popper-placement='top-start'] .popover__arrow_1bn0c,
85
+ .popover__component_1bn0c[data-popper-placement='top-end'] .popover__arrow_1bn0c {
86
86
  bottom: 5px
87
87
  }
88
- .popover__component_y7e05[data-popper-placement='top'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='top-start'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='top-end'] .popover__arrow_y7e05:after {
88
+ .popover__component_1bn0c[data-popper-placement='top'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='top-start'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='top-end'] .popover__arrow_1bn0c:after {
89
89
  left: -6px;
90
90
  border-top: none;
91
91
  border-left: none;
92
92
  }
93
- .popover__component_y7e05[data-popper-placement='top-start'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
93
+ .popover__component_1bn0c[data-popper-placement='top-start'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
94
94
  left: -17px;
95
95
  }
96
- .popover__component_y7e05[data-popper-placement='top-end'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
96
+ .popover__component_1bn0c[data-popper-placement='top-end'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
97
97
  left: 5px;
98
98
  }
99
- .popover__component_y7e05[data-popper-placement='bottom'] .popover__arrow_y7e05,
100
- .popover__component_y7e05[data-popper-placement='bottom-start'] .popover__arrow_y7e05,
101
- .popover__component_y7e05[data-popper-placement='bottom-end'] .popover__arrow_y7e05 {
99
+ .popover__component_1bn0c[data-popper-placement='bottom'] .popover__arrow_1bn0c,
100
+ .popover__component_1bn0c[data-popper-placement='bottom-start'] .popover__arrow_1bn0c,
101
+ .popover__component_1bn0c[data-popper-placement='bottom-end'] .popover__arrow_1bn0c {
102
102
  top: -7px
103
103
  }
104
- .popover__component_y7e05[data-popper-placement='bottom'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='bottom-start'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='bottom-end'] .popover__arrow_y7e05:after {
104
+ .popover__component_1bn0c[data-popper-placement='bottom'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='bottom-start'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='bottom-end'] .popover__arrow_1bn0c:after {
105
105
  left: -6px;
106
106
  border-bottom: none;
107
107
  border-right: none;
108
108
  }
109
- .popover__component_y7e05[data-popper-placement='bottom-start'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
109
+ .popover__component_1bn0c[data-popper-placement='bottom-start'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
110
110
  left: -17px;
111
111
  }
112
- .popover__component_y7e05[data-popper-placement='bottom-end'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
112
+ .popover__component_1bn0c[data-popper-placement='bottom-end'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
113
113
  left: 5px;
114
114
  }
115
- .popover__enter_y7e05 .popover__inner_y7e05 {
115
+ .popover__enter_1bn0c .popover__inner_1bn0c {
116
116
  opacity: 0;
117
117
  transform: scale(0.98);
118
118
  }
119
- .popover__enterActive_y7e05 .popover__inner_y7e05 {
119
+ .popover__enterActive_1bn0c .popover__inner_1bn0c {
120
120
  opacity: 1;
121
121
  transform: scale(1);
122
122
  }
123
- .popover__exit_y7e05 .popover__inner_y7e05 {
123
+ .popover__exit_1bn0c .popover__inner_1bn0c {
124
124
  opacity: 1;
125
125
  transform: scale(1);
126
126
  }
127
- .popover__exitActive_y7e05 .popover__inner_y7e05 {
127
+ .popover__exitActive_1bn0c .popover__inner_1bn0c {
128
128
  opacity: 0;
129
129
  transform: scale(0.98);
130
130
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: bj7vn */
1
+ /* hash: m3scs */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-text-primary: #0b1f35;
@@ -15,11 +15,11 @@
15
15
  :root {
16
16
  --popover-border-color: transparent;
17
17
  }
18
- .popover__component_y7e05 {
18
+ .popover__component_1bn0c {
19
19
  background-color: transparent;
20
20
  color: var(--color-light-text-primary);
21
21
  }
22
- .popover__inner_y7e05 {
22
+ .popover__inner_1bn0c {
23
23
  position: relative;
24
24
  background-color: var(--color-light-bg-primary);
25
25
  box-shadow: var(--shadow-m);
@@ -29,15 +29,15 @@
29
29
  box-sizing: border-box;
30
30
  will-change: transform;
31
31
  }
32
- .popover__scrollableContent_y7e05 {
32
+ .popover__scrollableContent_1bn0c {
33
33
  position: relative;
34
34
  z-index: 2;
35
35
  overflow-y: auto;
36
36
  }
37
- .popover__arrow_y7e05 {
37
+ .popover__arrow_1bn0c {
38
38
  z-index: 1;
39
39
  }
40
- .popover__arrow_y7e05:after {
40
+ .popover__arrow_1bn0c:after {
41
41
  content: '';
42
42
  display: block;
43
43
  position: absolute;
@@ -48,83 +48,83 @@
48
48
  box-sizing: border-box;
49
49
  transform: rotate(45deg);
50
50
  }
51
- .popover__component_y7e05[data-popper-placement='left'] .popover__arrow_y7e05,
52
- .popover__component_y7e05[data-popper-placement='left-start'] .popover__arrow_y7e05,
53
- .popover__component_y7e05[data-popper-placement='left-end'] .popover__arrow_y7e05 {
51
+ .popover__component_1bn0c[data-popper-placement='left'] .popover__arrow_1bn0c,
52
+ .popover__component_1bn0c[data-popper-placement='left-start'] .popover__arrow_1bn0c,
53
+ .popover__component_1bn0c[data-popper-placement='left-end'] .popover__arrow_1bn0c {
54
54
  right: 5px
55
55
  }
56
- .popover__component_y7e05[data-popper-placement='left'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='left-start'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='left-end'] .popover__arrow_y7e05:after {
56
+ .popover__component_1bn0c[data-popper-placement='left'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='left-start'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='left-end'] .popover__arrow_1bn0c:after {
57
57
  top: -6px;
58
58
  border-bottom: none;
59
59
  border-left: none;
60
60
  }
61
- .popover__component_y7e05[data-popper-placement='left-start'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
61
+ .popover__component_1bn0c[data-popper-placement='left-start'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
62
62
  top: -7px;
63
63
  }
64
- .popover__component_y7e05[data-popper-placement='left-end'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
64
+ .popover__component_1bn0c[data-popper-placement='left-end'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
65
65
  top: -5px;
66
66
  }
67
- .popover__component_y7e05[data-popper-placement='right'] .popover__arrow_y7e05,
68
- .popover__component_y7e05[data-popper-placement='right-start'] .popover__arrow_y7e05,
69
- .popover__component_y7e05[data-popper-placement='right-end'] .popover__arrow_y7e05 {
67
+ .popover__component_1bn0c[data-popper-placement='right'] .popover__arrow_1bn0c,
68
+ .popover__component_1bn0c[data-popper-placement='right-start'] .popover__arrow_1bn0c,
69
+ .popover__component_1bn0c[data-popper-placement='right-end'] .popover__arrow_1bn0c {
70
70
  left: -7px
71
71
  }
72
- .popover__component_y7e05[data-popper-placement='right'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='right-start'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='right-end'] .popover__arrow_y7e05:after {
72
+ .popover__component_1bn0c[data-popper-placement='right'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='right-start'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='right-end'] .popover__arrow_1bn0c:after {
73
73
  top: -6px;
74
74
  border-top: none;
75
75
  border-right: none;
76
76
  }
77
- .popover__component_y7e05[data-popper-placement='right-start'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
77
+ .popover__component_1bn0c[data-popper-placement='right-start'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
78
78
  top: -7px;
79
79
  }
80
- .popover__component_y7e05[data-popper-placement='right-end'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
80
+ .popover__component_1bn0c[data-popper-placement='right-end'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
81
81
  top: -5px;
82
82
  }
83
- .popover__component_y7e05[data-popper-placement='top'] .popover__arrow_y7e05,
84
- .popover__component_y7e05[data-popper-placement='top-start'] .popover__arrow_y7e05,
85
- .popover__component_y7e05[data-popper-placement='top-end'] .popover__arrow_y7e05 {
83
+ .popover__component_1bn0c[data-popper-placement='top'] .popover__arrow_1bn0c,
84
+ .popover__component_1bn0c[data-popper-placement='top-start'] .popover__arrow_1bn0c,
85
+ .popover__component_1bn0c[data-popper-placement='top-end'] .popover__arrow_1bn0c {
86
86
  bottom: 5px
87
87
  }
88
- .popover__component_y7e05[data-popper-placement='top'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='top-start'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='top-end'] .popover__arrow_y7e05:after {
88
+ .popover__component_1bn0c[data-popper-placement='top'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='top-start'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='top-end'] .popover__arrow_1bn0c:after {
89
89
  left: -6px;
90
90
  border-top: none;
91
91
  border-left: none;
92
92
  }
93
- .popover__component_y7e05[data-popper-placement='top-start'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
93
+ .popover__component_1bn0c[data-popper-placement='top-start'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
94
94
  left: -17px;
95
95
  }
96
- .popover__component_y7e05[data-popper-placement='top-end'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
96
+ .popover__component_1bn0c[data-popper-placement='top-end'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
97
97
  left: 5px;
98
98
  }
99
- .popover__component_y7e05[data-popper-placement='bottom'] .popover__arrow_y7e05,
100
- .popover__component_y7e05[data-popper-placement='bottom-start'] .popover__arrow_y7e05,
101
- .popover__component_y7e05[data-popper-placement='bottom-end'] .popover__arrow_y7e05 {
99
+ .popover__component_1bn0c[data-popper-placement='bottom'] .popover__arrow_1bn0c,
100
+ .popover__component_1bn0c[data-popper-placement='bottom-start'] .popover__arrow_1bn0c,
101
+ .popover__component_1bn0c[data-popper-placement='bottom-end'] .popover__arrow_1bn0c {
102
102
  top: -7px
103
103
  }
104
- .popover__component_y7e05[data-popper-placement='bottom'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='bottom-start'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='bottom-end'] .popover__arrow_y7e05:after {
104
+ .popover__component_1bn0c[data-popper-placement='bottom'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='bottom-start'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='bottom-end'] .popover__arrow_1bn0c:after {
105
105
  left: -6px;
106
106
  border-bottom: none;
107
107
  border-right: none;
108
108
  }
109
- .popover__component_y7e05[data-popper-placement='bottom-start'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
109
+ .popover__component_1bn0c[data-popper-placement='bottom-start'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
110
110
  left: -17px;
111
111
  }
112
- .popover__component_y7e05[data-popper-placement='bottom-end'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
112
+ .popover__component_1bn0c[data-popper-placement='bottom-end'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
113
113
  left: 5px;
114
114
  }
115
- .popover__enter_y7e05 .popover__inner_y7e05 {
115
+ .popover__enter_1bn0c .popover__inner_1bn0c {
116
116
  opacity: 0;
117
117
  transform: scale(0.98);
118
118
  }
119
- .popover__enterActive_y7e05 .popover__inner_y7e05 {
119
+ .popover__enterActive_1bn0c .popover__inner_1bn0c {
120
120
  opacity: 1;
121
121
  transform: scale(1);
122
122
  }
123
- .popover__exit_y7e05 .popover__inner_y7e05 {
123
+ .popover__exit_1bn0c .popover__inner_1bn0c {
124
124
  opacity: 1;
125
125
  transform: scale(1);
126
126
  }
127
- .popover__exitActive_y7e05 .popover__inner_y7e05 {
127
+ .popover__exitActive_1bn0c .popover__inner_1bn0c {
128
128
  opacity: 0;
129
129
  transform: scale(0.98);
130
130
  }
package/index.js CHANGED
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var Component = require('./Component.js');
6
4
  require('react');
7
5
  require('react-merge-refs');
package/modern/Component.js CHANGED
@@ -6,9 +6,9 @@ import { ResizeObserver } from '@juggle/resize-observer';
6
6
  import cn from 'classnames';
7
7
  import maxSize from 'popper-max-size-modifier';
8
8
  import { Portal } from '@alfalab/core-components-portal/modern';
9
- import { stackingOrder, Stack } from '@alfalab/core-components-stack/modern';
9
+ import { Stack, stackingOrder } from '@alfalab/core-components-stack/modern';
10
10
 
11
- var styles = {"component":"popover__component_y7e05","inner":"popover__inner_y7e05","scrollableContent":"popover__scrollableContent_y7e05","arrow":"popover__arrow_y7e05","arrowShift":"popover__arrowShift_y7e05","enter":"popover__enter_y7e05","enterActive":"popover__enterActive_y7e05","exit":"popover__exit_y7e05","exitActive":"popover__exitActive_y7e05"};
11
+ const styles = {"component":"popover__component_1bn0c","inner":"popover__inner_1bn0c","scrollableContent":"popover__scrollableContent_1bn0c","arrow":"popover__arrow_1bn0c","arrowShift":"popover__arrowShift_1bn0c","enter":"popover__enter_1bn0c","enterActive":"popover__enterActive_1bn0c","exit":"popover__exit_1bn0c","exitActive":"popover__exitActive_1bn0c"};
12
12
  require('./index.css')
13
13
 
14
14
  const DEFAULT_TRANSITION = {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: bj7vn */
1
+ /* hash: m3scs */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-text-primary: #0b1f35;
@@ -15,11 +15,11 @@
15
15
  :root {
16
16
  --popover-border-color: transparent;
17
17
  }
18
- .popover__component_y7e05 {
18
+ .popover__component_1bn0c {
19
19
  background-color: transparent;
20
20
  color: var(--color-light-text-primary);
21
21
  }
22
- .popover__inner_y7e05 {
22
+ .popover__inner_1bn0c {
23
23
  position: relative;
24
24
  background-color: var(--color-light-bg-primary);
25
25
  box-shadow: var(--shadow-m);
@@ -29,15 +29,15 @@
29
29
  box-sizing: border-box;
30
30
  will-change: transform;
31
31
  }
32
- .popover__scrollableContent_y7e05 {
32
+ .popover__scrollableContent_1bn0c {
33
33
  position: relative;
34
34
  z-index: 2;
35
35
  overflow-y: auto;
36
36
  }
37
- .popover__arrow_y7e05 {
37
+ .popover__arrow_1bn0c {
38
38
  z-index: 1;
39
39
  }
40
- .popover__arrow_y7e05:after {
40
+ .popover__arrow_1bn0c:after {
41
41
  content: '';
42
42
  display: block;
43
43
  position: absolute;
@@ -48,83 +48,83 @@
48
48
  box-sizing: border-box;
49
49
  transform: rotate(45deg);
50
50
  }
51
- .popover__component_y7e05[data-popper-placement='left'] .popover__arrow_y7e05,
52
- .popover__component_y7e05[data-popper-placement='left-start'] .popover__arrow_y7e05,
53
- .popover__component_y7e05[data-popper-placement='left-end'] .popover__arrow_y7e05 {
51
+ .popover__component_1bn0c[data-popper-placement='left'] .popover__arrow_1bn0c,
52
+ .popover__component_1bn0c[data-popper-placement='left-start'] .popover__arrow_1bn0c,
53
+ .popover__component_1bn0c[data-popper-placement='left-end'] .popover__arrow_1bn0c {
54
54
  right: 5px
55
55
  }
56
- .popover__component_y7e05[data-popper-placement='left'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='left-start'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='left-end'] .popover__arrow_y7e05:after {
56
+ .popover__component_1bn0c[data-popper-placement='left'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='left-start'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='left-end'] .popover__arrow_1bn0c:after {
57
57
  top: -6px;
58
58
  border-bottom: none;
59
59
  border-left: none;
60
60
  }
61
- .popover__component_y7e05[data-popper-placement='left-start'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
61
+ .popover__component_1bn0c[data-popper-placement='left-start'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
62
62
  top: -7px;
63
63
  }
64
- .popover__component_y7e05[data-popper-placement='left-end'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
64
+ .popover__component_1bn0c[data-popper-placement='left-end'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
65
65
  top: -5px;
66
66
  }
67
- .popover__component_y7e05[data-popper-placement='right'] .popover__arrow_y7e05,
68
- .popover__component_y7e05[data-popper-placement='right-start'] .popover__arrow_y7e05,
69
- .popover__component_y7e05[data-popper-placement='right-end'] .popover__arrow_y7e05 {
67
+ .popover__component_1bn0c[data-popper-placement='right'] .popover__arrow_1bn0c,
68
+ .popover__component_1bn0c[data-popper-placement='right-start'] .popover__arrow_1bn0c,
69
+ .popover__component_1bn0c[data-popper-placement='right-end'] .popover__arrow_1bn0c {
70
70
  left: -7px
71
71
  }
72
- .popover__component_y7e05[data-popper-placement='right'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='right-start'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='right-end'] .popover__arrow_y7e05:after {
72
+ .popover__component_1bn0c[data-popper-placement='right'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='right-start'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='right-end'] .popover__arrow_1bn0c:after {
73
73
  top: -6px;
74
74
  border-top: none;
75
75
  border-right: none;
76
76
  }
77
- .popover__component_y7e05[data-popper-placement='right-start'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
77
+ .popover__component_1bn0c[data-popper-placement='right-start'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
78
78
  top: -7px;
79
79
  }
80
- .popover__component_y7e05[data-popper-placement='right-end'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
80
+ .popover__component_1bn0c[data-popper-placement='right-end'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
81
81
  top: -5px;
82
82
  }
83
- .popover__component_y7e05[data-popper-placement='top'] .popover__arrow_y7e05,
84
- .popover__component_y7e05[data-popper-placement='top-start'] .popover__arrow_y7e05,
85
- .popover__component_y7e05[data-popper-placement='top-end'] .popover__arrow_y7e05 {
83
+ .popover__component_1bn0c[data-popper-placement='top'] .popover__arrow_1bn0c,
84
+ .popover__component_1bn0c[data-popper-placement='top-start'] .popover__arrow_1bn0c,
85
+ .popover__component_1bn0c[data-popper-placement='top-end'] .popover__arrow_1bn0c {
86
86
  bottom: 5px
87
87
  }
88
- .popover__component_y7e05[data-popper-placement='top'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='top-start'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='top-end'] .popover__arrow_y7e05:after {
88
+ .popover__component_1bn0c[data-popper-placement='top'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='top-start'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='top-end'] .popover__arrow_1bn0c:after {
89
89
  left: -6px;
90
90
  border-top: none;
91
91
  border-left: none;
92
92
  }
93
- .popover__component_y7e05[data-popper-placement='top-start'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
93
+ .popover__component_1bn0c[data-popper-placement='top-start'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
94
94
  left: -17px;
95
95
  }
96
- .popover__component_y7e05[data-popper-placement='top-end'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
96
+ .popover__component_1bn0c[data-popper-placement='top-end'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
97
97
  left: 5px;
98
98
  }
99
- .popover__component_y7e05[data-popper-placement='bottom'] .popover__arrow_y7e05,
100
- .popover__component_y7e05[data-popper-placement='bottom-start'] .popover__arrow_y7e05,
101
- .popover__component_y7e05[data-popper-placement='bottom-end'] .popover__arrow_y7e05 {
99
+ .popover__component_1bn0c[data-popper-placement='bottom'] .popover__arrow_1bn0c,
100
+ .popover__component_1bn0c[data-popper-placement='bottom-start'] .popover__arrow_1bn0c,
101
+ .popover__component_1bn0c[data-popper-placement='bottom-end'] .popover__arrow_1bn0c {
102
102
  top: -7px
103
103
  }
104
- .popover__component_y7e05[data-popper-placement='bottom'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='bottom-start'] .popover__arrow_y7e05:after, .popover__component_y7e05[data-popper-placement='bottom-end'] .popover__arrow_y7e05:after {
104
+ .popover__component_1bn0c[data-popper-placement='bottom'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='bottom-start'] .popover__arrow_1bn0c:after, .popover__component_1bn0c[data-popper-placement='bottom-end'] .popover__arrow_1bn0c:after {
105
105
  left: -6px;
106
106
  border-bottom: none;
107
107
  border-right: none;
108
108
  }
109
- .popover__component_y7e05[data-popper-placement='bottom-start'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
109
+ .popover__component_1bn0c[data-popper-placement='bottom-start'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
110
110
  left: -17px;
111
111
  }
112
- .popover__component_y7e05[data-popper-placement='bottom-end'].popover__arrowShift_y7e05 .popover__arrow_y7e05:after {
112
+ .popover__component_1bn0c[data-popper-placement='bottom-end'].popover__arrowShift_1bn0c .popover__arrow_1bn0c:after {
113
113
  left: 5px;
114
114
  }
115
- .popover__enter_y7e05 .popover__inner_y7e05 {
115
+ .popover__enter_1bn0c .popover__inner_1bn0c {
116
116
  opacity: 0;
117
117
  transform: scale(0.98);
118
118
  }
119
- .popover__enterActive_y7e05 .popover__inner_y7e05 {
119
+ .popover__enterActive_1bn0c .popover__inner_1bn0c {
120
120
  opacity: 1;
121
121
  transform: scale(1);
122
122
  }
123
- .popover__exit_y7e05 .popover__inner_y7e05 {
123
+ .popover__exit_1bn0c .popover__inner_1bn0c {
124
124
  opacity: 1;
125
125
  transform: scale(1);
126
126
  }
127
- .popover__exitActive_y7e05 .popover__inner_y7e05 {
127
+ .popover__exitActive_1bn0c .popover__inner_1bn0c {
128
128
  opacity: 0;
129
129
  transform: scale(0.98);
130
130
  }
package/modern/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ export { Popover } from './Component.js';
1
2
  import 'react';
2
3
  import 'react-merge-refs';
3
4
  import 'react-popper';
@@ -7,4 +8,3 @@ import 'classnames';
7
8
  import 'popper-max-size-modifier';
8
9
  import '@alfalab/core-components-portal/modern';
9
10
  import '@alfalab/core-components-stack/modern';
10
- export { Popover } from './Component.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-popover",
3
- "version": "6.0.3",
3
+ "version": "6.0.5",
4
4
  "description": "Popover component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -18,8 +18,8 @@
18
18
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
19
19
  },
20
20
  "dependencies": {
21
- "@alfalab/core-components-portal": "^3.1.0",
22
- "@alfalab/core-components-stack": "^4.0.1",
21
+ "@alfalab/core-components-portal": "^3.1.2",
22
+ "@alfalab/core-components-stack": "^4.0.2",
23
23
  "@juggle/resize-observer": "^3.3.1",
24
24
  "@popperjs/core": "^2.3.3",
25
25
  "classnames": "^2.3.1",