@salutejs/plasma-new-hope 0.343.0-canary.2378.19987972214.0 → 0.343.0-canary.2378.20020526385.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/emotion/cjs/components/_experimental/Popover/Popover.js +39 -31
- package/emotion/es/components/_experimental/Popover/Popover.js +40 -26
- package/package.json +5 -5
- package/styled-components/cjs/components/_experimental/Popover/Popover.js +43 -35
- package/styled-components/es/components/_experimental/Popover/Popover.js +44 -30
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/types/components/_experimental/Popover/Popover.d.ts +0 -2
- package/types/components/_experimental/Popover/Popover.d.ts.map +1 -1
- package/types/components/_experimental/Popover/Popover.types.d.ts +24 -13
- package/types/components/_experimental/Popover/Popover.types.d.ts.map +1 -1
|
@@ -14,12 +14,6 @@ _export(exports, {
|
|
|
14
14
|
},
|
|
15
15
|
get popoverRoot () {
|
|
16
16
|
return popoverRoot;
|
|
17
|
-
},
|
|
18
|
-
get sizeCSS () {
|
|
19
|
-
return sizeCSS;
|
|
20
|
-
},
|
|
21
|
-
get viewCSS () {
|
|
22
|
-
return viewCSS;
|
|
23
17
|
}
|
|
24
18
|
});
|
|
25
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
@@ -170,29 +164,30 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
170
164
|
if (n === "Map" || n === "Set") return Array.from(n);
|
|
171
165
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
172
166
|
}
|
|
173
|
-
|
|
174
|
-
|
|
167
|
+
/* Ширина хвостика */ var ARROW_WIDTH = 20;
|
|
168
|
+
/* Высота хвостика */ var ARROW_HEIGHT = 8;
|
|
169
|
+
/* SVG хвостика */ var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
|
|
170
|
+
/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */ var ARROW_PADDING = 16;
|
|
175
171
|
var popoverRoot = function(Root) {
|
|
176
172
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRootRef) {
|
|
177
|
-
var children = _param.children, target = _param.target, outerOpened = _param.opened, _param_defaultOpened = _param.defaultOpened, defaultOpened = _param_defaultOpened === void 0 ? false : _param_defaultOpened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement,
|
|
178
|
-
0,
|
|
179
|
-
0
|
|
180
|
-
] : tmp, _param_hasArrow = _param.hasArrow, hasArrow = _param_hasArrow === void 0 ? true : _param_hasArrow, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, resizable = _param.resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, animated = _param.animated, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, rest = _object_without_properties(_param, [
|
|
173
|
+
var children = _param.children, target = _param.target, outerOpened = _param.opened, _param_defaultOpened = _param.defaultOpened, defaultOpened = _param_defaultOpened === void 0 ? false : _param_defaultOpened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement, tmp = _param.arrow, outerArrow = tmp === void 0 ? true : tmp, tmp1 = _param.flip, outsideFlip = tmp1 === void 0 ? true : tmp1, tmp2 = _param.shift, outsideShift = tmp2 === void 0 ? true : tmp2, tmp3 = _param.offset, outerOffset = tmp3 === void 0 ? 0 : tmp3, _param_outsideClick = _param.outsideClick, outsideClick = _param_outsideClick === void 0 ? true : _param_outsideClick, resizable = _param.resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, _param_delayOpen = _param.delayOpen, delayOpen = _param_delayOpen === void 0 ? 0 : _param_delayOpen, _param_delayClose = _param.delayClose, delayClose = _param_delayClose === void 0 ? 0 : _param_delayClose, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, rest = _object_without_properties(_param, [
|
|
181
174
|
"children",
|
|
182
175
|
"target",
|
|
183
176
|
"opened",
|
|
184
177
|
"defaultOpened",
|
|
185
178
|
"trigger",
|
|
186
179
|
"placement",
|
|
180
|
+
"arrow",
|
|
187
181
|
"flip",
|
|
182
|
+
"shift",
|
|
188
183
|
"offset",
|
|
189
|
-
"
|
|
190
|
-
"closeOnOverlayClick",
|
|
184
|
+
"outsideClick",
|
|
191
185
|
"resizable",
|
|
192
186
|
"onResizeStart",
|
|
193
187
|
"onResizeEnd",
|
|
194
188
|
"onToggle",
|
|
195
|
-
"
|
|
189
|
+
"delayOpen",
|
|
190
|
+
"delayClose",
|
|
196
191
|
"zIndex",
|
|
197
192
|
"className",
|
|
198
193
|
"style"
|
|
@@ -207,25 +202,37 @@ var popoverRoot = function(Root) {
|
|
|
207
202
|
}
|
|
208
203
|
};
|
|
209
204
|
var _useFloating = (0, _react1.useFloating)({
|
|
205
|
+
whileElementsMounted: _react1.autoUpdate,
|
|
210
206
|
placement: placement,
|
|
211
207
|
open: opened,
|
|
212
208
|
onOpenChange: handleToggle,
|
|
213
209
|
middleware: [
|
|
214
|
-
(0, _react1.
|
|
215
|
-
|
|
210
|
+
outsideShift && (0, _react1.shift)(),
|
|
211
|
+
outsideFlip && (0, _react1.flip)(),
|
|
212
|
+
outerArrow && (0, _react1.arrow)({
|
|
213
|
+
element: arrowRef,
|
|
214
|
+
padding: ARROW_PADDING
|
|
216
215
|
}),
|
|
217
|
-
(0, _react1.offset)(
|
|
216
|
+
(0, _react1.offset)((outerArrow ? ARROW_HEIGHT : 0) + outerOffset)
|
|
218
217
|
]
|
|
219
218
|
}), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
|
|
220
219
|
var click = (0, _react1.useClick)(context, {
|
|
221
220
|
enabled: trigger === 'click'
|
|
222
221
|
});
|
|
223
222
|
var dismiss = (0, _react1.useDismiss)(context, {
|
|
224
|
-
enabled:
|
|
223
|
+
enabled: true,
|
|
224
|
+
outsidePress: outsideClick
|
|
225
225
|
});
|
|
226
226
|
var role = (0, _react1.useRole)(context);
|
|
227
227
|
var hover = (0, _react1.useHover)(context, {
|
|
228
|
-
enabled: trigger === 'hover'
|
|
228
|
+
enabled: trigger === 'hover',
|
|
229
|
+
handleClose: (0, _react1.safePolygon)({
|
|
230
|
+
requireIntent: false
|
|
231
|
+
}),
|
|
232
|
+
delay: {
|
|
233
|
+
open: delayOpen,
|
|
234
|
+
close: delayClose
|
|
235
|
+
}
|
|
229
236
|
});
|
|
230
237
|
var _useInteractions = (0, _react1.useInteractions)([
|
|
231
238
|
dismiss,
|
|
@@ -236,22 +243,23 @@ var popoverRoot = function(Root) {
|
|
|
236
243
|
var commonRef = (0, _utils.mergeRefs)(outerRootRef, refs.setFloating);
|
|
237
244
|
return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_Popoverstyles.Target, _object_spread({
|
|
238
245
|
ref: refs.setReference
|
|
239
|
-
}, getReferenceProps()), target), opened && /*#__PURE__*/ _react.default.createElement(_react1.FloatingFocusManager, {
|
|
240
|
-
context: context
|
|
241
|
-
modal: false
|
|
246
|
+
}, getReferenceProps()), target), opened && /*#__PURE__*/ _react.default.createElement(_react1.FloatingPortal, null, /*#__PURE__*/ _react.default.createElement(_react1.FloatingFocusManager, {
|
|
247
|
+
context: context
|
|
242
248
|
}, /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
|
|
243
249
|
ref: commonRef,
|
|
244
250
|
target: target,
|
|
245
251
|
className: className,
|
|
246
|
-
style: _object_spread({
|
|
247
|
-
|
|
252
|
+
style: _object_spread({
|
|
253
|
+
zIndex: zIndex
|
|
254
|
+
}, style, floatingStyles)
|
|
255
|
+
}, getFloatingProps(), rest), outerArrow && /*#__PURE__*/ _react.default.createElement(_react1.FloatingArrow, {
|
|
248
256
|
ref: arrowRef,
|
|
249
257
|
context: context,
|
|
250
|
-
width:
|
|
251
|
-
height:
|
|
258
|
+
width: ARROW_WIDTH,
|
|
259
|
+
height: ARROW_HEIGHT,
|
|
252
260
|
fill: "var(".concat(_Popovertokens.tokens.backgroundColor, ")"),
|
|
253
|
-
d:
|
|
254
|
-
}), children)));
|
|
261
|
+
d: ARROW_POLYGON
|
|
262
|
+
}), children))));
|
|
255
263
|
});
|
|
256
264
|
};
|
|
257
265
|
var popoverConfig = {
|
|
@@ -261,10 +269,10 @@ var popoverConfig = {
|
|
|
261
269
|
base: _Popoverstyles.base,
|
|
262
270
|
variations: {
|
|
263
271
|
view: {
|
|
264
|
-
css:
|
|
272
|
+
css: (0, /*#__PURE__*/ _react2.css)("css", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXIvUG9wb3Zlci50c3giLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvX2V4cGVyaW1lbnRhbC9Qb3BvdmVyL1BvcG92ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBSb290UHJvcHMgfSBmcm9tICdzcmMvZW5naW5lcy90eXBlcyc7XG5pbXBvcnQge1xuICAgIHVzZUZsb2F0aW5nLFxuICAgIHVzZUludGVyYWN0aW9ucyxcbiAgICB1c2VDbGljayxcbiAgICB1c2VEaXNtaXNzLFxuICAgIHVzZVJvbGUsXG4gICAgRmxvYXRpbmdGb2N1c01hbmFnZXIsXG4gICAgRmxvYXRpbmdBcnJvdyxcbiAgICBhcnJvdyxcbiAgICBvZmZzZXQsXG4gICAgdXNlSG92ZXIsXG4gICAgc2FmZVBvbHlnb24sXG4gICAgc2hpZnQsXG4gICAgZmxpcCxcbiAgICBGbG9hdGluZ1BvcnRhbCxcbiAgICBhdXRvVXBkYXRlLFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QnO1xuaW1wb3J0IHsgbWVyZ2VSZWZzIH0gZnJvbSAnc3JjL3V0aWxzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Qb3BvdmVyLnRva2Vucyc7XG5pbXBvcnQgeyBiYXNlLCBUYXJnZXQgfSBmcm9tICcuL1BvcG92ZXIuc3R5bGVzJztcbmltcG9ydCB0eXBlIHsgUG9wb3ZlclByb3BzIH0gZnJvbSAnLi9Qb3BvdmVyLnR5cGVzJztcblxuLyog0KjQuNGA0LjQvdCwINGF0LLQvtGB0YLQuNC60LAgKi9cbmNvbnN0IEFSUk9XX1dJRFRIID0gMjA7XG4vKiDQktGL0YHQvtGC0LAg0YXQstC+0YHRgtC40LrQsCAqL1xuY29uc3QgQVJST1dfSEVJR0hUID0gODtcbi8qIFNWRyDRhdCy0L7RgdGC0LjQutCwICovXG5jb25zdCBBUlJPV19QT0xZR09OID0gJ00yMCAyMEwwIDIwQzguODg4ODkgMjAuMDAwMSAxMCAxMi41NzE0IDEwIDEyQzEwIDEyLjU3MTQgMTEuMzI3MyAyMC4wMDYgMjAgMjBaJztcbi8qINCe0YLRgdGC0YPQvyDRhdCy0L7RgdGC0LjQutCwINC/0L4g0LrRgNCw0Y/QvCAo0YfRgtC+0LHRiyDQuNC30LHQtdC20LDRgtGMINC60L7Qu9C70LjQt9C40Lgg0YHQviDRgdC60YDRg9Cz0LvQtdC90L3Ri9C80Lgg0YPQs9C70LDQvNC4KSAqL1xuY29uc3QgQVJST1dfUEFERElORyA9IDE2O1xuXG5leHBvcnQgY29uc3QgcG9wb3ZlclJvb3QgPSAoUm9vdDogUm9vdFByb3BzPEhUTUxEaXZFbGVtZW50LCBQb3BvdmVyUHJvcHM+KSA9PlxuICAgIGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFBvcG92ZXJQcm9wcz4oXG4gICAgICAgIChcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBjaGlsZHJlbixcbiAgICAgICAgICAgICAgICB0YXJnZXQsXG4gICAgICAgICAgICAgICAgb3BlbmVkOiBvdXRlck9wZW5lZCxcbiAgICAgICAgICAgICAgICBkZWZhdWx0T3BlbmVkID0gZmFsc2UsXG4gICAgICAgICAgICAgICAgdHJpZ2dlciA9ICdjbGljaycsXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gICAgICAgICAgICAgICAgYXJyb3c6IG91dGVyQXJyb3cgPSB0cnVlLFxuICAgICAgICAgICAgICAgIGZsaXA6IG91dHNpZGVGbGlwID0gdHJ1ZSxcbiAgICAgICAgICAgICAgICBzaGlmdDogb3V0c2lkZVNoaWZ0ID0gdHJ1ZSxcbiAgICAgICAgICAgICAgICBvZmZzZXQ6IG91dGVyT2Zmc2V0ID0gMCxcbiAgICAgICAgICAgICAgICBvdXRzaWRlQ2xpY2sgPSB0cnVlLFxuICAgICAgICAgICAgICAgIHJlc2l6YWJsZSxcbiAgICAgICAgICAgICAgICBvblJlc2l6ZVN0YXJ0LFxuICAgICAgICAgICAgICAgIG9uUmVzaXplRW5kLFxuICAgICAgICAgICAgICAgIG9uVG9nZ2xlLFxuICAgICAgICAgICAgICAgIGRlbGF5T3BlbiA9IDAsXG4gICAgICAgICAgICAgICAgZGVsYXlDbG9zZSA9IDAsXG4gICAgICAgICAgICAgICAgekluZGV4ID0gMTAwMCxcbiAgICAgICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICAgICAgc3R5bGUsXG4gICAgICAgICAgICAgICAgLi4ucmVzdFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIG91dGVyUm9vdFJlZixcbiAgICAgICAgKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBbaW5uZXJPcGVuZWQsIHNldElubmVyT3BlbmVkXSA9IHVzZVN0YXRlKGRlZmF1bHRPcGVuZWQpO1xuXG4gICAgICAgICAgICBjb25zdCBvcGVuZWQgPSBvdXRlck9wZW5lZCA/PyBpbm5lck9wZW5lZDtcblxuICAgICAgICAgICAgY29uc3QgYXJyb3dSZWYgPSB1c2VSZWYobnVsbCk7XG5cbiAgICAgICAgICAgIGNvbnN0IGhhbmRsZVRvZ2dsZSA9IChvcGVuZWQ6IGJvb2xlYW4pID0+IHtcbiAgICAgICAgICAgICAgICBzZXRJbm5lck9wZW5lZChvcGVuZWQpO1xuXG4gICAgICAgICAgICAgICAgaWYgKG9uVG9nZ2xlKSB7XG4gICAgICAgICAgICAgICAgICAgIG9uVG9nZ2xlKG9wZW5lZCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfTtcblxuICAgICAgICAgICAgY29uc3QgeyByZWZzLCBmbG9hdGluZ1N0eWxlcywgY29udGV4dCB9ID0gdXNlRmxvYXRpbmcoe1xuICAgICAgICAgICAgICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgICAgICAgICAgICAgIHBsYWNlbWVudCxcbiAgICAgICAgICAgICAgICBvcGVuOiBvcGVuZWQsXG4gICAgICAgICAgICAgICAgb25PcGVuQ2hhbmdlOiBoYW5kbGVUb2dnbGUsXG4gICAgICAgICAgICAgICAgbWlkZGxld2FyZTogW1xuICAgICAgICAgICAgICAgICAgICBvdXRzaWRlU2hpZnQgJiYgc2hpZnQoKSxcbiAgICAgICAgICAgICAgICAgICAgb3V0c2lkZUZsaXAgJiYgZmxpcCgpLFxuICAgICAgICAgICAgICAgICAgICBvdXRlckFycm93ICYmIGFycm93KHsgZWxlbWVudDogYXJyb3dSZWYsIHBhZGRpbmc6IEFSUk9XX1BBRERJTkcgfSksXG4gICAgICAgICAgICAgICAgICAgIG9mZnNldCgob3V0ZXJBcnJvdyA/IEFSUk9XX0hFSUdIVCA6IDApICsgb3V0ZXJPZmZzZXQpLFxuICAgICAgICAgICAgICAgIF0sXG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgY29uc3QgY2xpY2sgPSB1c2VDbGljayhjb250ZXh0LCB7XG4gICAgICAgICAgICAgICAgZW5hYmxlZDogdHJpZ2dlciA9PT0gJ2NsaWNrJyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgY29uc3QgZGlzbWlzcyA9IHVzZURpc21pc3MoY29udGV4dCwge1xuICAgICAgICAgICAgICAgIGVuYWJsZWQ6IHRydWUsXG4gICAgICAgICAgICAgICAgb3V0c2lkZVByZXNzOiBvdXRzaWRlQ2xpY2ssXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIGNvbnN0IHJvbGUgPSB1c2VSb2xlKGNvbnRleHQpO1xuICAgICAgICAgICAgY29uc3QgaG92ZXIgPSB1c2VIb3Zlcihjb250ZXh0LCB7XG4gICAgICAgICAgICAgICAgZW5hYmxlZDogdHJpZ2dlciA9PT0gJ2hvdmVyJyxcbiAgICAgICAgICAgICAgICBoYW5kbGVDbG9zZTogc2FmZVBvbHlnb24oe1xuICAgICAgICAgICAgICAgICAgICByZXF1aXJlSW50ZW50OiBmYWxzZSxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICBkZWxheToge1xuICAgICAgICAgICAgICAgICAgICBvcGVuOiBkZWxheU9wZW4sXG4gICAgICAgICAgICAgICAgICAgIGNsb3NlOiBkZWxheUNsb3NlLFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgY29uc3QgeyBnZXRSZWZlcmVuY2VQcm9wcywgZ2V0RmxvYXRpbmdQcm9wcyB9ID0gdXNlSW50ZXJhY3Rpb25zKFtkaXNtaXNzLCByb2xlLCBjbGljaywgaG92ZXJdKTtcblxuICAgICAgICAgICAgY29uc3QgY29tbW9uUmVmID0gbWVyZ2VSZWZzKG91dGVyUm9vdFJlZiwgcmVmcy5zZXRGbG9hdGluZyk7XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgPFRhcmdldCByZWY9e3JlZnMuc2V0UmVmZXJlbmNlfSB7Li4uZ2V0UmVmZXJlbmNlUHJvcHMoKX0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7dGFyZ2V0fVxuICAgICAgICAgICAgICAgICAgICA8L1RhcmdldD5cblxuICAgICAgICAgICAgICAgICAgICB7b3BlbmVkICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxGbG9hdGluZ1BvcnRhbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmxvYXRpbmdGb2N1c01hbmFnZXIgY29udGV4dD17Y29udGV4dH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxSb290XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZWY9e2NvbW1vblJlZn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRhcmdldD17dGFyZ2V0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyB6SW5kZXgsIC4uLnN0eWxlLCAuLi5mbG9hdGluZ1N0eWxlcyB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLmdldEZsb2F0aW5nUHJvcHMoKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7b3V0ZXJBcnJvdyAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZsb2F0aW5nQXJyb3dcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVmPXthcnJvd1JlZn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29udGV4dD17Y29udGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9e0FSUk9XX1dJRFRIfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9e0FSUk9XX0hFSUdIVH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmlsbD17YHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9KWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGQ9e0FSUk9XX1BPTFlHT059XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Sb290PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRmxvYXRpbmdGb2N1c01hbmFnZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0Zsb2F0aW5nUG9ydGFsPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgfSxcbiAgICApO1xuXG5leHBvcnQgY29uc3QgcG9wb3ZlckNvbmZpZyA9IHtcbiAgICBuYW1lOiAnUG9wb3ZlcicsXG4gICAgdGFnOiAnZGl2JyxcbiAgICBsYXlvdXQ6IHBvcG92ZXJSb290LFxuICAgIGJhc2UsXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBjc3M6IGNzc2BgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBjc3M6IGNzc2BgLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEppQiJ9 */")
|
|
265
273
|
},
|
|
266
274
|
size: {
|
|
267
|
-
css:
|
|
275
|
+
css: (0, /*#__PURE__*/ _react2.css)("css", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXIvUG9wb3Zlci50c3giLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvX2V4cGVyaW1lbnRhbC9Qb3BvdmVyL1BvcG92ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBSb290UHJvcHMgfSBmcm9tICdzcmMvZW5naW5lcy90eXBlcyc7XG5pbXBvcnQge1xuICAgIHVzZUZsb2F0aW5nLFxuICAgIHVzZUludGVyYWN0aW9ucyxcbiAgICB1c2VDbGljayxcbiAgICB1c2VEaXNtaXNzLFxuICAgIHVzZVJvbGUsXG4gICAgRmxvYXRpbmdGb2N1c01hbmFnZXIsXG4gICAgRmxvYXRpbmdBcnJvdyxcbiAgICBhcnJvdyxcbiAgICBvZmZzZXQsXG4gICAgdXNlSG92ZXIsXG4gICAgc2FmZVBvbHlnb24sXG4gICAgc2hpZnQsXG4gICAgZmxpcCxcbiAgICBGbG9hdGluZ1BvcnRhbCxcbiAgICBhdXRvVXBkYXRlLFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QnO1xuaW1wb3J0IHsgbWVyZ2VSZWZzIH0gZnJvbSAnc3JjL3V0aWxzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Qb3BvdmVyLnRva2Vucyc7XG5pbXBvcnQgeyBiYXNlLCBUYXJnZXQgfSBmcm9tICcuL1BvcG92ZXIuc3R5bGVzJztcbmltcG9ydCB0eXBlIHsgUG9wb3ZlclByb3BzIH0gZnJvbSAnLi9Qb3BvdmVyLnR5cGVzJztcblxuLyog0KjQuNGA0LjQvdCwINGF0LLQvtGB0YLQuNC60LAgKi9cbmNvbnN0IEFSUk9XX1dJRFRIID0gMjA7XG4vKiDQktGL0YHQvtGC0LAg0YXQstC+0YHRgtC40LrQsCAqL1xuY29uc3QgQVJST1dfSEVJR0hUID0gODtcbi8qIFNWRyDRhdCy0L7RgdGC0LjQutCwICovXG5jb25zdCBBUlJPV19QT0xZR09OID0gJ00yMCAyMEwwIDIwQzguODg4ODkgMjAuMDAwMSAxMCAxMi41NzE0IDEwIDEyQzEwIDEyLjU3MTQgMTEuMzI3MyAyMC4wMDYgMjAgMjBaJztcbi8qINCe0YLRgdGC0YPQvyDRhdCy0L7RgdGC0LjQutCwINC/0L4g0LrRgNCw0Y/QvCAo0YfRgtC+0LHRiyDQuNC30LHQtdC20LDRgtGMINC60L7Qu9C70LjQt9C40Lgg0YHQviDRgdC60YDRg9Cz0LvQtdC90L3Ri9C80Lgg0YPQs9C70LDQvNC4KSAqL1xuY29uc3QgQVJST1dfUEFERElORyA9IDE2O1xuXG5leHBvcnQgY29uc3QgcG9wb3ZlclJvb3QgPSAoUm9vdDogUm9vdFByb3BzPEhUTUxEaXZFbGVtZW50LCBQb3BvdmVyUHJvcHM+KSA9PlxuICAgIGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFBvcG92ZXJQcm9wcz4oXG4gICAgICAgIChcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBjaGlsZHJlbixcbiAgICAgICAgICAgICAgICB0YXJnZXQsXG4gICAgICAgICAgICAgICAgb3BlbmVkOiBvdXRlck9wZW5lZCxcbiAgICAgICAgICAgICAgICBkZWZhdWx0T3BlbmVkID0gZmFsc2UsXG4gICAgICAgICAgICAgICAgdHJpZ2dlciA9ICdjbGljaycsXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gICAgICAgICAgICAgICAgYXJyb3c6IG91dGVyQXJyb3cgPSB0cnVlLFxuICAgICAgICAgICAgICAgIGZsaXA6IG91dHNpZGVGbGlwID0gdHJ1ZSxcbiAgICAgICAgICAgICAgICBzaGlmdDogb3V0c2lkZVNoaWZ0ID0gdHJ1ZSxcbiAgICAgICAgICAgICAgICBvZmZzZXQ6IG91dGVyT2Zmc2V0ID0gMCxcbiAgICAgICAgICAgICAgICBvdXRzaWRlQ2xpY2sgPSB0cnVlLFxuICAgICAgICAgICAgICAgIHJlc2l6YWJsZSxcbiAgICAgICAgICAgICAgICBvblJlc2l6ZVN0YXJ0LFxuICAgICAgICAgICAgICAgIG9uUmVzaXplRW5kLFxuICAgICAgICAgICAgICAgIG9uVG9nZ2xlLFxuICAgICAgICAgICAgICAgIGRlbGF5T3BlbiA9IDAsXG4gICAgICAgICAgICAgICAgZGVsYXlDbG9zZSA9IDAsXG4gICAgICAgICAgICAgICAgekluZGV4ID0gMTAwMCxcbiAgICAgICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICAgICAgc3R5bGUsXG4gICAgICAgICAgICAgICAgLi4ucmVzdFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIG91dGVyUm9vdFJlZixcbiAgICAgICAgKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBbaW5uZXJPcGVuZWQsIHNldElubmVyT3BlbmVkXSA9IHVzZVN0YXRlKGRlZmF1bHRPcGVuZWQpO1xuXG4gICAgICAgICAgICBjb25zdCBvcGVuZWQgPSBvdXRlck9wZW5lZCA/PyBpbm5lck9wZW5lZDtcblxuICAgICAgICAgICAgY29uc3QgYXJyb3dSZWYgPSB1c2VSZWYobnVsbCk7XG5cbiAgICAgICAgICAgIGNvbnN0IGhhbmRsZVRvZ2dsZSA9IChvcGVuZWQ6IGJvb2xlYW4pID0+IHtcbiAgICAgICAgICAgICAgICBzZXRJbm5lck9wZW5lZChvcGVuZWQpO1xuXG4gICAgICAgICAgICAgICAgaWYgKG9uVG9nZ2xlKSB7XG4gICAgICAgICAgICAgICAgICAgIG9uVG9nZ2xlKG9wZW5lZCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfTtcblxuICAgICAgICAgICAgY29uc3QgeyByZWZzLCBmbG9hdGluZ1N0eWxlcywgY29udGV4dCB9ID0gdXNlRmxvYXRpbmcoe1xuICAgICAgICAgICAgICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgICAgICAgICAgICAgIHBsYWNlbWVudCxcbiAgICAgICAgICAgICAgICBvcGVuOiBvcGVuZWQsXG4gICAgICAgICAgICAgICAgb25PcGVuQ2hhbmdlOiBoYW5kbGVUb2dnbGUsXG4gICAgICAgICAgICAgICAgbWlkZGxld2FyZTogW1xuICAgICAgICAgICAgICAgICAgICBvdXRzaWRlU2hpZnQgJiYgc2hpZnQoKSxcbiAgICAgICAgICAgICAgICAgICAgb3V0c2lkZUZsaXAgJiYgZmxpcCgpLFxuICAgICAgICAgICAgICAgICAgICBvdXRlckFycm93ICYmIGFycm93KHsgZWxlbWVudDogYXJyb3dSZWYsIHBhZGRpbmc6IEFSUk9XX1BBRERJTkcgfSksXG4gICAgICAgICAgICAgICAgICAgIG9mZnNldCgob3V0ZXJBcnJvdyA/IEFSUk9XX0hFSUdIVCA6IDApICsgb3V0ZXJPZmZzZXQpLFxuICAgICAgICAgICAgICAgIF0sXG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgY29uc3QgY2xpY2sgPSB1c2VDbGljayhjb250ZXh0LCB7XG4gICAgICAgICAgICAgICAgZW5hYmxlZDogdHJpZ2dlciA9PT0gJ2NsaWNrJyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgY29uc3QgZGlzbWlzcyA9IHVzZURpc21pc3MoY29udGV4dCwge1xuICAgICAgICAgICAgICAgIGVuYWJsZWQ6IHRydWUsXG4gICAgICAgICAgICAgICAgb3V0c2lkZVByZXNzOiBvdXRzaWRlQ2xpY2ssXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIGNvbnN0IHJvbGUgPSB1c2VSb2xlKGNvbnRleHQpO1xuICAgICAgICAgICAgY29uc3QgaG92ZXIgPSB1c2VIb3Zlcihjb250ZXh0LCB7XG4gICAgICAgICAgICAgICAgZW5hYmxlZDogdHJpZ2dlciA9PT0gJ2hvdmVyJyxcbiAgICAgICAgICAgICAgICBoYW5kbGVDbG9zZTogc2FmZVBvbHlnb24oe1xuICAgICAgICAgICAgICAgICAgICByZXF1aXJlSW50ZW50OiBmYWxzZSxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICBkZWxheToge1xuICAgICAgICAgICAgICAgICAgICBvcGVuOiBkZWxheU9wZW4sXG4gICAgICAgICAgICAgICAgICAgIGNsb3NlOiBkZWxheUNsb3NlLFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgY29uc3QgeyBnZXRSZWZlcmVuY2VQcm9wcywgZ2V0RmxvYXRpbmdQcm9wcyB9ID0gdXNlSW50ZXJhY3Rpb25zKFtkaXNtaXNzLCByb2xlLCBjbGljaywgaG92ZXJdKTtcblxuICAgICAgICAgICAgY29uc3QgY29tbW9uUmVmID0gbWVyZ2VSZWZzKG91dGVyUm9vdFJlZiwgcmVmcy5zZXRGbG9hdGluZyk7XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgPFRhcmdldCByZWY9e3JlZnMuc2V0UmVmZXJlbmNlfSB7Li4uZ2V0UmVmZXJlbmNlUHJvcHMoKX0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7dGFyZ2V0fVxuICAgICAgICAgICAgICAgICAgICA8L1RhcmdldD5cblxuICAgICAgICAgICAgICAgICAgICB7b3BlbmVkICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxGbG9hdGluZ1BvcnRhbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmxvYXRpbmdGb2N1c01hbmFnZXIgY29udGV4dD17Y29udGV4dH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxSb290XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZWY9e2NvbW1vblJlZn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRhcmdldD17dGFyZ2V0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyB6SW5kZXgsIC4uLnN0eWxlLCAuLi5mbG9hdGluZ1N0eWxlcyB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLmdldEZsb2F0aW5nUHJvcHMoKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7b3V0ZXJBcnJvdyAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZsb2F0aW5nQXJyb3dcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVmPXthcnJvd1JlZn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29udGV4dD17Y29udGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9e0FSUk9XX1dJRFRIfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9e0FSUk9XX0hFSUdIVH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmlsbD17YHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9KWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGQ9e0FSUk9XX1BPTFlHT059XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Sb290PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRmxvYXRpbmdGb2N1c01hbmFnZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0Zsb2F0aW5nUG9ydGFsPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgfSxcbiAgICApO1xuXG5leHBvcnQgY29uc3QgcG9wb3ZlckNvbmZpZyA9IHtcbiAgICBuYW1lOiAnUG9wb3ZlcicsXG4gICAgdGFnOiAnZGl2JyxcbiAgICBsYXlvdXQ6IHBvcG92ZXJSb290LFxuICAgIGJhc2UsXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBjc3M6IGNzc2BgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBjc3M6IGNzc2BgLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUtpQiJ9 */")
|
|
268
276
|
}
|
|
269
277
|
},
|
|
270
278
|
defaults: {
|
|
@@ -100,34 +100,35 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
100
100
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
101
101
|
}
|
|
102
102
|
import React, { forwardRef, useState, useRef } from "react";
|
|
103
|
-
import { useFloating, useInteractions, useClick, useDismiss, useRole, FloatingFocusManager, FloatingArrow, arrow, offset, useHover } from "@floating-ui/react";
|
|
103
|
+
import { useFloating, useInteractions, useClick, useDismiss, useRole, FloatingFocusManager, FloatingArrow, arrow, offset, useHover, safePolygon, shift, flip, FloatingPortal, autoUpdate } from "@floating-ui/react";
|
|
104
104
|
import { mergeRefs } from "../../../utils";
|
|
105
105
|
import { css } from "@emotion/react";
|
|
106
106
|
import { tokens } from "./Popover.tokens";
|
|
107
107
|
import { base, Target } from "./Popover.styles";
|
|
108
|
-
|
|
109
|
-
|
|
108
|
+
/* Ширина хвостика */ var ARROW_WIDTH = 20;
|
|
109
|
+
/* Высота хвостика */ var ARROW_HEIGHT = 8;
|
|
110
|
+
/* SVG хвостика */ var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
|
|
111
|
+
/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */ var ARROW_PADDING = 16;
|
|
110
112
|
export var popoverRoot = function(Root) {
|
|
111
113
|
return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
|
|
112
|
-
var children = _param.children, target = _param.target, outerOpened = _param.opened, _param_defaultOpened = _param.defaultOpened, defaultOpened = _param_defaultOpened === void 0 ? false : _param_defaultOpened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement,
|
|
113
|
-
0,
|
|
114
|
-
0
|
|
115
|
-
] : tmp, _param_hasArrow = _param.hasArrow, hasArrow = _param_hasArrow === void 0 ? true : _param_hasArrow, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, resizable = _param.resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, animated = _param.animated, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, rest = _object_without_properties(_param, [
|
|
114
|
+
var children = _param.children, target = _param.target, outerOpened = _param.opened, _param_defaultOpened = _param.defaultOpened, defaultOpened = _param_defaultOpened === void 0 ? false : _param_defaultOpened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement, tmp = _param.arrow, outerArrow = tmp === void 0 ? true : tmp, tmp1 = _param.flip, outsideFlip = tmp1 === void 0 ? true : tmp1, tmp2 = _param.shift, outsideShift = tmp2 === void 0 ? true : tmp2, tmp3 = _param.offset, outerOffset = tmp3 === void 0 ? 0 : tmp3, _param_outsideClick = _param.outsideClick, outsideClick = _param_outsideClick === void 0 ? true : _param_outsideClick, resizable = _param.resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, _param_delayOpen = _param.delayOpen, delayOpen = _param_delayOpen === void 0 ? 0 : _param_delayOpen, _param_delayClose = _param.delayClose, delayClose = _param_delayClose === void 0 ? 0 : _param_delayClose, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, rest = _object_without_properties(_param, [
|
|
116
115
|
"children",
|
|
117
116
|
"target",
|
|
118
117
|
"opened",
|
|
119
118
|
"defaultOpened",
|
|
120
119
|
"trigger",
|
|
121
120
|
"placement",
|
|
121
|
+
"arrow",
|
|
122
122
|
"flip",
|
|
123
|
+
"shift",
|
|
123
124
|
"offset",
|
|
124
|
-
"
|
|
125
|
-
"closeOnOverlayClick",
|
|
125
|
+
"outsideClick",
|
|
126
126
|
"resizable",
|
|
127
127
|
"onResizeStart",
|
|
128
128
|
"onResizeEnd",
|
|
129
129
|
"onToggle",
|
|
130
|
-
"
|
|
130
|
+
"delayOpen",
|
|
131
|
+
"delayClose",
|
|
131
132
|
"zIndex",
|
|
132
133
|
"className",
|
|
133
134
|
"style"
|
|
@@ -142,25 +143,37 @@ export var popoverRoot = function(Root) {
|
|
|
142
143
|
}
|
|
143
144
|
};
|
|
144
145
|
var _useFloating = useFloating({
|
|
146
|
+
whileElementsMounted: autoUpdate,
|
|
145
147
|
placement: placement,
|
|
146
148
|
open: opened,
|
|
147
149
|
onOpenChange: handleToggle,
|
|
148
150
|
middleware: [
|
|
149
|
-
|
|
150
|
-
|
|
151
|
+
outsideShift && shift(),
|
|
152
|
+
outsideFlip && flip(),
|
|
153
|
+
outerArrow && arrow({
|
|
154
|
+
element: arrowRef,
|
|
155
|
+
padding: ARROW_PADDING
|
|
151
156
|
}),
|
|
152
|
-
offset(
|
|
157
|
+
offset((outerArrow ? ARROW_HEIGHT : 0) + outerOffset)
|
|
153
158
|
]
|
|
154
159
|
}), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
|
|
155
160
|
var click = useClick(context, {
|
|
156
161
|
enabled: trigger === 'click'
|
|
157
162
|
});
|
|
158
163
|
var dismiss = useDismiss(context, {
|
|
159
|
-
enabled:
|
|
164
|
+
enabled: true,
|
|
165
|
+
outsidePress: outsideClick
|
|
160
166
|
});
|
|
161
167
|
var role = useRole(context);
|
|
162
168
|
var hover = useHover(context, {
|
|
163
|
-
enabled: trigger === 'hover'
|
|
169
|
+
enabled: trigger === 'hover',
|
|
170
|
+
handleClose: safePolygon({
|
|
171
|
+
requireIntent: false
|
|
172
|
+
}),
|
|
173
|
+
delay: {
|
|
174
|
+
open: delayOpen,
|
|
175
|
+
close: delayClose
|
|
176
|
+
}
|
|
164
177
|
});
|
|
165
178
|
var _useInteractions = useInteractions([
|
|
166
179
|
dismiss,
|
|
@@ -171,22 +184,23 @@ export var popoverRoot = function(Root) {
|
|
|
171
184
|
var commonRef = mergeRefs(outerRootRef, refs.setFloating);
|
|
172
185
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Target, _object_spread({
|
|
173
186
|
ref: refs.setReference
|
|
174
|
-
}, getReferenceProps()), target), opened && /*#__PURE__*/ React.createElement(FloatingFocusManager, {
|
|
175
|
-
context: context
|
|
176
|
-
modal: false
|
|
187
|
+
}, getReferenceProps()), target), opened && /*#__PURE__*/ React.createElement(FloatingPortal, null, /*#__PURE__*/ React.createElement(FloatingFocusManager, {
|
|
188
|
+
context: context
|
|
177
189
|
}, /*#__PURE__*/ React.createElement(Root, _object_spread({
|
|
178
190
|
ref: commonRef,
|
|
179
191
|
target: target,
|
|
180
192
|
className: className,
|
|
181
|
-
style: _object_spread({
|
|
182
|
-
|
|
193
|
+
style: _object_spread({
|
|
194
|
+
zIndex: zIndex
|
|
195
|
+
}, style, floatingStyles)
|
|
196
|
+
}, getFloatingProps(), rest), outerArrow && /*#__PURE__*/ React.createElement(FloatingArrow, {
|
|
183
197
|
ref: arrowRef,
|
|
184
198
|
context: context,
|
|
185
|
-
width:
|
|
186
|
-
height:
|
|
199
|
+
width: ARROW_WIDTH,
|
|
200
|
+
height: ARROW_HEIGHT,
|
|
187
201
|
fill: "var(".concat(tokens.backgroundColor, ")"),
|
|
188
|
-
d:
|
|
189
|
-
}), children)));
|
|
202
|
+
d: ARROW_POLYGON
|
|
203
|
+
}), children))));
|
|
190
204
|
});
|
|
191
205
|
};
|
|
192
206
|
export var popoverConfig = {
|
|
@@ -196,10 +210,10 @@ export var popoverConfig = {
|
|
|
196
210
|
base: base,
|
|
197
211
|
variations: {
|
|
198
212
|
view: {
|
|
199
|
-
css:
|
|
213
|
+
css: /*#__PURE__*/ css("css", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXIvUG9wb3Zlci50c3giLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvX2V4cGVyaW1lbnRhbC9Qb3BvdmVyL1BvcG92ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBSb290UHJvcHMgfSBmcm9tICdzcmMvZW5naW5lcy90eXBlcyc7XG5pbXBvcnQge1xuICAgIHVzZUZsb2F0aW5nLFxuICAgIHVzZUludGVyYWN0aW9ucyxcbiAgICB1c2VDbGljayxcbiAgICB1c2VEaXNtaXNzLFxuICAgIHVzZVJvbGUsXG4gICAgRmxvYXRpbmdGb2N1c01hbmFnZXIsXG4gICAgRmxvYXRpbmdBcnJvdyxcbiAgICBhcnJvdyxcbiAgICBvZmZzZXQsXG4gICAgdXNlSG92ZXIsXG4gICAgc2FmZVBvbHlnb24sXG4gICAgc2hpZnQsXG4gICAgZmxpcCxcbiAgICBGbG9hdGluZ1BvcnRhbCxcbiAgICBhdXRvVXBkYXRlLFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QnO1xuaW1wb3J0IHsgbWVyZ2VSZWZzIH0gZnJvbSAnc3JjL3V0aWxzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Qb3BvdmVyLnRva2Vucyc7XG5pbXBvcnQgeyBiYXNlLCBUYXJnZXQgfSBmcm9tICcuL1BvcG92ZXIuc3R5bGVzJztcbmltcG9ydCB0eXBlIHsgUG9wb3ZlclByb3BzIH0gZnJvbSAnLi9Qb3BvdmVyLnR5cGVzJztcblxuLyog0KjQuNGA0LjQvdCwINGF0LLQvtGB0YLQuNC60LAgKi9cbmNvbnN0IEFSUk9XX1dJRFRIID0gMjA7XG4vKiDQktGL0YHQvtGC0LAg0YXQstC+0YHRgtC40LrQsCAqL1xuY29uc3QgQVJST1dfSEVJR0hUID0gODtcbi8qIFNWRyDRhdCy0L7RgdGC0LjQutCwICovXG5jb25zdCBBUlJPV19QT0xZR09OID0gJ00yMCAyMEwwIDIwQzguODg4ODkgMjAuMDAwMSAxMCAxMi41NzE0IDEwIDEyQzEwIDEyLjU3MTQgMTEuMzI3MyAyMC4wMDYgMjAgMjBaJztcbi8qINCe0YLRgdGC0YPQvyDRhdCy0L7RgdGC0LjQutCwINC/0L4g0LrRgNCw0Y/QvCAo0YfRgtC+0LHRiyDQuNC30LHQtdC20LDRgtGMINC60L7Qu9C70LjQt9C40Lgg0YHQviDRgdC60YDRg9Cz0LvQtdC90L3Ri9C80Lgg0YPQs9C70LDQvNC4KSAqL1xuY29uc3QgQVJST1dfUEFERElORyA9IDE2O1xuXG5leHBvcnQgY29uc3QgcG9wb3ZlclJvb3QgPSAoUm9vdDogUm9vdFByb3BzPEhUTUxEaXZFbGVtZW50LCBQb3BvdmVyUHJvcHM+KSA9PlxuICAgIGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFBvcG92ZXJQcm9wcz4oXG4gICAgICAgIChcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBjaGlsZHJlbixcbiAgICAgICAgICAgICAgICB0YXJnZXQsXG4gICAgICAgICAgICAgICAgb3BlbmVkOiBvdXRlck9wZW5lZCxcbiAgICAgICAgICAgICAgICBkZWZhdWx0T3BlbmVkID0gZmFsc2UsXG4gICAgICAgICAgICAgICAgdHJpZ2dlciA9ICdjbGljaycsXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gICAgICAgICAgICAgICAgYXJyb3c6IG91dGVyQXJyb3cgPSB0cnVlLFxuICAgICAgICAgICAgICAgIGZsaXA6IG91dHNpZGVGbGlwID0gdHJ1ZSxcbiAgICAgICAgICAgICAgICBzaGlmdDogb3V0c2lkZVNoaWZ0ID0gdHJ1ZSxcbiAgICAgICAgICAgICAgICBvZmZzZXQ6IG91dGVyT2Zmc2V0ID0gMCxcbiAgICAgICAgICAgICAgICBvdXRzaWRlQ2xpY2sgPSB0cnVlLFxuICAgICAgICAgICAgICAgIHJlc2l6YWJsZSxcbiAgICAgICAgICAgICAgICBvblJlc2l6ZVN0YXJ0LFxuICAgICAgICAgICAgICAgIG9uUmVzaXplRW5kLFxuICAgICAgICAgICAgICAgIG9uVG9nZ2xlLFxuICAgICAgICAgICAgICAgIGRlbGF5T3BlbiA9IDAsXG4gICAgICAgICAgICAgICAgZGVsYXlDbG9zZSA9IDAsXG4gICAgICAgICAgICAgICAgekluZGV4ID0gMTAwMCxcbiAgICAgICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICAgICAgc3R5bGUsXG4gICAgICAgICAgICAgICAgLi4ucmVzdFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIG91dGVyUm9vdFJlZixcbiAgICAgICAgKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBbaW5uZXJPcGVuZWQsIHNldElubmVyT3BlbmVkXSA9IHVzZVN0YXRlKGRlZmF1bHRPcGVuZWQpO1xuXG4gICAgICAgICAgICBjb25zdCBvcGVuZWQgPSBvdXRlck9wZW5lZCA/PyBpbm5lck9wZW5lZDtcblxuICAgICAgICAgICAgY29uc3QgYXJyb3dSZWYgPSB1c2VSZWYobnVsbCk7XG5cbiAgICAgICAgICAgIGNvbnN0IGhhbmRsZVRvZ2dsZSA9IChvcGVuZWQ6IGJvb2xlYW4pID0+IHtcbiAgICAgICAgICAgICAgICBzZXRJbm5lck9wZW5lZChvcGVuZWQpO1xuXG4gICAgICAgICAgICAgICAgaWYgKG9uVG9nZ2xlKSB7XG4gICAgICAgICAgICAgICAgICAgIG9uVG9nZ2xlKG9wZW5lZCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfTtcblxuICAgICAgICAgICAgY29uc3QgeyByZWZzLCBmbG9hdGluZ1N0eWxlcywgY29udGV4dCB9ID0gdXNlRmxvYXRpbmcoe1xuICAgICAgICAgICAgICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgICAgICAgICAgICAgIHBsYWNlbWVudCxcbiAgICAgICAgICAgICAgICBvcGVuOiBvcGVuZWQsXG4gICAgICAgICAgICAgICAgb25PcGVuQ2hhbmdlOiBoYW5kbGVUb2dnbGUsXG4gICAgICAgICAgICAgICAgbWlkZGxld2FyZTogW1xuICAgICAgICAgICAgICAgICAgICBvdXRzaWRlU2hpZnQgJiYgc2hpZnQoKSxcbiAgICAgICAgICAgICAgICAgICAgb3V0c2lkZUZsaXAgJiYgZmxpcCgpLFxuICAgICAgICAgICAgICAgICAgICBvdXRlckFycm93ICYmIGFycm93KHsgZWxlbWVudDogYXJyb3dSZWYsIHBhZGRpbmc6IEFSUk9XX1BBRERJTkcgfSksXG4gICAgICAgICAgICAgICAgICAgIG9mZnNldCgob3V0ZXJBcnJvdyA/IEFSUk9XX0hFSUdIVCA6IDApICsgb3V0ZXJPZmZzZXQpLFxuICAgICAgICAgICAgICAgIF0sXG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgY29uc3QgY2xpY2sgPSB1c2VDbGljayhjb250ZXh0LCB7XG4gICAgICAgICAgICAgICAgZW5hYmxlZDogdHJpZ2dlciA9PT0gJ2NsaWNrJyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgY29uc3QgZGlzbWlzcyA9IHVzZURpc21pc3MoY29udGV4dCwge1xuICAgICAgICAgICAgICAgIGVuYWJsZWQ6IHRydWUsXG4gICAgICAgICAgICAgICAgb3V0c2lkZVByZXNzOiBvdXRzaWRlQ2xpY2ssXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIGNvbnN0IHJvbGUgPSB1c2VSb2xlKGNvbnRleHQpO1xuICAgICAgICAgICAgY29uc3QgaG92ZXIgPSB1c2VIb3Zlcihjb250ZXh0LCB7XG4gICAgICAgICAgICAgICAgZW5hYmxlZDogdHJpZ2dlciA9PT0gJ2hvdmVyJyxcbiAgICAgICAgICAgICAgICBoYW5kbGVDbG9zZTogc2FmZVBvbHlnb24oe1xuICAgICAgICAgICAgICAgICAgICByZXF1aXJlSW50ZW50OiBmYWxzZSxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICBkZWxheToge1xuICAgICAgICAgICAgICAgICAgICBvcGVuOiBkZWxheU9wZW4sXG4gICAgICAgICAgICAgICAgICAgIGNsb3NlOiBkZWxheUNsb3NlLFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgY29uc3QgeyBnZXRSZWZlcmVuY2VQcm9wcywgZ2V0RmxvYXRpbmdQcm9wcyB9ID0gdXNlSW50ZXJhY3Rpb25zKFtkaXNtaXNzLCByb2xlLCBjbGljaywgaG92ZXJdKTtcblxuICAgICAgICAgICAgY29uc3QgY29tbW9uUmVmID0gbWVyZ2VSZWZzKG91dGVyUm9vdFJlZiwgcmVmcy5zZXRGbG9hdGluZyk7XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgPFRhcmdldCByZWY9e3JlZnMuc2V0UmVmZXJlbmNlfSB7Li4uZ2V0UmVmZXJlbmNlUHJvcHMoKX0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7dGFyZ2V0fVxuICAgICAgICAgICAgICAgICAgICA8L1RhcmdldD5cblxuICAgICAgICAgICAgICAgICAgICB7b3BlbmVkICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxGbG9hdGluZ1BvcnRhbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmxvYXRpbmdGb2N1c01hbmFnZXIgY29udGV4dD17Y29udGV4dH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxSb290XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZWY9e2NvbW1vblJlZn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRhcmdldD17dGFyZ2V0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyB6SW5kZXgsIC4uLnN0eWxlLCAuLi5mbG9hdGluZ1N0eWxlcyB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLmdldEZsb2F0aW5nUHJvcHMoKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7b3V0ZXJBcnJvdyAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZsb2F0aW5nQXJyb3dcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVmPXthcnJvd1JlZn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29udGV4dD17Y29udGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9e0FSUk9XX1dJRFRIfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9e0FSUk9XX0hFSUdIVH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmlsbD17YHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9KWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGQ9e0FSUk9XX1BPTFlHT059XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Sb290PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRmxvYXRpbmdGb2N1c01hbmFnZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0Zsb2F0aW5nUG9ydGFsPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgfSxcbiAgICApO1xuXG5leHBvcnQgY29uc3QgcG9wb3ZlckNvbmZpZyA9IHtcbiAgICBuYW1lOiAnUG9wb3ZlcicsXG4gICAgdGFnOiAnZGl2JyxcbiAgICBsYXlvdXQ6IHBvcG92ZXJSb290LFxuICAgIGJhc2UsXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBjc3M6IGNzc2BgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBjc3M6IGNzc2BgLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEppQiJ9 */")
|
|
200
214
|
},
|
|
201
215
|
size: {
|
|
202
|
-
css:
|
|
216
|
+
css: /*#__PURE__*/ css("css", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXIvUG9wb3Zlci50c3giLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvX2V4cGVyaW1lbnRhbC9Qb3BvdmVyL1BvcG92ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBSb290UHJvcHMgfSBmcm9tICdzcmMvZW5naW5lcy90eXBlcyc7XG5pbXBvcnQge1xuICAgIHVzZUZsb2F0aW5nLFxuICAgIHVzZUludGVyYWN0aW9ucyxcbiAgICB1c2VDbGljayxcbiAgICB1c2VEaXNtaXNzLFxuICAgIHVzZVJvbGUsXG4gICAgRmxvYXRpbmdGb2N1c01hbmFnZXIsXG4gICAgRmxvYXRpbmdBcnJvdyxcbiAgICBhcnJvdyxcbiAgICBvZmZzZXQsXG4gICAgdXNlSG92ZXIsXG4gICAgc2FmZVBvbHlnb24sXG4gICAgc2hpZnQsXG4gICAgZmxpcCxcbiAgICBGbG9hdGluZ1BvcnRhbCxcbiAgICBhdXRvVXBkYXRlLFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QnO1xuaW1wb3J0IHsgbWVyZ2VSZWZzIH0gZnJvbSAnc3JjL3V0aWxzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Qb3BvdmVyLnRva2Vucyc7XG5pbXBvcnQgeyBiYXNlLCBUYXJnZXQgfSBmcm9tICcuL1BvcG92ZXIuc3R5bGVzJztcbmltcG9ydCB0eXBlIHsgUG9wb3ZlclByb3BzIH0gZnJvbSAnLi9Qb3BvdmVyLnR5cGVzJztcblxuLyog0KjQuNGA0LjQvdCwINGF0LLQvtGB0YLQuNC60LAgKi9cbmNvbnN0IEFSUk9XX1dJRFRIID0gMjA7XG4vKiDQktGL0YHQvtGC0LAg0YXQstC+0YHRgtC40LrQsCAqL1xuY29uc3QgQVJST1dfSEVJR0hUID0gODtcbi8qIFNWRyDRhdCy0L7RgdGC0LjQutCwICovXG5jb25zdCBBUlJPV19QT0xZR09OID0gJ00yMCAyMEwwIDIwQzguODg4ODkgMjAuMDAwMSAxMCAxMi41NzE0IDEwIDEyQzEwIDEyLjU3MTQgMTEuMzI3MyAyMC4wMDYgMjAgMjBaJztcbi8qINCe0YLRgdGC0YPQvyDRhdCy0L7RgdGC0LjQutCwINC/0L4g0LrRgNCw0Y/QvCAo0YfRgtC+0LHRiyDQuNC30LHQtdC20LDRgtGMINC60L7Qu9C70LjQt9C40Lgg0YHQviDRgdC60YDRg9Cz0LvQtdC90L3Ri9C80Lgg0YPQs9C70LDQvNC4KSAqL1xuY29uc3QgQVJST1dfUEFERElORyA9IDE2O1xuXG5leHBvcnQgY29uc3QgcG9wb3ZlclJvb3QgPSAoUm9vdDogUm9vdFByb3BzPEhUTUxEaXZFbGVtZW50LCBQb3BvdmVyUHJvcHM+KSA9PlxuICAgIGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFBvcG92ZXJQcm9wcz4oXG4gICAgICAgIChcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBjaGlsZHJlbixcbiAgICAgICAgICAgICAgICB0YXJnZXQsXG4gICAgICAgICAgICAgICAgb3BlbmVkOiBvdXRlck9wZW5lZCxcbiAgICAgICAgICAgICAgICBkZWZhdWx0T3BlbmVkID0gZmFsc2UsXG4gICAgICAgICAgICAgICAgdHJpZ2dlciA9ICdjbGljaycsXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gICAgICAgICAgICAgICAgYXJyb3c6IG91dGVyQXJyb3cgPSB0cnVlLFxuICAgICAgICAgICAgICAgIGZsaXA6IG91dHNpZGVGbGlwID0gdHJ1ZSxcbiAgICAgICAgICAgICAgICBzaGlmdDogb3V0c2lkZVNoaWZ0ID0gdHJ1ZSxcbiAgICAgICAgICAgICAgICBvZmZzZXQ6IG91dGVyT2Zmc2V0ID0gMCxcbiAgICAgICAgICAgICAgICBvdXRzaWRlQ2xpY2sgPSB0cnVlLFxuICAgICAgICAgICAgICAgIHJlc2l6YWJsZSxcbiAgICAgICAgICAgICAgICBvblJlc2l6ZVN0YXJ0LFxuICAgICAgICAgICAgICAgIG9uUmVzaXplRW5kLFxuICAgICAgICAgICAgICAgIG9uVG9nZ2xlLFxuICAgICAgICAgICAgICAgIGRlbGF5T3BlbiA9IDAsXG4gICAgICAgICAgICAgICAgZGVsYXlDbG9zZSA9IDAsXG4gICAgICAgICAgICAgICAgekluZGV4ID0gMTAwMCxcbiAgICAgICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICAgICAgc3R5bGUsXG4gICAgICAgICAgICAgICAgLi4ucmVzdFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIG91dGVyUm9vdFJlZixcbiAgICAgICAgKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBbaW5uZXJPcGVuZWQsIHNldElubmVyT3BlbmVkXSA9IHVzZVN0YXRlKGRlZmF1bHRPcGVuZWQpO1xuXG4gICAgICAgICAgICBjb25zdCBvcGVuZWQgPSBvdXRlck9wZW5lZCA/PyBpbm5lck9wZW5lZDtcblxuICAgICAgICAgICAgY29uc3QgYXJyb3dSZWYgPSB1c2VSZWYobnVsbCk7XG5cbiAgICAgICAgICAgIGNvbnN0IGhhbmRsZVRvZ2dsZSA9IChvcGVuZWQ6IGJvb2xlYW4pID0+IHtcbiAgICAgICAgICAgICAgICBzZXRJbm5lck9wZW5lZChvcGVuZWQpO1xuXG4gICAgICAgICAgICAgICAgaWYgKG9uVG9nZ2xlKSB7XG4gICAgICAgICAgICAgICAgICAgIG9uVG9nZ2xlKG9wZW5lZCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfTtcblxuICAgICAgICAgICAgY29uc3QgeyByZWZzLCBmbG9hdGluZ1N0eWxlcywgY29udGV4dCB9ID0gdXNlRmxvYXRpbmcoe1xuICAgICAgICAgICAgICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgICAgICAgICAgICAgIHBsYWNlbWVudCxcbiAgICAgICAgICAgICAgICBvcGVuOiBvcGVuZWQsXG4gICAgICAgICAgICAgICAgb25PcGVuQ2hhbmdlOiBoYW5kbGVUb2dnbGUsXG4gICAgICAgICAgICAgICAgbWlkZGxld2FyZTogW1xuICAgICAgICAgICAgICAgICAgICBvdXRzaWRlU2hpZnQgJiYgc2hpZnQoKSxcbiAgICAgICAgICAgICAgICAgICAgb3V0c2lkZUZsaXAgJiYgZmxpcCgpLFxuICAgICAgICAgICAgICAgICAgICBvdXRlckFycm93ICYmIGFycm93KHsgZWxlbWVudDogYXJyb3dSZWYsIHBhZGRpbmc6IEFSUk9XX1BBRERJTkcgfSksXG4gICAgICAgICAgICAgICAgICAgIG9mZnNldCgob3V0ZXJBcnJvdyA/IEFSUk9XX0hFSUdIVCA6IDApICsgb3V0ZXJPZmZzZXQpLFxuICAgICAgICAgICAgICAgIF0sXG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgY29uc3QgY2xpY2sgPSB1c2VDbGljayhjb250ZXh0LCB7XG4gICAgICAgICAgICAgICAgZW5hYmxlZDogdHJpZ2dlciA9PT0gJ2NsaWNrJyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgY29uc3QgZGlzbWlzcyA9IHVzZURpc21pc3MoY29udGV4dCwge1xuICAgICAgICAgICAgICAgIGVuYWJsZWQ6IHRydWUsXG4gICAgICAgICAgICAgICAgb3V0c2lkZVByZXNzOiBvdXRzaWRlQ2xpY2ssXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIGNvbnN0IHJvbGUgPSB1c2VSb2xlKGNvbnRleHQpO1xuICAgICAgICAgICAgY29uc3QgaG92ZXIgPSB1c2VIb3Zlcihjb250ZXh0LCB7XG4gICAgICAgICAgICAgICAgZW5hYmxlZDogdHJpZ2dlciA9PT0gJ2hvdmVyJyxcbiAgICAgICAgICAgICAgICBoYW5kbGVDbG9zZTogc2FmZVBvbHlnb24oe1xuICAgICAgICAgICAgICAgICAgICByZXF1aXJlSW50ZW50OiBmYWxzZSxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICBkZWxheToge1xuICAgICAgICAgICAgICAgICAgICBvcGVuOiBkZWxheU9wZW4sXG4gICAgICAgICAgICAgICAgICAgIGNsb3NlOiBkZWxheUNsb3NlLFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgY29uc3QgeyBnZXRSZWZlcmVuY2VQcm9wcywgZ2V0RmxvYXRpbmdQcm9wcyB9ID0gdXNlSW50ZXJhY3Rpb25zKFtkaXNtaXNzLCByb2xlLCBjbGljaywgaG92ZXJdKTtcblxuICAgICAgICAgICAgY29uc3QgY29tbW9uUmVmID0gbWVyZ2VSZWZzKG91dGVyUm9vdFJlZiwgcmVmcy5zZXRGbG9hdGluZyk7XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgPFRhcmdldCByZWY9e3JlZnMuc2V0UmVmZXJlbmNlfSB7Li4uZ2V0UmVmZXJlbmNlUHJvcHMoKX0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7dGFyZ2V0fVxuICAgICAgICAgICAgICAgICAgICA8L1RhcmdldD5cblxuICAgICAgICAgICAgICAgICAgICB7b3BlbmVkICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxGbG9hdGluZ1BvcnRhbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmxvYXRpbmdGb2N1c01hbmFnZXIgY29udGV4dD17Y29udGV4dH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxSb290XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZWY9e2NvbW1vblJlZn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRhcmdldD17dGFyZ2V0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyB6SW5kZXgsIC4uLnN0eWxlLCAuLi5mbG9hdGluZ1N0eWxlcyB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLmdldEZsb2F0aW5nUHJvcHMoKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7b3V0ZXJBcnJvdyAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZsb2F0aW5nQXJyb3dcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVmPXthcnJvd1JlZn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29udGV4dD17Y29udGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9e0FSUk9XX1dJRFRIfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9e0FSUk9XX0hFSUdIVH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmlsbD17YHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9KWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGQ9e0FSUk9XX1BPTFlHT059XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Sb290PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRmxvYXRpbmdGb2N1c01hbmFnZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0Zsb2F0aW5nUG9ydGFsPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgfSxcbiAgICApO1xuXG5leHBvcnQgY29uc3QgcG9wb3ZlckNvbmZpZyA9IHtcbiAgICBuYW1lOiAnUG9wb3ZlcicsXG4gICAgdGFnOiAnZGl2JyxcbiAgICBsYXlvdXQ6IHBvcG92ZXJSb290LFxuICAgIGJhc2UsXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBjc3M6IGNzc2BgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBjc3M6IGNzc2BgLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUtpQiJ9 */")
|
|
203
217
|
}
|
|
204
218
|
},
|
|
205
219
|
defaults: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.343.0-canary.2378.
|
|
3
|
+
"version": "0.343.0-canary.2378.20020526385.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -78,8 +78,8 @@
|
|
|
78
78
|
"@rollup/plugin-babel": "^6.0.4",
|
|
79
79
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
80
80
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
81
|
-
"@salutejs/plasma-cy-utils": "0.141.0-canary.2378.
|
|
82
|
-
"@salutejs/plasma-sb-utils": "0.211.0-canary.2378.
|
|
81
|
+
"@salutejs/plasma-cy-utils": "0.141.0-canary.2378.20020526385.0",
|
|
82
|
+
"@salutejs/plasma-sb-utils": "0.211.0-canary.2378.20020526385.0",
|
|
83
83
|
"@salutejs/plasma-themes": "0.38.0",
|
|
84
84
|
"@types/lodash": "^4.14.191",
|
|
85
85
|
"@types/lodash.chunk": "4.2.9",
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
"@linaria/react": "5.0.3",
|
|
109
109
|
"@popperjs/core": "2.11.8",
|
|
110
110
|
"@salutejs/input-core": "2.1.2",
|
|
111
|
-
"@salutejs/plasma-core": "1.211.0-canary.2378.
|
|
111
|
+
"@salutejs/plasma-core": "1.211.0-canary.2378.20020526385.0",
|
|
112
112
|
"@salutejs/react-maskinput": "3.3.2",
|
|
113
113
|
"@tanstack/react-table": "8.21.2",
|
|
114
114
|
"@tanstack/react-virtual": "3.13.2",
|
|
@@ -128,5 +128,5 @@
|
|
|
128
128
|
"sideEffects": [
|
|
129
129
|
"*.css"
|
|
130
130
|
],
|
|
131
|
-
"gitHead": "
|
|
131
|
+
"gitHead": "92b74c2f8d9443bfee37c9b8d5e5cb57e69070f6"
|
|
132
132
|
}
|
|
@@ -14,12 +14,6 @@ _export(exports, {
|
|
|
14
14
|
},
|
|
15
15
|
get popoverRoot () {
|
|
16
16
|
return popoverRoot;
|
|
17
|
-
},
|
|
18
|
-
get sizeCSS () {
|
|
19
|
-
return sizeCSS;
|
|
20
|
-
},
|
|
21
|
-
get viewCSS () {
|
|
22
|
-
return viewCSS;
|
|
23
17
|
}
|
|
24
18
|
});
|
|
25
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
@@ -170,33 +164,30 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
170
164
|
if (n === "Map" || n === "Set") return Array.from(n);
|
|
171
165
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
172
166
|
}
|
|
173
|
-
var
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
""
|
|
178
|
-
]);
|
|
167
|
+
/* Ширина хвостика */ var ARROW_WIDTH = 20;
|
|
168
|
+
/* Высота хвостика */ var ARROW_HEIGHT = 8;
|
|
169
|
+
/* SVG хвостика */ var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
|
|
170
|
+
/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */ var ARROW_PADDING = 16;
|
|
179
171
|
var popoverRoot = function(Root) {
|
|
180
172
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRootRef) {
|
|
181
|
-
var children = _param.children, target = _param.target, outerOpened = _param.opened, _param_defaultOpened = _param.defaultOpened, defaultOpened = _param_defaultOpened === void 0 ? false : _param_defaultOpened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement,
|
|
182
|
-
0,
|
|
183
|
-
0
|
|
184
|
-
] : tmp, _param_hasArrow = _param.hasArrow, hasArrow = _param_hasArrow === void 0 ? true : _param_hasArrow, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, resizable = _param.resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, animated = _param.animated, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, rest = _object_without_properties(_param, [
|
|
173
|
+
var children = _param.children, target = _param.target, outerOpened = _param.opened, _param_defaultOpened = _param.defaultOpened, defaultOpened = _param_defaultOpened === void 0 ? false : _param_defaultOpened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement, tmp = _param.arrow, outerArrow = tmp === void 0 ? true : tmp, tmp1 = _param.flip, outsideFlip = tmp1 === void 0 ? true : tmp1, tmp2 = _param.shift, outsideShift = tmp2 === void 0 ? true : tmp2, tmp3 = _param.offset, outerOffset = tmp3 === void 0 ? 0 : tmp3, _param_outsideClick = _param.outsideClick, outsideClick = _param_outsideClick === void 0 ? true : _param_outsideClick, resizable = _param.resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, _param_delayOpen = _param.delayOpen, delayOpen = _param_delayOpen === void 0 ? 0 : _param_delayOpen, _param_delayClose = _param.delayClose, delayClose = _param_delayClose === void 0 ? 0 : _param_delayClose, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, rest = _object_without_properties(_param, [
|
|
185
174
|
"children",
|
|
186
175
|
"target",
|
|
187
176
|
"opened",
|
|
188
177
|
"defaultOpened",
|
|
189
178
|
"trigger",
|
|
190
179
|
"placement",
|
|
180
|
+
"arrow",
|
|
191
181
|
"flip",
|
|
182
|
+
"shift",
|
|
192
183
|
"offset",
|
|
193
|
-
"
|
|
194
|
-
"closeOnOverlayClick",
|
|
184
|
+
"outsideClick",
|
|
195
185
|
"resizable",
|
|
196
186
|
"onResizeStart",
|
|
197
187
|
"onResizeEnd",
|
|
198
188
|
"onToggle",
|
|
199
|
-
"
|
|
189
|
+
"delayOpen",
|
|
190
|
+
"delayClose",
|
|
200
191
|
"zIndex",
|
|
201
192
|
"className",
|
|
202
193
|
"style"
|
|
@@ -211,25 +202,37 @@ var popoverRoot = function(Root) {
|
|
|
211
202
|
}
|
|
212
203
|
};
|
|
213
204
|
var _useFloating = (0, _react1.useFloating)({
|
|
205
|
+
whileElementsMounted: _react1.autoUpdate,
|
|
214
206
|
placement: placement,
|
|
215
207
|
open: opened,
|
|
216
208
|
onOpenChange: handleToggle,
|
|
217
209
|
middleware: [
|
|
218
|
-
(0, _react1.
|
|
219
|
-
|
|
210
|
+
outsideShift && (0, _react1.shift)(),
|
|
211
|
+
outsideFlip && (0, _react1.flip)(),
|
|
212
|
+
outerArrow && (0, _react1.arrow)({
|
|
213
|
+
element: arrowRef,
|
|
214
|
+
padding: ARROW_PADDING
|
|
220
215
|
}),
|
|
221
|
-
(0, _react1.offset)(
|
|
216
|
+
(0, _react1.offset)((outerArrow ? ARROW_HEIGHT : 0) + outerOffset)
|
|
222
217
|
]
|
|
223
218
|
}), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
|
|
224
219
|
var click = (0, _react1.useClick)(context, {
|
|
225
220
|
enabled: trigger === 'click'
|
|
226
221
|
});
|
|
227
222
|
var dismiss = (0, _react1.useDismiss)(context, {
|
|
228
|
-
enabled:
|
|
223
|
+
enabled: true,
|
|
224
|
+
outsidePress: outsideClick
|
|
229
225
|
});
|
|
230
226
|
var role = (0, _react1.useRole)(context);
|
|
231
227
|
var hover = (0, _react1.useHover)(context, {
|
|
232
|
-
enabled: trigger === 'hover'
|
|
228
|
+
enabled: trigger === 'hover',
|
|
229
|
+
handleClose: (0, _react1.safePolygon)({
|
|
230
|
+
requireIntent: false
|
|
231
|
+
}),
|
|
232
|
+
delay: {
|
|
233
|
+
open: delayOpen,
|
|
234
|
+
close: delayClose
|
|
235
|
+
}
|
|
233
236
|
});
|
|
234
237
|
var _useInteractions = (0, _react1.useInteractions)([
|
|
235
238
|
dismiss,
|
|
@@ -240,22 +243,23 @@ var popoverRoot = function(Root) {
|
|
|
240
243
|
var commonRef = (0, _utils.mergeRefs)(outerRootRef, refs.setFloating);
|
|
241
244
|
return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_Popoverstyles.Target, _object_spread({
|
|
242
245
|
ref: refs.setReference
|
|
243
|
-
}, getReferenceProps()), target), opened && /*#__PURE__*/ _react.default.createElement(_react1.FloatingFocusManager, {
|
|
244
|
-
context: context
|
|
245
|
-
modal: false
|
|
246
|
+
}, getReferenceProps()), target), opened && /*#__PURE__*/ _react.default.createElement(_react1.FloatingPortal, null, /*#__PURE__*/ _react.default.createElement(_react1.FloatingFocusManager, {
|
|
247
|
+
context: context
|
|
246
248
|
}, /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
|
|
247
249
|
ref: commonRef,
|
|
248
250
|
target: target,
|
|
249
251
|
className: className,
|
|
250
|
-
style: _object_spread({
|
|
251
|
-
|
|
252
|
+
style: _object_spread({
|
|
253
|
+
zIndex: zIndex
|
|
254
|
+
}, style, floatingStyles)
|
|
255
|
+
}, getFloatingProps(), rest), outerArrow && /*#__PURE__*/ _react.default.createElement(_react1.FloatingArrow, {
|
|
252
256
|
ref: arrowRef,
|
|
253
257
|
context: context,
|
|
254
|
-
width:
|
|
255
|
-
height:
|
|
258
|
+
width: ARROW_WIDTH,
|
|
259
|
+
height: ARROW_HEIGHT,
|
|
256
260
|
fill: "var(".concat(_Popovertokens.tokens.backgroundColor, ")"),
|
|
257
|
-
d:
|
|
258
|
-
}), children)));
|
|
261
|
+
d: ARROW_POLYGON
|
|
262
|
+
}), children))));
|
|
259
263
|
});
|
|
260
264
|
};
|
|
261
265
|
var popoverConfig = {
|
|
@@ -265,10 +269,14 @@ var popoverConfig = {
|
|
|
265
269
|
base: _Popoverstyles.base,
|
|
266
270
|
variations: {
|
|
267
271
|
view: {
|
|
268
|
-
css:
|
|
272
|
+
css: (0, _styledcomponents.css)([
|
|
273
|
+
""
|
|
274
|
+
])
|
|
269
275
|
},
|
|
270
276
|
size: {
|
|
271
|
-
css:
|
|
277
|
+
css: (0, _styledcomponents.css)([
|
|
278
|
+
""
|
|
279
|
+
])
|
|
272
280
|
}
|
|
273
281
|
},
|
|
274
282
|
defaults: {
|
|
@@ -100,38 +100,35 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
100
100
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
101
101
|
}
|
|
102
102
|
import React, { forwardRef, useState, useRef } from "react";
|
|
103
|
-
import { useFloating, useInteractions, useClick, useDismiss, useRole, FloatingFocusManager, FloatingArrow, arrow, offset, useHover } from "@floating-ui/react";
|
|
103
|
+
import { useFloating, useInteractions, useClick, useDismiss, useRole, FloatingFocusManager, FloatingArrow, arrow, offset, useHover, safePolygon, shift, flip, FloatingPortal, autoUpdate } from "@floating-ui/react";
|
|
104
104
|
import { mergeRefs } from "../../../utils";
|
|
105
105
|
import { css } from "styled-components";
|
|
106
106
|
import { tokens } from "./Popover.tokens";
|
|
107
107
|
import { base, Target } from "./Popover.styles";
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
""
|
|
113
|
-
]);
|
|
108
|
+
/* Ширина хвостика */ var ARROW_WIDTH = 20;
|
|
109
|
+
/* Высота хвостика */ var ARROW_HEIGHT = 8;
|
|
110
|
+
/* SVG хвостика */ var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
|
|
111
|
+
/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */ var ARROW_PADDING = 16;
|
|
114
112
|
export var popoverRoot = function(Root) {
|
|
115
113
|
return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
|
|
116
|
-
var children = _param.children, target = _param.target, outerOpened = _param.opened, _param_defaultOpened = _param.defaultOpened, defaultOpened = _param_defaultOpened === void 0 ? false : _param_defaultOpened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement,
|
|
117
|
-
0,
|
|
118
|
-
0
|
|
119
|
-
] : tmp, _param_hasArrow = _param.hasArrow, hasArrow = _param_hasArrow === void 0 ? true : _param_hasArrow, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, resizable = _param.resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, animated = _param.animated, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, rest = _object_without_properties(_param, [
|
|
114
|
+
var children = _param.children, target = _param.target, outerOpened = _param.opened, _param_defaultOpened = _param.defaultOpened, defaultOpened = _param_defaultOpened === void 0 ? false : _param_defaultOpened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement, tmp = _param.arrow, outerArrow = tmp === void 0 ? true : tmp, tmp1 = _param.flip, outsideFlip = tmp1 === void 0 ? true : tmp1, tmp2 = _param.shift, outsideShift = tmp2 === void 0 ? true : tmp2, tmp3 = _param.offset, outerOffset = tmp3 === void 0 ? 0 : tmp3, _param_outsideClick = _param.outsideClick, outsideClick = _param_outsideClick === void 0 ? true : _param_outsideClick, resizable = _param.resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, _param_delayOpen = _param.delayOpen, delayOpen = _param_delayOpen === void 0 ? 0 : _param_delayOpen, _param_delayClose = _param.delayClose, delayClose = _param_delayClose === void 0 ? 0 : _param_delayClose, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, rest = _object_without_properties(_param, [
|
|
120
115
|
"children",
|
|
121
116
|
"target",
|
|
122
117
|
"opened",
|
|
123
118
|
"defaultOpened",
|
|
124
119
|
"trigger",
|
|
125
120
|
"placement",
|
|
121
|
+
"arrow",
|
|
126
122
|
"flip",
|
|
123
|
+
"shift",
|
|
127
124
|
"offset",
|
|
128
|
-
"
|
|
129
|
-
"closeOnOverlayClick",
|
|
125
|
+
"outsideClick",
|
|
130
126
|
"resizable",
|
|
131
127
|
"onResizeStart",
|
|
132
128
|
"onResizeEnd",
|
|
133
129
|
"onToggle",
|
|
134
|
-
"
|
|
130
|
+
"delayOpen",
|
|
131
|
+
"delayClose",
|
|
135
132
|
"zIndex",
|
|
136
133
|
"className",
|
|
137
134
|
"style"
|
|
@@ -146,25 +143,37 @@ export var popoverRoot = function(Root) {
|
|
|
146
143
|
}
|
|
147
144
|
};
|
|
148
145
|
var _useFloating = useFloating({
|
|
146
|
+
whileElementsMounted: autoUpdate,
|
|
149
147
|
placement: placement,
|
|
150
148
|
open: opened,
|
|
151
149
|
onOpenChange: handleToggle,
|
|
152
150
|
middleware: [
|
|
153
|
-
|
|
154
|
-
|
|
151
|
+
outsideShift && shift(),
|
|
152
|
+
outsideFlip && flip(),
|
|
153
|
+
outerArrow && arrow({
|
|
154
|
+
element: arrowRef,
|
|
155
|
+
padding: ARROW_PADDING
|
|
155
156
|
}),
|
|
156
|
-
offset(
|
|
157
|
+
offset((outerArrow ? ARROW_HEIGHT : 0) + outerOffset)
|
|
157
158
|
]
|
|
158
159
|
}), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
|
|
159
160
|
var click = useClick(context, {
|
|
160
161
|
enabled: trigger === 'click'
|
|
161
162
|
});
|
|
162
163
|
var dismiss = useDismiss(context, {
|
|
163
|
-
enabled:
|
|
164
|
+
enabled: true,
|
|
165
|
+
outsidePress: outsideClick
|
|
164
166
|
});
|
|
165
167
|
var role = useRole(context);
|
|
166
168
|
var hover = useHover(context, {
|
|
167
|
-
enabled: trigger === 'hover'
|
|
169
|
+
enabled: trigger === 'hover',
|
|
170
|
+
handleClose: safePolygon({
|
|
171
|
+
requireIntent: false
|
|
172
|
+
}),
|
|
173
|
+
delay: {
|
|
174
|
+
open: delayOpen,
|
|
175
|
+
close: delayClose
|
|
176
|
+
}
|
|
168
177
|
});
|
|
169
178
|
var _useInteractions = useInteractions([
|
|
170
179
|
dismiss,
|
|
@@ -175,22 +184,23 @@ export var popoverRoot = function(Root) {
|
|
|
175
184
|
var commonRef = mergeRefs(outerRootRef, refs.setFloating);
|
|
176
185
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Target, _object_spread({
|
|
177
186
|
ref: refs.setReference
|
|
178
|
-
}, getReferenceProps()), target), opened && /*#__PURE__*/ React.createElement(FloatingFocusManager, {
|
|
179
|
-
context: context
|
|
180
|
-
modal: false
|
|
187
|
+
}, getReferenceProps()), target), opened && /*#__PURE__*/ React.createElement(FloatingPortal, null, /*#__PURE__*/ React.createElement(FloatingFocusManager, {
|
|
188
|
+
context: context
|
|
181
189
|
}, /*#__PURE__*/ React.createElement(Root, _object_spread({
|
|
182
190
|
ref: commonRef,
|
|
183
191
|
target: target,
|
|
184
192
|
className: className,
|
|
185
|
-
style: _object_spread({
|
|
186
|
-
|
|
193
|
+
style: _object_spread({
|
|
194
|
+
zIndex: zIndex
|
|
195
|
+
}, style, floatingStyles)
|
|
196
|
+
}, getFloatingProps(), rest), outerArrow && /*#__PURE__*/ React.createElement(FloatingArrow, {
|
|
187
197
|
ref: arrowRef,
|
|
188
198
|
context: context,
|
|
189
|
-
width:
|
|
190
|
-
height:
|
|
199
|
+
width: ARROW_WIDTH,
|
|
200
|
+
height: ARROW_HEIGHT,
|
|
191
201
|
fill: "var(".concat(tokens.backgroundColor, ")"),
|
|
192
|
-
d:
|
|
193
|
-
}), children)));
|
|
202
|
+
d: ARROW_POLYGON
|
|
203
|
+
}), children))));
|
|
194
204
|
});
|
|
195
205
|
};
|
|
196
206
|
export var popoverConfig = {
|
|
@@ -200,10 +210,14 @@ export var popoverConfig = {
|
|
|
200
210
|
base: base,
|
|
201
211
|
variations: {
|
|
202
212
|
view: {
|
|
203
|
-
css:
|
|
213
|
+
css: css([
|
|
214
|
+
""
|
|
215
|
+
])
|
|
204
216
|
},
|
|
205
217
|
size: {
|
|
206
|
-
css:
|
|
218
|
+
css: css([
|
|
219
|
+
""
|
|
220
|
+
])
|
|
207
221
|
}
|
|
208
222
|
},
|
|
209
223
|
defaults: {
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { component, mergeConfig } from "../../../engines";
|
|
2
|
+
import { comboboxNewConfig } from "../../..";
|
|
3
|
+
import { config } from "./Combobox.config";
|
|
4
|
+
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
|
5
|
+
var ComboboxComponent = component(mergedConfig);
|
|
6
|
+
var Combobox = ComboboxComponent;
|
|
7
|
+
export { Combobox };
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { RootProps } from '../../../engines/types';
|
|
3
3
|
import type { PopoverProps } from './Popover.types';
|
|
4
|
-
export declare const viewCSS: import("@linaria/core").LinariaClassName;
|
|
5
|
-
export declare const sizeCSS: import("@linaria/core").LinariaClassName;
|
|
6
4
|
export declare const popoverRoot: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Popover.types").BasicPopoverProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
5
|
export declare const popoverConfig: {
|
|
8
6
|
name: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/_experimental/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/_experimental/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAuBnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAWpD,eAAO,MAAM,WAAW,SAAU,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC,8JAkHpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBApHQ,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;;;;;CAqIxE,CAAC"}
|
|
@@ -30,27 +30,43 @@ export type BasicPopoverProps = {
|
|
|
30
30
|
*/
|
|
31
31
|
placement?: Placement;
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* Включение хвостика у всплывающего окна.
|
|
34
|
+
* @default true
|
|
35
|
+
*/
|
|
36
|
+
arrow?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Коррекция placement, если всплывающее окно находится за пределами экрана.
|
|
34
39
|
* @default true
|
|
35
40
|
*/
|
|
36
41
|
flip?: boolean;
|
|
37
42
|
/**
|
|
38
|
-
*
|
|
39
|
-
* @default
|
|
43
|
+
* Смещение всплывающего окна при соприкосновении с границами экрана.
|
|
44
|
+
* @default true
|
|
45
|
+
*/
|
|
46
|
+
shift?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Отступ всплывающего окна относительно target.
|
|
49
|
+
* @default 0
|
|
40
50
|
*/
|
|
41
|
-
offset?:
|
|
51
|
+
offset?: number;
|
|
42
52
|
/**
|
|
43
|
-
*
|
|
53
|
+
* Задержка перед раскрытием, мс. (При trigger === 'hover')
|
|
54
|
+
* @default 0
|
|
55
|
+
*/
|
|
56
|
+
delayOpen?: number;
|
|
57
|
+
/**
|
|
58
|
+
* Задержка перед скрытием, мс. (При trigger === 'hover')
|
|
44
59
|
* @default true
|
|
45
60
|
*/
|
|
46
|
-
|
|
61
|
+
delayClose?: number;
|
|
47
62
|
/**
|
|
48
|
-
* Закрывать окно при нажатии вне области окна. (
|
|
63
|
+
* Закрывать окно при нажатии вне области окна. (При trigger === 'click')
|
|
49
64
|
* @default true
|
|
50
65
|
*/
|
|
51
|
-
|
|
66
|
+
outsideClick?: boolean;
|
|
52
67
|
/**
|
|
53
68
|
* Настройка resizable-режима.
|
|
69
|
+
* @default false
|
|
54
70
|
*/
|
|
55
71
|
resizable?: ResizableProps['resizable'];
|
|
56
72
|
/**
|
|
@@ -65,11 +81,6 @@ export type BasicPopoverProps = {
|
|
|
65
81
|
* Событие сворачивания/разворачивания всплывающего окна.
|
|
66
82
|
*/
|
|
67
83
|
onToggle?: (isOpen: boolean) => void;
|
|
68
|
-
/**
|
|
69
|
-
* Анимированное появление Popover
|
|
70
|
-
* @default true
|
|
71
|
-
*/
|
|
72
|
-
animated?: boolean;
|
|
73
84
|
/**
|
|
74
85
|
* CSS-свойство z-index всплывающего окна.
|
|
75
86
|
* @default 1000
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../../src/components/_experimental/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,SAAS,GACR,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;AAEjB,MAAM,MAAM,iBAAiB,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,
|
|
1
|
+
{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../../src/components/_experimental/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,SAAS,GACR,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;AAEjB,MAAM,MAAM,iBAAiB,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAChD;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}
|