@salutejs/plasma-new-hope 0.343.0-canary.2378.19987972214.0 → 0.343.0-canary.2378.20006319987.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 +35 -20
- package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/emotion/es/components/_experimental/Popover/Popover.js +36 -21
- package/package.json +5 -5
- package/styled-components/cjs/components/_experimental/Popover/Popover.js +33 -18
- package/styled-components/es/components/_experimental/Popover/Popover.js +34 -19
- package/types/components/_experimental/Popover/Popover.d.ts.map +1 -1
- package/types/components/_experimental/Popover/Popover.types.d.ts +23 -13
- package/types/components/_experimental/Popover/Popover.types.d.ts.map +1 -1
|
@@ -170,29 +170,31 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
170
170
|
if (n === "Map" || n === "Set") return Array.from(n);
|
|
171
171
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
172
172
|
}
|
|
173
|
-
var viewCSS = (0, /*#__PURE__*/ _react2.css)("viewCSS", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
174
|
-
var sizeCSS = (0, /*#__PURE__*/ _react2.css)("sizeCSS", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
173
|
+
var viewCSS = (0, /*#__PURE__*/ _react2.css)("viewCSS", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXIvUG9wb3Zlci50c3giLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvX2V4cGVyaW1lbnRhbC9Qb3BvdmVyL1BvcG92ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBSb290UHJvcHMgfSBmcm9tICdzcmMvZW5naW5lcy90eXBlcyc7XG5pbXBvcnQge1xuICAgIHVzZUZsb2F0aW5nLFxuICAgIHVzZUludGVyYWN0aW9ucyxcbiAgICB1c2VDbGljayxcbiAgICB1c2VEaXNtaXNzLFxuICAgIHVzZVJvbGUsXG4gICAgRmxvYXRpbmdGb2N1c01hbmFnZXIsXG4gICAgRmxvYXRpbmdBcnJvdyxcbiAgICBhcnJvdyxcbiAgICBvZmZzZXQsXG4gICAgdXNlSG92ZXIsXG4gICAgc2FmZVBvbHlnb24sXG4gICAgc2hpZnQsXG4gICAgZmxpcCxcbiAgICBGbG9hdGluZ1BvcnRhbCxcbiAgICBhdXRvVXBkYXRlLFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QnO1xuaW1wb3J0IHsgbWVyZ2VSZWZzIH0gZnJvbSAnc3JjL3V0aWxzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Qb3BvdmVyLnRva2Vucyc7XG5pbXBvcnQgeyBiYXNlLCBUYXJnZXQgfSBmcm9tICcuL1BvcG92ZXIuc3R5bGVzJztcbmltcG9ydCB0eXBlIHsgUG9wb3ZlclByb3BzIH0gZnJvbSAnLi9Qb3BvdmVyLnR5cGVzJztcblxuZXhwb3J0IGNvbnN0IHZpZXdDU1MgPSBjc3NgYDtcbmV4cG9ydCBjb25zdCBzaXplQ1NTID0gY3NzYGA7XG5cbmNvbnN0IEFSUk9XX1dJRFRIID0gMjA7XG5jb25zdCBBUlJPV19IRUlHSFQgPSA4O1xuY29uc3QgQVJST1dfUE9MWUdPTiA9ICdNMjAgMjBMMCAyMEM4Ljg4ODg5IDIwLjAwMDEgMTAgMTIuNTcxNCAxMCAxMkMxMCAxMi41NzE0IDExLjMyNzMgMjAuMDA2IDIwIDIwWic7XG5cbmV4cG9ydCBjb25zdCBwb3BvdmVyUm9vdCA9IChSb290OiBSb290UHJvcHM8SFRNTERpdkVsZW1lbnQsIFBvcG92ZXJQcm9wcz4pID0+XG4gICAgZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgUG9wb3ZlclByb3BzPihcbiAgICAgICAgKFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIGNoaWxkcmVuLFxuICAgICAgICAgICAgICAgIHRhcmdldCxcbiAgICAgICAgICAgICAgICBvcGVuZWQ6IG91dGVyT3BlbmVkLFxuICAgICAgICAgICAgICAgIGRlZmF1bHRPcGVuZWQgPSBmYWxzZSxcbiAgICAgICAgICAgICAgICB0cmlnZ2VyID0gJ2NsaWNrJyxcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgICAgICAgICAgICAgICBhcnJvdzogb3V0ZXJBcnJvdyA9IHRydWUsXG4gICAgICAgICAgICAgICAgZmxpcDogb3V0c2lkZUZsaXAgPSB0cnVlLFxuICAgICAgICAgICAgICAgIHNoaWZ0OiBvdXRzaWRlU2hpZnQgPSB0cnVlLFxuICAgICAgICAgICAgICAgIG9mZnNldDogb3V0ZXJPZmZzZXQgPSAwLFxuICAgICAgICAgICAgICAgIG91dHNpZGVDbGljayA9IHRydWUsXG4gICAgICAgICAgICAgICAgcmVzaXphYmxlLFxuICAgICAgICAgICAgICAgIG9uUmVzaXplU3RhcnQsXG4gICAgICAgICAgICAgICAgb25SZXNpemVFbmQsXG4gICAgICAgICAgICAgICAgb25Ub2dnbGUsXG4gICAgICAgICAgICAgICAgZGVsYXlPcGVuID0gMCxcbiAgICAgICAgICAgICAgICBkZWxheUNsb3NlID0gMCxcbiAgICAgICAgICAgICAgICB6SW5kZXggPSAxMDAwLFxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgICBzdHlsZSxcbiAgICAgICAgICAgICAgICAuLi5yZXN0XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgb3V0ZXJSb290UmVmLFxuICAgICAgICApID0+IHtcbiAgICAgICAgICAgIGNvbnN0IFtpbm5lck9wZW5lZCwgc2V0SW5uZXJPcGVuZWRdID0gdXNlU3RhdGUoZGVmYXVsdE9wZW5lZCk7XG5cbiAgICAgICAgICAgIGNvbnN0IG9wZW5lZCA9IG91dGVyT3BlbmVkID8/IGlubmVyT3BlbmVkO1xuXG4gICAgICAgICAgICBjb25zdCBhcnJvd1JlZiA9IHVzZVJlZihudWxsKTtcblxuICAgICAgICAgICAgY29uc3QgaGFuZGxlVG9nZ2xlID0gKG9wZW5lZDogYm9vbGVhbikgPT4ge1xuICAgICAgICAgICAgICAgIHNldElubmVyT3BlbmVkKG9wZW5lZCk7XG5cbiAgICAgICAgICAgICAgICBpZiAob25Ub2dnbGUpIHtcbiAgICAgICAgICAgICAgICAgICAgb25Ub2dnbGUob3BlbmVkKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9O1xuXG4gICAgICAgICAgICBjb25zdCB7IHJlZnMsIGZsb2F0aW5nU3R5bGVzLCBjb250ZXh0IH0gPSB1c2VGbG9hdGluZyh7XG4gICAgICAgICAgICAgICAgd2hpbGVFbGVtZW50c01vdW50ZWQ6IGF1dG9VcGRhdGUsXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50LFxuICAgICAgICAgICAgICAgIG9wZW46IG9wZW5lZCxcbiAgICAgICAgICAgICAgICBvbk9wZW5DaGFuZ2U6IGhhbmRsZVRvZ2dsZSxcbiAgICAgICAgICAgICAgICBtaWRkbGV3YXJlOiBbXG4gICAgICAgICAgICAgICAgICAgIG91dHNpZGVTaGlmdCAmJiBzaGlmdCgpLFxuICAgICAgICAgICAgICAgICAgICBvdXRzaWRlRmxpcCAmJiBmbGlwKCksXG4gICAgICAgICAgICAgICAgICAgIG91dGVyQXJyb3cgJiYgYXJyb3coeyBlbGVtZW50OiBhcnJvd1JlZiB9KSxcbiAgICAgICAgICAgICAgICAgICAgb2Zmc2V0KChvdXRlckFycm93ID8gQVJST1dfSEVJR0hUIDogMCkgKyBvdXRlck9mZnNldCksXG4gICAgICAgICAgICAgICAgXSxcbiAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICBjb25zdCBjbGljayA9IHVzZUNsaWNrKGNvbnRleHQsIHtcbiAgICAgICAgICAgICAgICBlbmFibGVkOiB0cmlnZ2VyID09PSAnY2xpY2snLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICBjb25zdCBkaXNtaXNzID0gdXNlRGlzbWlzcyhjb250ZXh0LCB7XG4gICAgICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcbiAgICAgICAgICAgICAgICBvdXRzaWRlUHJlc3M6IG91dHNpZGVDbGljayxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgY29uc3Qgcm9sZSA9IHVzZVJvbGUoY29udGV4dCk7XG4gICAgICAgICAgICBjb25zdCBob3ZlciA9IHVzZUhvdmVyKGNvbnRleHQsIHtcbiAgICAgICAgICAgICAgICBlbmFibGVkOiB0cmlnZ2VyID09PSAnaG92ZXInLFxuICAgICAgICAgICAgICAgIGhhbmRsZUNsb3NlOiBzYWZlUG9seWdvbih7XG4gICAgICAgICAgICAgICAgICAgIHJlcXVpcmVJbnRlbnQ6IGZhbHNlLFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgIGRlbGF5OiB7XG4gICAgICAgICAgICAgICAgICAgIG9wZW46IGRlbGF5T3BlbixcbiAgICAgICAgICAgICAgICAgICAgY2xvc2U6IGRlbGF5Q2xvc2UsXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICBjb25zdCB7IGdldFJlZmVyZW5jZVByb3BzLCBnZXRGbG9hdGluZ1Byb3BzIH0gPSB1c2VJbnRlcmFjdGlvbnMoW2Rpc21pc3MsIHJvbGUsIGNsaWNrLCBob3Zlcl0pO1xuXG4gICAgICAgICAgICBjb25zdCBjb21tb25SZWYgPSBtZXJnZVJlZnMob3V0ZXJSb290UmVmLCByZWZzLnNldEZsb2F0aW5nKTtcblxuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICA8VGFyZ2V0IHJlZj17cmVmcy5zZXRSZWZlcmVuY2V9IHsuLi5nZXRSZWZlcmVuY2VQcm9wcygpfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt0YXJnZXR9XG4gICAgICAgICAgICAgICAgICAgIDwvVGFyZ2V0PlxuXG4gICAgICAgICAgICAgICAgICAgIHtvcGVuZWQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEZsb2F0aW5nUG9ydGFsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGbG9hdGluZ0ZvY3VzTWFuYWdlciBjb250ZXh0PXtjb250ZXh0fSBtb2RhbD17ZmFsc2V9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Um9vdFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVmPXtjb21tb25SZWZ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0YXJnZXQ9e3RhcmdldH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3sgekluZGV4LCAuLi5zdHlsZSwgLi4uZmxvYXRpbmdTdHlsZXMgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5nZXRGbG9hdGluZ1Byb3BzKCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge291dGVyQXJyb3cgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGbG9hdGluZ0Fycm93XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlZj17YXJyb3dSZWZ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRleHQ9e2NvbnRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPXtBUlJPV19XSURUSH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PXtBUlJPV19IRUlHSFR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpbGw9e2B2YXIoJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yfSlgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPXtBUlJPV19QT0xZR09OfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvUm9vdD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0Zsb2F0aW5nRm9jdXNNYW5hZ2VyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9GbG9hdGluZ1BvcnRhbD5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICk7XG4gICAgICAgIH0sXG4gICAgKTtcblxuZXhwb3J0IGNvbnN0IHBvcG92ZXJDb25maWcgPSB7XG4gICAgbmFtZTogJ1BvcG92ZXInLFxuICAgIHRhZzogJ2RpdicsXG4gICAgbGF5b3V0OiBwb3BvdmVyUm9vdCxcbiAgICBiYXNlLFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgY3NzOiB2aWV3Q1NTLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBjc3M6IHNpemVDU1MsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQnVCIn0= */");
|
|
174
|
+
var sizeCSS = (0, /*#__PURE__*/ _react2.css)("sizeCSS", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXIvUG9wb3Zlci50c3giLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvX2V4cGVyaW1lbnRhbC9Qb3BvdmVyL1BvcG92ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBSb290UHJvcHMgfSBmcm9tICdzcmMvZW5naW5lcy90eXBlcyc7XG5pbXBvcnQge1xuICAgIHVzZUZsb2F0aW5nLFxuICAgIHVzZUludGVyYWN0aW9ucyxcbiAgICB1c2VDbGljayxcbiAgICB1c2VEaXNtaXNzLFxuICAgIHVzZVJvbGUsXG4gICAgRmxvYXRpbmdGb2N1c01hbmFnZXIsXG4gICAgRmxvYXRpbmdBcnJvdyxcbiAgICBhcnJvdyxcbiAgICBvZmZzZXQsXG4gICAgdXNlSG92ZXIsXG4gICAgc2FmZVBvbHlnb24sXG4gICAgc2hpZnQsXG4gICAgZmxpcCxcbiAgICBGbG9hdGluZ1BvcnRhbCxcbiAgICBhdXRvVXBkYXRlLFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QnO1xuaW1wb3J0IHsgbWVyZ2VSZWZzIH0gZnJvbSAnc3JjL3V0aWxzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Qb3BvdmVyLnRva2Vucyc7XG5pbXBvcnQgeyBiYXNlLCBUYXJnZXQgfSBmcm9tICcuL1BvcG92ZXIuc3R5bGVzJztcbmltcG9ydCB0eXBlIHsgUG9wb3ZlclByb3BzIH0gZnJvbSAnLi9Qb3BvdmVyLnR5cGVzJztcblxuZXhwb3J0IGNvbnN0IHZpZXdDU1MgPSBjc3NgYDtcbmV4cG9ydCBjb25zdCBzaXplQ1NTID0gY3NzYGA7XG5cbmNvbnN0IEFSUk9XX1dJRFRIID0gMjA7XG5jb25zdCBBUlJPV19IRUlHSFQgPSA4O1xuY29uc3QgQVJST1dfUE9MWUdPTiA9ICdNMjAgMjBMMCAyMEM4Ljg4ODg5IDIwLjAwMDEgMTAgMTIuNTcxNCAxMCAxMkMxMCAxMi41NzE0IDExLjMyNzMgMjAuMDA2IDIwIDIwWic7XG5cbmV4cG9ydCBjb25zdCBwb3BvdmVyUm9vdCA9IChSb290OiBSb290UHJvcHM8SFRNTERpdkVsZW1lbnQsIFBvcG92ZXJQcm9wcz4pID0+XG4gICAgZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgUG9wb3ZlclByb3BzPihcbiAgICAgICAgKFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIGNoaWxkcmVuLFxuICAgICAgICAgICAgICAgIHRhcmdldCxcbiAgICAgICAgICAgICAgICBvcGVuZWQ6IG91dGVyT3BlbmVkLFxuICAgICAgICAgICAgICAgIGRlZmF1bHRPcGVuZWQgPSBmYWxzZSxcbiAgICAgICAgICAgICAgICB0cmlnZ2VyID0gJ2NsaWNrJyxcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgICAgICAgICAgICAgICBhcnJvdzogb3V0ZXJBcnJvdyA9IHRydWUsXG4gICAgICAgICAgICAgICAgZmxpcDogb3V0c2lkZUZsaXAgPSB0cnVlLFxuICAgICAgICAgICAgICAgIHNoaWZ0OiBvdXRzaWRlU2hpZnQgPSB0cnVlLFxuICAgICAgICAgICAgICAgIG9mZnNldDogb3V0ZXJPZmZzZXQgPSAwLFxuICAgICAgICAgICAgICAgIG91dHNpZGVDbGljayA9IHRydWUsXG4gICAgICAgICAgICAgICAgcmVzaXphYmxlLFxuICAgICAgICAgICAgICAgIG9uUmVzaXplU3RhcnQsXG4gICAgICAgICAgICAgICAgb25SZXNpemVFbmQsXG4gICAgICAgICAgICAgICAgb25Ub2dnbGUsXG4gICAgICAgICAgICAgICAgZGVsYXlPcGVuID0gMCxcbiAgICAgICAgICAgICAgICBkZWxheUNsb3NlID0gMCxcbiAgICAgICAgICAgICAgICB6SW5kZXggPSAxMDAwLFxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgICBzdHlsZSxcbiAgICAgICAgICAgICAgICAuLi5yZXN0XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgb3V0ZXJSb290UmVmLFxuICAgICAgICApID0+IHtcbiAgICAgICAgICAgIGNvbnN0IFtpbm5lck9wZW5lZCwgc2V0SW5uZXJPcGVuZWRdID0gdXNlU3RhdGUoZGVmYXVsdE9wZW5lZCk7XG5cbiAgICAgICAgICAgIGNvbnN0IG9wZW5lZCA9IG91dGVyT3BlbmVkID8/IGlubmVyT3BlbmVkO1xuXG4gICAgICAgICAgICBjb25zdCBhcnJvd1JlZiA9IHVzZVJlZihudWxsKTtcblxuICAgICAgICAgICAgY29uc3QgaGFuZGxlVG9nZ2xlID0gKG9wZW5lZDogYm9vbGVhbikgPT4ge1xuICAgICAgICAgICAgICAgIHNldElubmVyT3BlbmVkKG9wZW5lZCk7XG5cbiAgICAgICAgICAgICAgICBpZiAob25Ub2dnbGUpIHtcbiAgICAgICAgICAgICAgICAgICAgb25Ub2dnbGUob3BlbmVkKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9O1xuXG4gICAgICAgICAgICBjb25zdCB7IHJlZnMsIGZsb2F0aW5nU3R5bGVzLCBjb250ZXh0IH0gPSB1c2VGbG9hdGluZyh7XG4gICAgICAgICAgICAgICAgd2hpbGVFbGVtZW50c01vdW50ZWQ6IGF1dG9VcGRhdGUsXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50LFxuICAgICAgICAgICAgICAgIG9wZW46IG9wZW5lZCxcbiAgICAgICAgICAgICAgICBvbk9wZW5DaGFuZ2U6IGhhbmRsZVRvZ2dsZSxcbiAgICAgICAgICAgICAgICBtaWRkbGV3YXJlOiBbXG4gICAgICAgICAgICAgICAgICAgIG91dHNpZGVTaGlmdCAmJiBzaGlmdCgpLFxuICAgICAgICAgICAgICAgICAgICBvdXRzaWRlRmxpcCAmJiBmbGlwKCksXG4gICAgICAgICAgICAgICAgICAgIG91dGVyQXJyb3cgJiYgYXJyb3coeyBlbGVtZW50OiBhcnJvd1JlZiB9KSxcbiAgICAgICAgICAgICAgICAgICAgb2Zmc2V0KChvdXRlckFycm93ID8gQVJST1dfSEVJR0hUIDogMCkgKyBvdXRlck9mZnNldCksXG4gICAgICAgICAgICAgICAgXSxcbiAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICBjb25zdCBjbGljayA9IHVzZUNsaWNrKGNvbnRleHQsIHtcbiAgICAgICAgICAgICAgICBlbmFibGVkOiB0cmlnZ2VyID09PSAnY2xpY2snLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICBjb25zdCBkaXNtaXNzID0gdXNlRGlzbWlzcyhjb250ZXh0LCB7XG4gICAgICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcbiAgICAgICAgICAgICAgICBvdXRzaWRlUHJlc3M6IG91dHNpZGVDbGljayxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgY29uc3Qgcm9sZSA9IHVzZVJvbGUoY29udGV4dCk7XG4gICAgICAgICAgICBjb25zdCBob3ZlciA9IHVzZUhvdmVyKGNvbnRleHQsIHtcbiAgICAgICAgICAgICAgICBlbmFibGVkOiB0cmlnZ2VyID09PSAnaG92ZXInLFxuICAgICAgICAgICAgICAgIGhhbmRsZUNsb3NlOiBzYWZlUG9seWdvbih7XG4gICAgICAgICAgICAgICAgICAgIHJlcXVpcmVJbnRlbnQ6IGZhbHNlLFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgIGRlbGF5OiB7XG4gICAgICAgICAgICAgICAgICAgIG9wZW46IGRlbGF5T3BlbixcbiAgICAgICAgICAgICAgICAgICAgY2xvc2U6IGRlbGF5Q2xvc2UsXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICBjb25zdCB7IGdldFJlZmVyZW5jZVByb3BzLCBnZXRGbG9hdGluZ1Byb3BzIH0gPSB1c2VJbnRlcmFjdGlvbnMoW2Rpc21pc3MsIHJvbGUsIGNsaWNrLCBob3Zlcl0pO1xuXG4gICAgICAgICAgICBjb25zdCBjb21tb25SZWYgPSBtZXJnZVJlZnMob3V0ZXJSb290UmVmLCByZWZzLnNldEZsb2F0aW5nKTtcblxuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICA8VGFyZ2V0IHJlZj17cmVmcy5zZXRSZWZlcmVuY2V9IHsuLi5nZXRSZWZlcmVuY2VQcm9wcygpfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt0YXJnZXR9XG4gICAgICAgICAgICAgICAgICAgIDwvVGFyZ2V0PlxuXG4gICAgICAgICAgICAgICAgICAgIHtvcGVuZWQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEZsb2F0aW5nUG9ydGFsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGbG9hdGluZ0ZvY3VzTWFuYWdlciBjb250ZXh0PXtjb250ZXh0fSBtb2RhbD17ZmFsc2V9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Um9vdFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVmPXtjb21tb25SZWZ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0YXJnZXQ9e3RhcmdldH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3sgekluZGV4LCAuLi5zdHlsZSwgLi4uZmxvYXRpbmdTdHlsZXMgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5nZXRGbG9hdGluZ1Byb3BzKCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge291dGVyQXJyb3cgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGbG9hdGluZ0Fycm93XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlZj17YXJyb3dSZWZ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRleHQ9e2NvbnRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPXtBUlJPV19XSURUSH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PXtBUlJPV19IRUlHSFR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpbGw9e2B2YXIoJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yfSlgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPXtBUlJPV19QT0xZR09OfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvUm9vdD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0Zsb2F0aW5nRm9jdXNNYW5hZ2VyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9GbG9hdGluZ1BvcnRhbD5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICk7XG4gICAgICAgIH0sXG4gICAgKTtcblxuZXhwb3J0IGNvbnN0IHBvcG92ZXJDb25maWcgPSB7XG4gICAgbmFtZTogJ1BvcG92ZXInLFxuICAgIHRhZzogJ2RpdicsXG4gICAgbGF5b3V0OiBwb3BvdmVyUm9vdCxcbiAgICBiYXNlLFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgY3NzOiB2aWV3Q1NTLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBjc3M6IHNpemVDU1MsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQnVCIn0= */");
|
|
175
|
+
var ARROW_WIDTH = 20;
|
|
176
|
+
var ARROW_HEIGHT = 8;
|
|
177
|
+
var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
|
|
175
178
|
var popoverRoot = function(Root) {
|
|
176
179
|
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, [
|
|
180
|
+
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
181
|
"children",
|
|
182
182
|
"target",
|
|
183
183
|
"opened",
|
|
184
184
|
"defaultOpened",
|
|
185
185
|
"trigger",
|
|
186
186
|
"placement",
|
|
187
|
+
"arrow",
|
|
187
188
|
"flip",
|
|
189
|
+
"shift",
|
|
188
190
|
"offset",
|
|
189
|
-
"
|
|
190
|
-
"closeOnOverlayClick",
|
|
191
|
+
"outsideClick",
|
|
191
192
|
"resizable",
|
|
192
193
|
"onResizeStart",
|
|
193
194
|
"onResizeEnd",
|
|
194
195
|
"onToggle",
|
|
195
|
-
"
|
|
196
|
+
"delayOpen",
|
|
197
|
+
"delayClose",
|
|
196
198
|
"zIndex",
|
|
197
199
|
"className",
|
|
198
200
|
"style"
|
|
@@ -207,25 +209,36 @@ var popoverRoot = function(Root) {
|
|
|
207
209
|
}
|
|
208
210
|
};
|
|
209
211
|
var _useFloating = (0, _react1.useFloating)({
|
|
212
|
+
whileElementsMounted: _react1.autoUpdate,
|
|
210
213
|
placement: placement,
|
|
211
214
|
open: opened,
|
|
212
215
|
onOpenChange: handleToggle,
|
|
213
216
|
middleware: [
|
|
214
|
-
(0, _react1.
|
|
217
|
+
outsideShift && (0, _react1.shift)(),
|
|
218
|
+
outsideFlip && (0, _react1.flip)(),
|
|
219
|
+
outerArrow && (0, _react1.arrow)({
|
|
215
220
|
element: arrowRef
|
|
216
221
|
}),
|
|
217
|
-
(0, _react1.offset)(
|
|
222
|
+
(0, _react1.offset)((outerArrow ? ARROW_HEIGHT : 0) + outerOffset)
|
|
218
223
|
]
|
|
219
224
|
}), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
|
|
220
225
|
var click = (0, _react1.useClick)(context, {
|
|
221
226
|
enabled: trigger === 'click'
|
|
222
227
|
});
|
|
223
228
|
var dismiss = (0, _react1.useDismiss)(context, {
|
|
224
|
-
enabled:
|
|
229
|
+
enabled: true,
|
|
230
|
+
outsidePress: outsideClick
|
|
225
231
|
});
|
|
226
232
|
var role = (0, _react1.useRole)(context);
|
|
227
233
|
var hover = (0, _react1.useHover)(context, {
|
|
228
|
-
enabled: trigger === 'hover'
|
|
234
|
+
enabled: trigger === 'hover',
|
|
235
|
+
handleClose: (0, _react1.safePolygon)({
|
|
236
|
+
requireIntent: false
|
|
237
|
+
}),
|
|
238
|
+
delay: {
|
|
239
|
+
open: delayOpen,
|
|
240
|
+
close: delayClose
|
|
241
|
+
}
|
|
229
242
|
});
|
|
230
243
|
var _useInteractions = (0, _react1.useInteractions)([
|
|
231
244
|
dismiss,
|
|
@@ -236,22 +249,24 @@ var popoverRoot = function(Root) {
|
|
|
236
249
|
var commonRef = (0, _utils.mergeRefs)(outerRootRef, refs.setFloating);
|
|
237
250
|
return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_Popoverstyles.Target, _object_spread({
|
|
238
251
|
ref: refs.setReference
|
|
239
|
-
}, getReferenceProps()), target), opened && /*#__PURE__*/ _react.default.createElement(_react1.FloatingFocusManager, {
|
|
252
|
+
}, getReferenceProps()), target), opened && /*#__PURE__*/ _react.default.createElement(_react1.FloatingPortal, null, /*#__PURE__*/ _react.default.createElement(_react1.FloatingFocusManager, {
|
|
240
253
|
context: context,
|
|
241
254
|
modal: false
|
|
242
255
|
}, /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
|
|
243
256
|
ref: commonRef,
|
|
244
257
|
target: target,
|
|
245
258
|
className: className,
|
|
246
|
-
style: _object_spread({
|
|
247
|
-
|
|
259
|
+
style: _object_spread({
|
|
260
|
+
zIndex: zIndex
|
|
261
|
+
}, style, floatingStyles)
|
|
262
|
+
}, getFloatingProps(), rest), outerArrow && /*#__PURE__*/ _react.default.createElement(_react1.FloatingArrow, {
|
|
248
263
|
ref: arrowRef,
|
|
249
264
|
context: context,
|
|
250
|
-
width:
|
|
251
|
-
height:
|
|
265
|
+
width: ARROW_WIDTH,
|
|
266
|
+
height: ARROW_HEIGHT,
|
|
252
267
|
fill: "var(".concat(_Popovertokens.tokens.backgroundColor, ")"),
|
|
253
|
-
d:
|
|
254
|
-
}), children)));
|
|
268
|
+
d: ARROW_POLYGON
|
|
269
|
+
}), children))));
|
|
255
270
|
});
|
|
256
271
|
};
|
|
257
272
|
var popoverConfig = {
|
|
@@ -1,16 +1 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "Combobox", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return Combobox;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
var _engines = require("../../../engines");
|
|
12
|
-
var _ = require("../../..");
|
|
13
|
-
var _Comboboxconfig = require("./Combobox.config");
|
|
14
|
-
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
|
15
|
-
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
|
16
|
-
var Combobox = ComboboxComponent;
|
|
@@ -100,34 +100,36 @@ 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
|
-
export var viewCSS = /*#__PURE__*/ css("viewCSS", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
109
|
-
export var sizeCSS = /*#__PURE__*/ css("sizeCSS", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
108
|
+
export var viewCSS = /*#__PURE__*/ css("viewCSS", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXIvUG9wb3Zlci50c3giLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvX2V4cGVyaW1lbnRhbC9Qb3BvdmVyL1BvcG92ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBSb290UHJvcHMgfSBmcm9tICdzcmMvZW5naW5lcy90eXBlcyc7XG5pbXBvcnQge1xuICAgIHVzZUZsb2F0aW5nLFxuICAgIHVzZUludGVyYWN0aW9ucyxcbiAgICB1c2VDbGljayxcbiAgICB1c2VEaXNtaXNzLFxuICAgIHVzZVJvbGUsXG4gICAgRmxvYXRpbmdGb2N1c01hbmFnZXIsXG4gICAgRmxvYXRpbmdBcnJvdyxcbiAgICBhcnJvdyxcbiAgICBvZmZzZXQsXG4gICAgdXNlSG92ZXIsXG4gICAgc2FmZVBvbHlnb24sXG4gICAgc2hpZnQsXG4gICAgZmxpcCxcbiAgICBGbG9hdGluZ1BvcnRhbCxcbiAgICBhdXRvVXBkYXRlLFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QnO1xuaW1wb3J0IHsgbWVyZ2VSZWZzIH0gZnJvbSAnc3JjL3V0aWxzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Qb3BvdmVyLnRva2Vucyc7XG5pbXBvcnQgeyBiYXNlLCBUYXJnZXQgfSBmcm9tICcuL1BvcG92ZXIuc3R5bGVzJztcbmltcG9ydCB0eXBlIHsgUG9wb3ZlclByb3BzIH0gZnJvbSAnLi9Qb3BvdmVyLnR5cGVzJztcblxuZXhwb3J0IGNvbnN0IHZpZXdDU1MgPSBjc3NgYDtcbmV4cG9ydCBjb25zdCBzaXplQ1NTID0gY3NzYGA7XG5cbmNvbnN0IEFSUk9XX1dJRFRIID0gMjA7XG5jb25zdCBBUlJPV19IRUlHSFQgPSA4O1xuY29uc3QgQVJST1dfUE9MWUdPTiA9ICdNMjAgMjBMMCAyMEM4Ljg4ODg5IDIwLjAwMDEgMTAgMTIuNTcxNCAxMCAxMkMxMCAxMi41NzE0IDExLjMyNzMgMjAuMDA2IDIwIDIwWic7XG5cbmV4cG9ydCBjb25zdCBwb3BvdmVyUm9vdCA9IChSb290OiBSb290UHJvcHM8SFRNTERpdkVsZW1lbnQsIFBvcG92ZXJQcm9wcz4pID0+XG4gICAgZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgUG9wb3ZlclByb3BzPihcbiAgICAgICAgKFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIGNoaWxkcmVuLFxuICAgICAgICAgICAgICAgIHRhcmdldCxcbiAgICAgICAgICAgICAgICBvcGVuZWQ6IG91dGVyT3BlbmVkLFxuICAgICAgICAgICAgICAgIGRlZmF1bHRPcGVuZWQgPSBmYWxzZSxcbiAgICAgICAgICAgICAgICB0cmlnZ2VyID0gJ2NsaWNrJyxcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgICAgICAgICAgICAgICBhcnJvdzogb3V0ZXJBcnJvdyA9IHRydWUsXG4gICAgICAgICAgICAgICAgZmxpcDogb3V0c2lkZUZsaXAgPSB0cnVlLFxuICAgICAgICAgICAgICAgIHNoaWZ0OiBvdXRzaWRlU2hpZnQgPSB0cnVlLFxuICAgICAgICAgICAgICAgIG9mZnNldDogb3V0ZXJPZmZzZXQgPSAwLFxuICAgICAgICAgICAgICAgIG91dHNpZGVDbGljayA9IHRydWUsXG4gICAgICAgICAgICAgICAgcmVzaXphYmxlLFxuICAgICAgICAgICAgICAgIG9uUmVzaXplU3RhcnQsXG4gICAgICAgICAgICAgICAgb25SZXNpemVFbmQsXG4gICAgICAgICAgICAgICAgb25Ub2dnbGUsXG4gICAgICAgICAgICAgICAgZGVsYXlPcGVuID0gMCxcbiAgICAgICAgICAgICAgICBkZWxheUNsb3NlID0gMCxcbiAgICAgICAgICAgICAgICB6SW5kZXggPSAxMDAwLFxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgICBzdHlsZSxcbiAgICAgICAgICAgICAgICAuLi5yZXN0XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgb3V0ZXJSb290UmVmLFxuICAgICAgICApID0+IHtcbiAgICAgICAgICAgIGNvbnN0IFtpbm5lck9wZW5lZCwgc2V0SW5uZXJPcGVuZWRdID0gdXNlU3RhdGUoZGVmYXVsdE9wZW5lZCk7XG5cbiAgICAgICAgICAgIGNvbnN0IG9wZW5lZCA9IG91dGVyT3BlbmVkID8/IGlubmVyT3BlbmVkO1xuXG4gICAgICAgICAgICBjb25zdCBhcnJvd1JlZiA9IHVzZVJlZihudWxsKTtcblxuICAgICAgICAgICAgY29uc3QgaGFuZGxlVG9nZ2xlID0gKG9wZW5lZDogYm9vbGVhbikgPT4ge1xuICAgICAgICAgICAgICAgIHNldElubmVyT3BlbmVkKG9wZW5lZCk7XG5cbiAgICAgICAgICAgICAgICBpZiAob25Ub2dnbGUpIHtcbiAgICAgICAgICAgICAgICAgICAgb25Ub2dnbGUob3BlbmVkKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9O1xuXG4gICAgICAgICAgICBjb25zdCB7IHJlZnMsIGZsb2F0aW5nU3R5bGVzLCBjb250ZXh0IH0gPSB1c2VGbG9hdGluZyh7XG4gICAgICAgICAgICAgICAgd2hpbGVFbGVtZW50c01vdW50ZWQ6IGF1dG9VcGRhdGUsXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50LFxuICAgICAgICAgICAgICAgIG9wZW46IG9wZW5lZCxcbiAgICAgICAgICAgICAgICBvbk9wZW5DaGFuZ2U6IGhhbmRsZVRvZ2dsZSxcbiAgICAgICAgICAgICAgICBtaWRkbGV3YXJlOiBbXG4gICAgICAgICAgICAgICAgICAgIG91dHNpZGVTaGlmdCAmJiBzaGlmdCgpLFxuICAgICAgICAgICAgICAgICAgICBvdXRzaWRlRmxpcCAmJiBmbGlwKCksXG4gICAgICAgICAgICAgICAgICAgIG91dGVyQXJyb3cgJiYgYXJyb3coeyBlbGVtZW50OiBhcnJvd1JlZiB9KSxcbiAgICAgICAgICAgICAgICAgICAgb2Zmc2V0KChvdXRlckFycm93ID8gQVJST1dfSEVJR0hUIDogMCkgKyBvdXRlck9mZnNldCksXG4gICAgICAgICAgICAgICAgXSxcbiAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICBjb25zdCBjbGljayA9IHVzZUNsaWNrKGNvbnRleHQsIHtcbiAgICAgICAgICAgICAgICBlbmFibGVkOiB0cmlnZ2VyID09PSAnY2xpY2snLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICBjb25zdCBkaXNtaXNzID0gdXNlRGlzbWlzcyhjb250ZXh0LCB7XG4gICAgICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcbiAgICAgICAgICAgICAgICBvdXRzaWRlUHJlc3M6IG91dHNpZGVDbGljayxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgY29uc3Qgcm9sZSA9IHVzZVJvbGUoY29udGV4dCk7XG4gICAgICAgICAgICBjb25zdCBob3ZlciA9IHVzZUhvdmVyKGNvbnRleHQsIHtcbiAgICAgICAgICAgICAgICBlbmFibGVkOiB0cmlnZ2VyID09PSAnaG92ZXInLFxuICAgICAgICAgICAgICAgIGhhbmRsZUNsb3NlOiBzYWZlUG9seWdvbih7XG4gICAgICAgICAgICAgICAgICAgIHJlcXVpcmVJbnRlbnQ6IGZhbHNlLFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgIGRlbGF5OiB7XG4gICAgICAgICAgICAgICAgICAgIG9wZW46IGRlbGF5T3BlbixcbiAgICAgICAgICAgICAgICAgICAgY2xvc2U6IGRlbGF5Q2xvc2UsXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICBjb25zdCB7IGdldFJlZmVyZW5jZVByb3BzLCBnZXRGbG9hdGluZ1Byb3BzIH0gPSB1c2VJbnRlcmFjdGlvbnMoW2Rpc21pc3MsIHJvbGUsIGNsaWNrLCBob3Zlcl0pO1xuXG4gICAgICAgICAgICBjb25zdCBjb21tb25SZWYgPSBtZXJnZVJlZnMob3V0ZXJSb290UmVmLCByZWZzLnNldEZsb2F0aW5nKTtcblxuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICA8VGFyZ2V0IHJlZj17cmVmcy5zZXRSZWZlcmVuY2V9IHsuLi5nZXRSZWZlcmVuY2VQcm9wcygpfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt0YXJnZXR9XG4gICAgICAgICAgICAgICAgICAgIDwvVGFyZ2V0PlxuXG4gICAgICAgICAgICAgICAgICAgIHtvcGVuZWQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEZsb2F0aW5nUG9ydGFsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGbG9hdGluZ0ZvY3VzTWFuYWdlciBjb250ZXh0PXtjb250ZXh0fSBtb2RhbD17ZmFsc2V9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Um9vdFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVmPXtjb21tb25SZWZ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0YXJnZXQ9e3RhcmdldH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3sgekluZGV4LCAuLi5zdHlsZSwgLi4uZmxvYXRpbmdTdHlsZXMgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5nZXRGbG9hdGluZ1Byb3BzKCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge291dGVyQXJyb3cgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGbG9hdGluZ0Fycm93XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlZj17YXJyb3dSZWZ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRleHQ9e2NvbnRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPXtBUlJPV19XSURUSH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PXtBUlJPV19IRUlHSFR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpbGw9e2B2YXIoJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yfSlgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPXtBUlJPV19QT0xZR09OfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvUm9vdD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0Zsb2F0aW5nRm9jdXNNYW5hZ2VyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9GbG9hdGluZ1BvcnRhbD5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICk7XG4gICAgICAgIH0sXG4gICAgKTtcblxuZXhwb3J0IGNvbnN0IHBvcG92ZXJDb25maWcgPSB7XG4gICAgbmFtZTogJ1BvcG92ZXInLFxuICAgIHRhZzogJ2RpdicsXG4gICAgbGF5b3V0OiBwb3BvdmVyUm9vdCxcbiAgICBiYXNlLFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgY3NzOiB2aWV3Q1NTLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBjc3M6IHNpemVDU1MsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQnVCIn0= */");
|
|
109
|
+
export var sizeCSS = /*#__PURE__*/ css("sizeCSS", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXIvUG9wb3Zlci50c3giLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvX2V4cGVyaW1lbnRhbC9Qb3BvdmVyL1BvcG92ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBSb290UHJvcHMgfSBmcm9tICdzcmMvZW5naW5lcy90eXBlcyc7XG5pbXBvcnQge1xuICAgIHVzZUZsb2F0aW5nLFxuICAgIHVzZUludGVyYWN0aW9ucyxcbiAgICB1c2VDbGljayxcbiAgICB1c2VEaXNtaXNzLFxuICAgIHVzZVJvbGUsXG4gICAgRmxvYXRpbmdGb2N1c01hbmFnZXIsXG4gICAgRmxvYXRpbmdBcnJvdyxcbiAgICBhcnJvdyxcbiAgICBvZmZzZXQsXG4gICAgdXNlSG92ZXIsXG4gICAgc2FmZVBvbHlnb24sXG4gICAgc2hpZnQsXG4gICAgZmxpcCxcbiAgICBGbG9hdGluZ1BvcnRhbCxcbiAgICBhdXRvVXBkYXRlLFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QnO1xuaW1wb3J0IHsgbWVyZ2VSZWZzIH0gZnJvbSAnc3JjL3V0aWxzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Qb3BvdmVyLnRva2Vucyc7XG5pbXBvcnQgeyBiYXNlLCBUYXJnZXQgfSBmcm9tICcuL1BvcG92ZXIuc3R5bGVzJztcbmltcG9ydCB0eXBlIHsgUG9wb3ZlclByb3BzIH0gZnJvbSAnLi9Qb3BvdmVyLnR5cGVzJztcblxuZXhwb3J0IGNvbnN0IHZpZXdDU1MgPSBjc3NgYDtcbmV4cG9ydCBjb25zdCBzaXplQ1NTID0gY3NzYGA7XG5cbmNvbnN0IEFSUk9XX1dJRFRIID0gMjA7XG5jb25zdCBBUlJPV19IRUlHSFQgPSA4O1xuY29uc3QgQVJST1dfUE9MWUdPTiA9ICdNMjAgMjBMMCAyMEM4Ljg4ODg5IDIwLjAwMDEgMTAgMTIuNTcxNCAxMCAxMkMxMCAxMi41NzE0IDExLjMyNzMgMjAuMDA2IDIwIDIwWic7XG5cbmV4cG9ydCBjb25zdCBwb3BvdmVyUm9vdCA9IChSb290OiBSb290UHJvcHM8SFRNTERpdkVsZW1lbnQsIFBvcG92ZXJQcm9wcz4pID0+XG4gICAgZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgUG9wb3ZlclByb3BzPihcbiAgICAgICAgKFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIGNoaWxkcmVuLFxuICAgICAgICAgICAgICAgIHRhcmdldCxcbiAgICAgICAgICAgICAgICBvcGVuZWQ6IG91dGVyT3BlbmVkLFxuICAgICAgICAgICAgICAgIGRlZmF1bHRPcGVuZWQgPSBmYWxzZSxcbiAgICAgICAgICAgICAgICB0cmlnZ2VyID0gJ2NsaWNrJyxcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgICAgICAgICAgICAgICBhcnJvdzogb3V0ZXJBcnJvdyA9IHRydWUsXG4gICAgICAgICAgICAgICAgZmxpcDogb3V0c2lkZUZsaXAgPSB0cnVlLFxuICAgICAgICAgICAgICAgIHNoaWZ0OiBvdXRzaWRlU2hpZnQgPSB0cnVlLFxuICAgICAgICAgICAgICAgIG9mZnNldDogb3V0ZXJPZmZzZXQgPSAwLFxuICAgICAgICAgICAgICAgIG91dHNpZGVDbGljayA9IHRydWUsXG4gICAgICAgICAgICAgICAgcmVzaXphYmxlLFxuICAgICAgICAgICAgICAgIG9uUmVzaXplU3RhcnQsXG4gICAgICAgICAgICAgICAgb25SZXNpemVFbmQsXG4gICAgICAgICAgICAgICAgb25Ub2dnbGUsXG4gICAgICAgICAgICAgICAgZGVsYXlPcGVuID0gMCxcbiAgICAgICAgICAgICAgICBkZWxheUNsb3NlID0gMCxcbiAgICAgICAgICAgICAgICB6SW5kZXggPSAxMDAwLFxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgICBzdHlsZSxcbiAgICAgICAgICAgICAgICAuLi5yZXN0XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgb3V0ZXJSb290UmVmLFxuICAgICAgICApID0+IHtcbiAgICAgICAgICAgIGNvbnN0IFtpbm5lck9wZW5lZCwgc2V0SW5uZXJPcGVuZWRdID0gdXNlU3RhdGUoZGVmYXVsdE9wZW5lZCk7XG5cbiAgICAgICAgICAgIGNvbnN0IG9wZW5lZCA9IG91dGVyT3BlbmVkID8/IGlubmVyT3BlbmVkO1xuXG4gICAgICAgICAgICBjb25zdCBhcnJvd1JlZiA9IHVzZVJlZihudWxsKTtcblxuICAgICAgICAgICAgY29uc3QgaGFuZGxlVG9nZ2xlID0gKG9wZW5lZDogYm9vbGVhbikgPT4ge1xuICAgICAgICAgICAgICAgIHNldElubmVyT3BlbmVkKG9wZW5lZCk7XG5cbiAgICAgICAgICAgICAgICBpZiAob25Ub2dnbGUpIHtcbiAgICAgICAgICAgICAgICAgICAgb25Ub2dnbGUob3BlbmVkKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9O1xuXG4gICAgICAgICAgICBjb25zdCB7IHJlZnMsIGZsb2F0aW5nU3R5bGVzLCBjb250ZXh0IH0gPSB1c2VGbG9hdGluZyh7XG4gICAgICAgICAgICAgICAgd2hpbGVFbGVtZW50c01vdW50ZWQ6IGF1dG9VcGRhdGUsXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50LFxuICAgICAgICAgICAgICAgIG9wZW46IG9wZW5lZCxcbiAgICAgICAgICAgICAgICBvbk9wZW5DaGFuZ2U6IGhhbmRsZVRvZ2dsZSxcbiAgICAgICAgICAgICAgICBtaWRkbGV3YXJlOiBbXG4gICAgICAgICAgICAgICAgICAgIG91dHNpZGVTaGlmdCAmJiBzaGlmdCgpLFxuICAgICAgICAgICAgICAgICAgICBvdXRzaWRlRmxpcCAmJiBmbGlwKCksXG4gICAgICAgICAgICAgICAgICAgIG91dGVyQXJyb3cgJiYgYXJyb3coeyBlbGVtZW50OiBhcnJvd1JlZiB9KSxcbiAgICAgICAgICAgICAgICAgICAgb2Zmc2V0KChvdXRlckFycm93ID8gQVJST1dfSEVJR0hUIDogMCkgKyBvdXRlck9mZnNldCksXG4gICAgICAgICAgICAgICAgXSxcbiAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICBjb25zdCBjbGljayA9IHVzZUNsaWNrKGNvbnRleHQsIHtcbiAgICAgICAgICAgICAgICBlbmFibGVkOiB0cmlnZ2VyID09PSAnY2xpY2snLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICBjb25zdCBkaXNtaXNzID0gdXNlRGlzbWlzcyhjb250ZXh0LCB7XG4gICAgICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcbiAgICAgICAgICAgICAgICBvdXRzaWRlUHJlc3M6IG91dHNpZGVDbGljayxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgY29uc3Qgcm9sZSA9IHVzZVJvbGUoY29udGV4dCk7XG4gICAgICAgICAgICBjb25zdCBob3ZlciA9IHVzZUhvdmVyKGNvbnRleHQsIHtcbiAgICAgICAgICAgICAgICBlbmFibGVkOiB0cmlnZ2VyID09PSAnaG92ZXInLFxuICAgICAgICAgICAgICAgIGhhbmRsZUNsb3NlOiBzYWZlUG9seWdvbih7XG4gICAgICAgICAgICAgICAgICAgIHJlcXVpcmVJbnRlbnQ6IGZhbHNlLFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgIGRlbGF5OiB7XG4gICAgICAgICAgICAgICAgICAgIG9wZW46IGRlbGF5T3BlbixcbiAgICAgICAgICAgICAgICAgICAgY2xvc2U6IGRlbGF5Q2xvc2UsXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICBjb25zdCB7IGdldFJlZmVyZW5jZVByb3BzLCBnZXRGbG9hdGluZ1Byb3BzIH0gPSB1c2VJbnRlcmFjdGlvbnMoW2Rpc21pc3MsIHJvbGUsIGNsaWNrLCBob3Zlcl0pO1xuXG4gICAgICAgICAgICBjb25zdCBjb21tb25SZWYgPSBtZXJnZVJlZnMob3V0ZXJSb290UmVmLCByZWZzLnNldEZsb2F0aW5nKTtcblxuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICA8VGFyZ2V0IHJlZj17cmVmcy5zZXRSZWZlcmVuY2V9IHsuLi5nZXRSZWZlcmVuY2VQcm9wcygpfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt0YXJnZXR9XG4gICAgICAgICAgICAgICAgICAgIDwvVGFyZ2V0PlxuXG4gICAgICAgICAgICAgICAgICAgIHtvcGVuZWQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEZsb2F0aW5nUG9ydGFsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGbG9hdGluZ0ZvY3VzTWFuYWdlciBjb250ZXh0PXtjb250ZXh0fSBtb2RhbD17ZmFsc2V9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Um9vdFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVmPXtjb21tb25SZWZ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0YXJnZXQ9e3RhcmdldH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3sgekluZGV4LCAuLi5zdHlsZSwgLi4uZmxvYXRpbmdTdHlsZXMgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5nZXRGbG9hdGluZ1Byb3BzKCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge291dGVyQXJyb3cgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGbG9hdGluZ0Fycm93XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlZj17YXJyb3dSZWZ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRleHQ9e2NvbnRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPXtBUlJPV19XSURUSH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PXtBUlJPV19IRUlHSFR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpbGw9e2B2YXIoJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yfSlgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPXtBUlJPV19QT0xZR09OfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvUm9vdD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0Zsb2F0aW5nRm9jdXNNYW5hZ2VyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9GbG9hdGluZ1BvcnRhbD5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICk7XG4gICAgICAgIH0sXG4gICAgKTtcblxuZXhwb3J0IGNvbnN0IHBvcG92ZXJDb25maWcgPSB7XG4gICAgbmFtZTogJ1BvcG92ZXInLFxuICAgIHRhZzogJ2RpdicsXG4gICAgbGF5b3V0OiBwb3BvdmVyUm9vdCxcbiAgICBiYXNlLFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgY3NzOiB2aWV3Q1NTLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBjc3M6IHNpemVDU1MsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQnVCIn0= */");
|
|
110
|
+
var ARROW_WIDTH = 20;
|
|
111
|
+
var ARROW_HEIGHT = 8;
|
|
112
|
+
var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
|
|
110
113
|
export var popoverRoot = function(Root) {
|
|
111
114
|
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, [
|
|
115
|
+
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
116
|
"children",
|
|
117
117
|
"target",
|
|
118
118
|
"opened",
|
|
119
119
|
"defaultOpened",
|
|
120
120
|
"trigger",
|
|
121
121
|
"placement",
|
|
122
|
+
"arrow",
|
|
122
123
|
"flip",
|
|
124
|
+
"shift",
|
|
123
125
|
"offset",
|
|
124
|
-
"
|
|
125
|
-
"closeOnOverlayClick",
|
|
126
|
+
"outsideClick",
|
|
126
127
|
"resizable",
|
|
127
128
|
"onResizeStart",
|
|
128
129
|
"onResizeEnd",
|
|
129
130
|
"onToggle",
|
|
130
|
-
"
|
|
131
|
+
"delayOpen",
|
|
132
|
+
"delayClose",
|
|
131
133
|
"zIndex",
|
|
132
134
|
"className",
|
|
133
135
|
"style"
|
|
@@ -142,25 +144,36 @@ export var popoverRoot = function(Root) {
|
|
|
142
144
|
}
|
|
143
145
|
};
|
|
144
146
|
var _useFloating = useFloating({
|
|
147
|
+
whileElementsMounted: autoUpdate,
|
|
145
148
|
placement: placement,
|
|
146
149
|
open: opened,
|
|
147
150
|
onOpenChange: handleToggle,
|
|
148
151
|
middleware: [
|
|
149
|
-
|
|
152
|
+
outsideShift && shift(),
|
|
153
|
+
outsideFlip && flip(),
|
|
154
|
+
outerArrow && arrow({
|
|
150
155
|
element: arrowRef
|
|
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,24 @@ 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, {
|
|
187
|
+
}, getReferenceProps()), target), opened && /*#__PURE__*/ React.createElement(FloatingPortal, null, /*#__PURE__*/ React.createElement(FloatingFocusManager, {
|
|
175
188
|
context: context,
|
|
176
189
|
modal: false
|
|
177
190
|
}, /*#__PURE__*/ React.createElement(Root, _object_spread({
|
|
178
191
|
ref: commonRef,
|
|
179
192
|
target: target,
|
|
180
193
|
className: className,
|
|
181
|
-
style: _object_spread({
|
|
182
|
-
|
|
194
|
+
style: _object_spread({
|
|
195
|
+
zIndex: zIndex
|
|
196
|
+
}, style, floatingStyles)
|
|
197
|
+
}, getFloatingProps(), rest), outerArrow && /*#__PURE__*/ React.createElement(FloatingArrow, {
|
|
183
198
|
ref: arrowRef,
|
|
184
199
|
context: context,
|
|
185
|
-
width:
|
|
186
|
-
height:
|
|
200
|
+
width: ARROW_WIDTH,
|
|
201
|
+
height: ARROW_HEIGHT,
|
|
187
202
|
fill: "var(".concat(tokens.backgroundColor, ")"),
|
|
188
|
-
d:
|
|
189
|
-
}), children)));
|
|
203
|
+
d: ARROW_POLYGON
|
|
204
|
+
}), children))));
|
|
190
205
|
});
|
|
191
206
|
};
|
|
192
207
|
export var popoverConfig = {
|
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.20006319987.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.20006319987.0",
|
|
82
|
+
"@salutejs/plasma-sb-utils": "0.211.0-canary.2378.20006319987.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.20006319987.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": "31685b1c171cf766993d11e450ed3a13cc303191"
|
|
132
132
|
}
|
|
@@ -176,27 +176,29 @@ var viewCSS = (0, _styledcomponents.css)([
|
|
|
176
176
|
var sizeCSS = (0, _styledcomponents.css)([
|
|
177
177
|
""
|
|
178
178
|
]);
|
|
179
|
+
var ARROW_WIDTH = 20;
|
|
180
|
+
var ARROW_HEIGHT = 8;
|
|
181
|
+
var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
|
|
179
182
|
var popoverRoot = function(Root) {
|
|
180
183
|
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, [
|
|
184
|
+
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
185
|
"children",
|
|
186
186
|
"target",
|
|
187
187
|
"opened",
|
|
188
188
|
"defaultOpened",
|
|
189
189
|
"trigger",
|
|
190
190
|
"placement",
|
|
191
|
+
"arrow",
|
|
191
192
|
"flip",
|
|
193
|
+
"shift",
|
|
192
194
|
"offset",
|
|
193
|
-
"
|
|
194
|
-
"closeOnOverlayClick",
|
|
195
|
+
"outsideClick",
|
|
195
196
|
"resizable",
|
|
196
197
|
"onResizeStart",
|
|
197
198
|
"onResizeEnd",
|
|
198
199
|
"onToggle",
|
|
199
|
-
"
|
|
200
|
+
"delayOpen",
|
|
201
|
+
"delayClose",
|
|
200
202
|
"zIndex",
|
|
201
203
|
"className",
|
|
202
204
|
"style"
|
|
@@ -211,25 +213,36 @@ var popoverRoot = function(Root) {
|
|
|
211
213
|
}
|
|
212
214
|
};
|
|
213
215
|
var _useFloating = (0, _react1.useFloating)({
|
|
216
|
+
whileElementsMounted: _react1.autoUpdate,
|
|
214
217
|
placement: placement,
|
|
215
218
|
open: opened,
|
|
216
219
|
onOpenChange: handleToggle,
|
|
217
220
|
middleware: [
|
|
218
|
-
(0, _react1.
|
|
221
|
+
outsideShift && (0, _react1.shift)(),
|
|
222
|
+
outsideFlip && (0, _react1.flip)(),
|
|
223
|
+
outerArrow && (0, _react1.arrow)({
|
|
219
224
|
element: arrowRef
|
|
220
225
|
}),
|
|
221
|
-
(0, _react1.offset)(
|
|
226
|
+
(0, _react1.offset)((outerArrow ? ARROW_HEIGHT : 0) + outerOffset)
|
|
222
227
|
]
|
|
223
228
|
}), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
|
|
224
229
|
var click = (0, _react1.useClick)(context, {
|
|
225
230
|
enabled: trigger === 'click'
|
|
226
231
|
});
|
|
227
232
|
var dismiss = (0, _react1.useDismiss)(context, {
|
|
228
|
-
enabled:
|
|
233
|
+
enabled: true,
|
|
234
|
+
outsidePress: outsideClick
|
|
229
235
|
});
|
|
230
236
|
var role = (0, _react1.useRole)(context);
|
|
231
237
|
var hover = (0, _react1.useHover)(context, {
|
|
232
|
-
enabled: trigger === 'hover'
|
|
238
|
+
enabled: trigger === 'hover',
|
|
239
|
+
handleClose: (0, _react1.safePolygon)({
|
|
240
|
+
requireIntent: false
|
|
241
|
+
}),
|
|
242
|
+
delay: {
|
|
243
|
+
open: delayOpen,
|
|
244
|
+
close: delayClose
|
|
245
|
+
}
|
|
233
246
|
});
|
|
234
247
|
var _useInteractions = (0, _react1.useInteractions)([
|
|
235
248
|
dismiss,
|
|
@@ -240,22 +253,24 @@ var popoverRoot = function(Root) {
|
|
|
240
253
|
var commonRef = (0, _utils.mergeRefs)(outerRootRef, refs.setFloating);
|
|
241
254
|
return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_Popoverstyles.Target, _object_spread({
|
|
242
255
|
ref: refs.setReference
|
|
243
|
-
}, getReferenceProps()), target), opened && /*#__PURE__*/ _react.default.createElement(_react1.FloatingFocusManager, {
|
|
256
|
+
}, getReferenceProps()), target), opened && /*#__PURE__*/ _react.default.createElement(_react1.FloatingPortal, null, /*#__PURE__*/ _react.default.createElement(_react1.FloatingFocusManager, {
|
|
244
257
|
context: context,
|
|
245
258
|
modal: false
|
|
246
259
|
}, /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
|
|
247
260
|
ref: commonRef,
|
|
248
261
|
target: target,
|
|
249
262
|
className: className,
|
|
250
|
-
style: _object_spread({
|
|
251
|
-
|
|
263
|
+
style: _object_spread({
|
|
264
|
+
zIndex: zIndex
|
|
265
|
+
}, style, floatingStyles)
|
|
266
|
+
}, getFloatingProps(), rest), outerArrow && /*#__PURE__*/ _react.default.createElement(_react1.FloatingArrow, {
|
|
252
267
|
ref: arrowRef,
|
|
253
268
|
context: context,
|
|
254
|
-
width:
|
|
255
|
-
height:
|
|
269
|
+
width: ARROW_WIDTH,
|
|
270
|
+
height: ARROW_HEIGHT,
|
|
256
271
|
fill: "var(".concat(_Popovertokens.tokens.backgroundColor, ")"),
|
|
257
|
-
d:
|
|
258
|
-
}), children)));
|
|
272
|
+
d: ARROW_POLYGON
|
|
273
|
+
}), children))));
|
|
259
274
|
});
|
|
260
275
|
};
|
|
261
276
|
var popoverConfig = {
|
|
@@ -100,7 +100,7 @@ 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";
|
|
@@ -111,27 +111,29 @@ export var viewCSS = css([
|
|
|
111
111
|
export var sizeCSS = css([
|
|
112
112
|
""
|
|
113
113
|
]);
|
|
114
|
+
var ARROW_WIDTH = 20;
|
|
115
|
+
var ARROW_HEIGHT = 8;
|
|
116
|
+
var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
|
|
114
117
|
export var popoverRoot = function(Root) {
|
|
115
118
|
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, [
|
|
119
|
+
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
120
|
"children",
|
|
121
121
|
"target",
|
|
122
122
|
"opened",
|
|
123
123
|
"defaultOpened",
|
|
124
124
|
"trigger",
|
|
125
125
|
"placement",
|
|
126
|
+
"arrow",
|
|
126
127
|
"flip",
|
|
128
|
+
"shift",
|
|
127
129
|
"offset",
|
|
128
|
-
"
|
|
129
|
-
"closeOnOverlayClick",
|
|
130
|
+
"outsideClick",
|
|
130
131
|
"resizable",
|
|
131
132
|
"onResizeStart",
|
|
132
133
|
"onResizeEnd",
|
|
133
134
|
"onToggle",
|
|
134
|
-
"
|
|
135
|
+
"delayOpen",
|
|
136
|
+
"delayClose",
|
|
135
137
|
"zIndex",
|
|
136
138
|
"className",
|
|
137
139
|
"style"
|
|
@@ -146,25 +148,36 @@ export var popoverRoot = function(Root) {
|
|
|
146
148
|
}
|
|
147
149
|
};
|
|
148
150
|
var _useFloating = useFloating({
|
|
151
|
+
whileElementsMounted: autoUpdate,
|
|
149
152
|
placement: placement,
|
|
150
153
|
open: opened,
|
|
151
154
|
onOpenChange: handleToggle,
|
|
152
155
|
middleware: [
|
|
153
|
-
|
|
156
|
+
outsideShift && shift(),
|
|
157
|
+
outsideFlip && flip(),
|
|
158
|
+
outerArrow && arrow({
|
|
154
159
|
element: arrowRef
|
|
155
160
|
}),
|
|
156
|
-
offset(
|
|
161
|
+
offset((outerArrow ? ARROW_HEIGHT : 0) + outerOffset)
|
|
157
162
|
]
|
|
158
163
|
}), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
|
|
159
164
|
var click = useClick(context, {
|
|
160
165
|
enabled: trigger === 'click'
|
|
161
166
|
});
|
|
162
167
|
var dismiss = useDismiss(context, {
|
|
163
|
-
enabled:
|
|
168
|
+
enabled: true,
|
|
169
|
+
outsidePress: outsideClick
|
|
164
170
|
});
|
|
165
171
|
var role = useRole(context);
|
|
166
172
|
var hover = useHover(context, {
|
|
167
|
-
enabled: trigger === 'hover'
|
|
173
|
+
enabled: trigger === 'hover',
|
|
174
|
+
handleClose: safePolygon({
|
|
175
|
+
requireIntent: false
|
|
176
|
+
}),
|
|
177
|
+
delay: {
|
|
178
|
+
open: delayOpen,
|
|
179
|
+
close: delayClose
|
|
180
|
+
}
|
|
168
181
|
});
|
|
169
182
|
var _useInteractions = useInteractions([
|
|
170
183
|
dismiss,
|
|
@@ -175,22 +188,24 @@ export var popoverRoot = function(Root) {
|
|
|
175
188
|
var commonRef = mergeRefs(outerRootRef, refs.setFloating);
|
|
176
189
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Target, _object_spread({
|
|
177
190
|
ref: refs.setReference
|
|
178
|
-
}, getReferenceProps()), target), opened && /*#__PURE__*/ React.createElement(FloatingFocusManager, {
|
|
191
|
+
}, getReferenceProps()), target), opened && /*#__PURE__*/ React.createElement(FloatingPortal, null, /*#__PURE__*/ React.createElement(FloatingFocusManager, {
|
|
179
192
|
context: context,
|
|
180
193
|
modal: false
|
|
181
194
|
}, /*#__PURE__*/ React.createElement(Root, _object_spread({
|
|
182
195
|
ref: commonRef,
|
|
183
196
|
target: target,
|
|
184
197
|
className: className,
|
|
185
|
-
style: _object_spread({
|
|
186
|
-
|
|
198
|
+
style: _object_spread({
|
|
199
|
+
zIndex: zIndex
|
|
200
|
+
}, style, floatingStyles)
|
|
201
|
+
}, getFloatingProps(), rest), outerArrow && /*#__PURE__*/ React.createElement(FloatingArrow, {
|
|
187
202
|
ref: arrowRef,
|
|
188
203
|
context: context,
|
|
189
|
-
width:
|
|
190
|
-
height:
|
|
204
|
+
width: ARROW_WIDTH,
|
|
205
|
+
height: ARROW_HEIGHT,
|
|
191
206
|
fill: "var(".concat(tokens.backgroundColor, ")"),
|
|
192
|
-
d:
|
|
193
|
-
}), children)));
|
|
207
|
+
d: ARROW_POLYGON
|
|
208
|
+
}), children))));
|
|
194
209
|
});
|
|
195
210
|
};
|
|
196
211
|
export var popoverConfig = {
|
|
@@ -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;AAEpD,eAAO,MAAM,OAAO,0CAAQ,CAAC;AAC7B,eAAO,MAAM,OAAO,0CAAQ,CAAC;AAM7B,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,25 +30,40 @@ 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-режима.
|
|
54
69
|
*/
|
|
@@ -65,11 +80,6 @@ export type BasicPopoverProps = {
|
|
|
65
80
|
* Событие сворачивания/разворачивания всплывающего окна.
|
|
66
81
|
*/
|
|
67
82
|
onToggle?: (isOpen: boolean) => void;
|
|
68
|
-
/**
|
|
69
|
-
* Анимированное появление Popover
|
|
70
|
-
* @default true
|
|
71
|
-
*/
|
|
72
|
-
animated?: boolean;
|
|
73
83
|
/**
|
|
74
84
|
* CSS-свойство z-index всплывающего окна.
|
|
75
85
|
* @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;;OAEG;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"}
|