@salutejs/plasma-new-hope 0.69.0-dev.0 → 0.70.0-canary.1161.8546427267.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Combobox/Combobox.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
- package/cjs/components/Dropdown/Dropdown.css +4 -4
- package/cjs/components/Dropdown/Dropdown.js +0 -1
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +4 -4
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
- package/cjs/components/Popover/Popover.css +4 -4
- package/cjs/components/Popover/Popover.js +7 -18
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popover/Popover.styles.js +1 -1
- package/cjs/components/Popover/Popover.styles.js.map +1 -1
- package/cjs/components/Popover/{Popover.styles_1rk9t6z.css → Popover.styles_1ggb66y.css} +1 -1
- package/cjs/components/Select/Select.css +4 -4
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +23 -0
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +40 -0
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +12 -0
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js +9 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js +9 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +23 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +40 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +12 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js +9 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +9 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +23 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +40 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +12 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +9 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +9 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +23 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +40 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +12 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +9 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +9 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectItem/SelectItem.css +4 -4
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
- package/cjs/index.css +28 -28
- package/cjs/index.js +39 -4
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js +13 -1
- package/cjs/utils/index.js.map +1 -1
- package/cjs/utils/react.js +12 -2
- package/cjs/utils/react.js.map +1 -1
- package/es/components/Combobox/Combobox.css +4 -4
- package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
- package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
- package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
- package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
- package/es/components/Dropdown/Dropdown.css +4 -4
- package/es/components/Dropdown/Dropdown.js +0 -1
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Pagination/Pagination.css +4 -4
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
- package/es/components/Popover/Popover.css +4 -4
- package/es/components/Popover/Popover.js +7 -18
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Popover/Popover.styles.js +1 -1
- package/es/components/Popover/Popover.styles.js.map +1 -1
- package/es/components/Popover/{Popover.styles_1rk9t6z.css → Popover.styles_1ggb66y.css} +1 -1
- package/es/components/Select/Select.css +4 -4
- package/es/components/Select/ui/SelectDivider/SelectDivider.css +23 -0
- package/es/components/Select/ui/SelectDivider/SelectDivider.js +35 -0
- package/es/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +7 -0
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
- package/es/components/Select/ui/SelectDivider/variations/_size/base.js +5 -0
- package/es/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
- package/es/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectDivider/variations/_view/base.js +5 -0
- package/es/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
- package/es/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.css +23 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.js +35 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +7 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
- package/es/components/Select/ui/SelectFooter/variations/_size/base.js +5 -0
- package/es/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
- package/es/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectFooter/variations/_view/base.js +5 -0
- package/es/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
- package/es/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.css +23 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.js +35 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +7 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
- package/es/components/Select/ui/SelectGroup/variations/_size/base.js +5 -0
- package/es/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
- package/es/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectGroup/variations/_view/base.js +5 -0
- package/es/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
- package/es/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.css +23 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.js +35 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +7 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
- package/es/components/Select/ui/SelectHeader/variations/_size/base.js +5 -0
- package/es/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
- package/es/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectHeader/variations/_view/base.js +5 -0
- package/es/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
- package/es/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectItem/SelectItem.css +4 -4
- package/es/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
- package/es/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
- package/es/index.css +28 -28
- package/es/index.js +13 -0
- package/es/index.js.map +1 -1
- package/es/utils/index.js +11 -2
- package/es/utils/index.js.map +1 -1
- package/es/utils/react.js +9 -2
- package/es/utils/react.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Dropdown/Dropdown.js +0 -1
- package/styled-components/cjs/components/Popover/Popover.js +7 -18
- package/styled-components/cjs/components/Popover/Popover.styles.js +1 -1
- package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -7
- package/styled-components/cjs/index.js +22 -0
- package/styled-components/es/components/Dropdown/Dropdown.js +0 -1
- package/styled-components/es/components/Popover/Popover.js +7 -18
- package/styled-components/es/components/Popover/Popover.styles.js +1 -1
- package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -7
- package/styled-components/es/index.js +2 -0
- package/types/components/Combobox/Combobox.styles.d.ts +2 -8
- package/types/components/Combobox/Combobox.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts +1 -7
- package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/types/components/Popover/Popover.d.ts +2 -2
- package/types/components/Popover/Popover.d.ts.map +1 -1
- package/types/components/Popover/Popover.styles.d.ts.map +1 -1
- package/types/components/Popover/Popover.types.d.ts +12 -19
- package/types/components/Popover/Popover.types.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +2 -8
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Popover/Popover.d.ts +1 -7
- package/types/examples/plasma_b2c/components/Popover/Popover.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Popover/Popover.d.ts +1 -7
- package/types/examples/plasma_web/components/Popover/Popover.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Popover/Popover.d.ts +1 -7
- package/types/examples/sds_engineer/components/Popover/Popover.d.ts.map +1 -1
- package/types/index.d.ts +2 -0
- package/types/index.d.ts.map +1 -1
package/cjs/utils/index.js
CHANGED
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
4
|
|
5
5
|
require('react');
|
6
|
-
require('./react.js');
|
6
|
+
var react = require('./react.js');
|
7
7
|
|
8
8
|
var cx = function cx() {
|
9
9
|
for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {
|
@@ -13,6 +13,18 @@ var cx = function cx() {
|
|
13
13
|
return classItem;
|
14
14
|
}).join(' ');
|
15
15
|
};
|
16
|
+
var composableStyle = function composableStyle(s) {
|
17
|
+
var res = '';
|
18
|
+
for (var i = 0; i < Math.max(s.length, arguments.length <= 1 ? 0 : arguments.length - 1); ++i) {
|
19
|
+
var _s$i, _ref;
|
20
|
+
res += (_s$i = s[i]) !== null && _s$i !== void 0 ? _s$i : '';
|
21
|
+
res += (_ref = i + 1 < 1 || arguments.length <= i + 1 ? undefined : arguments[i + 1]) !== null && _ref !== void 0 ? _ref : '';
|
22
|
+
}
|
23
|
+
return res;
|
24
|
+
};
|
16
25
|
|
26
|
+
exports.IS_REACT_18 = react.IS_REACT_18;
|
27
|
+
exports.safeUseId = react.safeUseId;
|
28
|
+
exports.composableStyle = composableStyle;
|
17
29
|
exports.cx = cx;
|
18
30
|
//# sourceMappingURL=index.js.map
|
package/cjs/utils/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join"],"mappings":";;;;;;;AAOaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;;;;;AAOaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;;;;"}
|
package/cjs/utils/react.js
CHANGED
@@ -1,7 +1,17 @@
|
|
1
1
|
'use strict';
|
2
2
|
|
3
|
-
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var React = require('react');
|
4
6
|
var ReactDOM = require('react-dom');
|
7
|
+
var useUniqId = require('../hooks/useUniqId.js');
|
8
|
+
|
9
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
10
|
+
var _ref = React,
|
11
|
+
useId = _ref.useId;
|
12
|
+
var IS_REACT_18 = ReactDOM.version.split('.')[0] === '18';
|
13
|
+
var safeUseId = !IS_REACT_18 ? useUniqId.useUniqId : useId;
|
5
14
|
|
6
|
-
|
15
|
+
exports.IS_REACT_18 = IS_REACT_18;
|
16
|
+
exports.safeUseId = safeUseId;
|
7
17
|
//# sourceMappingURL=react.js.map
|
package/cjs/utils/react.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"react.js","sources":["../../src/utils/react.ts"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\n// NOTE: для next.js важно, чтобы путь до хука был полный, т.к. есть проблемы с ре-экспортом\nimport { useUniqId } from '../hooks/useUniqId';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst { useId } = React as any;\n\nexport const IS_REACT_18 = ReactDOM.version.split('.')[0] === '18';\n\nexport const safeUseId: () => string = !IS_REACT_18 ? useUniqId : useId;\n"],"names":["ReactDOM","version","split"],"mappings":"
|
1
|
+
{"version":3,"file":"react.js","sources":["../../src/utils/react.ts"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\n// NOTE: для next.js важно, чтобы путь до хука был полный, т.к. есть проблемы с ре-экспортом\nimport { useUniqId } from '../hooks/useUniqId';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst { useId } = React as any;\n\nexport const IS_REACT_18 = ReactDOM.version.split('.')[0] === '18';\n\nexport const safeUseId: () => string = !IS_REACT_18 ? useUniqId : useId;\n"],"names":["_ref","React","useId","IS_REACT_18","ReactDOM","version","split","safeUseId","useUniqId"],"mappings":";;;;;;;;AAMA;AACA,IAAAA,IAAA,GAAkBC,KAAK;EAAfC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;IAEAC,WAAW,GAAGC,QAAQ,CAACC,OAAO,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,KAAI;AAE3D,IAAMC,SAAuB,GAAG,CAACJ,WAAW,GAAGK,mBAAS,GAAGN;;;;;"}
|
@@ -54,10 +54,10 @@
|
|
54
54
|
.ComboboxTarget_styles_1htd0dz_s1camohz__b9994d5a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-combobox-chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
55
55
|
.ComboboxTarget_styles_1htd0dz_s16upk0a__b9994d5a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%;height:auto;color:var(--plasma-combobox-target-label-color);font-family:var(--plasma-combobox-target-font-family);font-size:var(--plasma-combobox-target-font-size);font-style:var(--plasma-combobox-target-font-style);font-weight:var(--plasma-combobox-target-font-weight);-webkit-letter-spacing:var(--plasma-combobox-target-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-target-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-target-letter-spacing);letter-spacing:var(--plasma-combobox-target-letter-spacing);line-height:var(--plasma-combobox-target-line-height);}
|
56
56
|
|
57
|
-
|
58
|
-
.
|
59
|
-
.
|
60
|
-
.
|
57
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
58
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
59
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
60
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
61
61
|
|
62
62
|
.Combobox_styles_17ei5vn_sd7salz__d66683e5{width:100%;position:relative;}
|
63
63
|
.Combobox_styles_17ei5vn_s1tp4xgb__d66683e5{box-sizing:border-box;background:var(--plasma-combobox-background);box-shadow:var(--plasma-combobox-box-shadow);border-radius:var(--plasma-combobox-border-radius);width:var(--plasma-combobox-width);height:var(--plasma-combobox-height);padding:var(--plasma-combobox-padding-top) var(--plasma-combobox-padding-right) var(--plasma-combobox-padding-bottom) var(--plasma-combobox-padding-left);}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
4
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
5
|
|
6
6
|
.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
|
7
7
|
.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
4
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
5
|
|
6
6
|
.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
|
7
7
|
.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
4
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
5
|
|
6
6
|
.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
|
7
7
|
.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
4
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
5
|
|
6
6
|
.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
|
7
7
|
.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
4
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
5
|
|
6
6
|
.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
|
7
7
|
.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
4
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
5
|
|
6
6
|
.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
|
7
7
|
.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
|
@@ -61,7 +61,6 @@ var dropdownRoot = function dropdownRoot(Root) {
|
|
61
61
|
placement: getPlacements(placement),
|
62
62
|
trigger: trigger,
|
63
63
|
closeOnOverlayClick: closeOnOverlayClick,
|
64
|
-
closeOnBeyondTargetHover: false,
|
65
64
|
closeOnEsc: closeOnEsc,
|
66
65
|
isFocusTrapped: isFocusTrapped,
|
67
66
|
frame: frame
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useFocusTrap, useForkRef, useUniqId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledDropdown, StyledPopover } from './Dropdown.styles';\nimport { getPlacements } from './utils';\nimport type { DropdownProps } from './Dropdown.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n forwardRef<HTMLDivElement, DropdownProps>(\n (\n {\n id,\n target,\n children,\n hasArrow,\n role,\n view,\n size,\n frame,\n onToggle,\n isFocusTrapped = true,\n isOpen = false,\n placement = 'auto',\n trigger = 'click',\n offset = [0, 6],\n preventOverflow = false,\n closeOnOverlayClick = false,\n closeOnEsc = false,\n ...rest\n },\n outerRootRef,\n ) => {\n const uniqId = useUniqId();\n const innerId = id || uniqId;\n\n const rootRef = useRef<HTMLDivElement | null>(null);\n const dropdownRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n\n const trapRef = useFocusTrap(isOpen && isFocusTrapped);\n\n const dropdownForkRef = useForkRef<HTMLDivElement>(dropdownRef, trapRef);\n\n return (\n <StyledPopover\n role={role}\n isOpen={isOpen}\n usePortal={false}\n onToggle={(is, event) => onToggle?.(is, event)}\n id={innerId}\n ref={dropdownForkRef}\n target={target}\n offset={offset}\n preventOverflow={preventOverflow}\n hasArrow={hasArrow}\n placement={getPlacements(placement)}\n trigger={trigger}\n closeOnOverlayClick={closeOnOverlayClick}\n
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useFocusTrap, useForkRef, useUniqId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledDropdown, StyledPopover } from './Dropdown.styles';\nimport { getPlacements } from './utils';\nimport type { DropdownProps } from './Dropdown.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n forwardRef<HTMLDivElement, DropdownProps>(\n (\n {\n id,\n target,\n children,\n hasArrow,\n role,\n view,\n size,\n frame,\n onToggle,\n isFocusTrapped = true,\n isOpen = false,\n placement = 'auto',\n trigger = 'click',\n offset = [0, 6],\n preventOverflow = false,\n closeOnOverlayClick = false,\n closeOnEsc = false,\n ...rest\n },\n outerRootRef,\n ) => {\n const uniqId = useUniqId();\n const innerId = id || uniqId;\n\n const rootRef = useRef<HTMLDivElement | null>(null);\n const dropdownRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n\n const trapRef = useFocusTrap(isOpen && isFocusTrapped);\n\n const dropdownForkRef = useForkRef<HTMLDivElement>(dropdownRef, trapRef);\n\n return (\n <StyledPopover\n role={role}\n isOpen={isOpen}\n usePortal={false}\n onToggle={(is, event) => onToggle?.(is, event)}\n id={innerId}\n ref={dropdownForkRef}\n target={target}\n offset={offset}\n preventOverflow={preventOverflow}\n hasArrow={hasArrow}\n placement={getPlacements(placement)}\n trigger={trigger}\n closeOnOverlayClick={closeOnOverlayClick}\n closeOnEsc={closeOnEsc}\n isFocusTrapped={isFocusTrapped}\n frame={frame}\n >\n <Root ref={handleRef} view={view} size={size} {...rest}>\n <StyledDropdown>{children}</StyledDropdown>\n </Root>\n </StyledPopover>\n );\n },\n );\n\nexport const dropdownConfig = {\n name: 'Dropdown',\n tag: 'div',\n layout: dropdownRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","outerRootRef","id","target","children","hasArrow","role","view","size","frame","onToggle","_ref$isFocusTrapped","isFocusTrapped","_ref$isOpen","isOpen","_ref$placement","placement","_ref$trigger","trigger","_ref$offset","offset","_ref$preventOverflow","preventOverflow","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","rest","_objectWithoutProperties","_excluded","uniqId","useUniqId","innerId","rootRef","useRef","dropdownRef","handleRef","useForkRef","trapRef","useFocusTrap","dropdownForkRef","React","createElement","StyledPopover","usePortal","is","event","ref","getPlacements","_extends","StyledDropdown","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;AAWA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACvEC,UAAU,CACN,UAAAC,IAAA,EAqBIC,YAAY,EACX;AAAA,IAAA,IApBGC,EAAE,GAAAF,IAAA,CAAFE,EAAE;MACFC,MAAM,GAAAH,IAAA,CAANG,MAAM;MACNC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;MACRC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;MACRC,IAAI,GAAAN,IAAA,CAAJM,IAAI;MACJC,IAAI,GAAAP,IAAA,CAAJO,IAAI;MACJC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;MACJC,KAAK,GAAAT,IAAA,CAALS,KAAK;MACLC,SAAQ,GAAAV,IAAA,CAARU,QAAQ;MAAAC,mBAAA,GAAAX,IAAA,CACRY,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;MAAAE,WAAA,GAAAb,IAAA,CACrBc,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;MAAAE,cAAA,GAAAf,IAAA,CACdgB,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,cAAA;MAAAE,YAAA,GAAAjB,IAAA,CAClBkB,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,YAAA;MAAAE,WAAA,GAAAnB,IAAA,CACjBoB,MAAM;MAANA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,CAAC,CAAC,EAAE,CAAC,CAAC,GAAAA,WAAA;MAAAE,oBAAA,GAAArB,IAAA,CACfsB,eAAe;AAAfA,MAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA;MAAAE,qBAAA,GAAAvB,IAAA,CACvBwB,mBAAmB;AAAnBA,MAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MAAAE,eAAA,GAAAzB,IAAA,CAC3B0B,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;AACfE,MAAAA,IAAI,GAAAC,wBAAA,CAAA5B,IAAA,EAAA6B,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,OAAO,GAAG9B,EAAE,IAAI4B,MAAM,CAAA;AAE5B,IAAA,IAAMG,OAAO,GAAGC,MAAM,CAAwB,IAAI,CAAC,CAAA;AACnD,IAAA,IAAMC,WAAW,GAAGD,MAAM,CAAwB,IAAI,CAAC,CAAA;AACvD,IAAA,IAAME,SAAS,GAAGC,UAAU,CAAiBJ,OAAO,EAAEhC,YAAY,CAAC,CAAA;AAEnE,IAAA,IAAMqC,OAAO,GAAGC,YAAY,CAACzB,MAAM,IAAIF,cAAc,CAAC,CAAA;AAEtD,IAAA,IAAM4B,eAAe,GAAGH,UAAU,CAAiBF,WAAW,EAAEG,OAAO,CAAC,CAAA;AAExE,IAAA,oBACIG,KAAA,CAAAC,aAAA,CAACC,aAAa,EAAA;AACVrC,MAAAA,IAAI,EAAEA,IAAK;AACXQ,MAAAA,MAAM,EAAEA,MAAO;AACf8B,MAAAA,SAAS,EAAE,KAAM;AACjBlC,MAAAA,QAAQ,EAAE,SAAAA,QAACmC,CAAAA,EAAE,EAAEC,KAAK,EAAA;QAAA,OAAKpC,SAAQ,aAARA,SAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,SAAQ,CAAGmC,EAAE,EAAEC,KAAK,CAAC,CAAA;OAAC;AAC/C5C,MAAAA,EAAE,EAAE8B,OAAQ;AACZe,MAAAA,GAAG,EAAEP,eAAgB;AACrBrC,MAAAA,MAAM,EAAEA,MAAO;AACfiB,MAAAA,MAAM,EAAEA,MAAO;AACfE,MAAAA,eAAe,EAAEA,eAAgB;AACjCjB,MAAAA,QAAQ,EAAEA,QAAS;AACnBW,MAAAA,SAAS,EAAEgC,aAAa,CAAChC,SAAS,CAAE;AACpCE,MAAAA,OAAO,EAAEA,OAAQ;AACjBM,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCE,MAAAA,UAAU,EAAEA,UAAW;AACvBd,MAAAA,cAAc,EAAEA,cAAe;AAC/BH,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,eAEbgC,KAAA,CAAAC,aAAA,CAAC5C,IAAI,EAAAmD,QAAA,CAAA;AAACF,MAAAA,GAAG,EAAEX,SAAU;AAAC7B,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAAA;KAAUmB,EAAAA,IAAI,CAClDc,eAAAA,KAAA,CAAAC,aAAA,CAACQ,cAAc,EAAE9C,IAAAA,EAAAA,QAAyB,CACxC,CACK,CAAC,CAAA;AAExB,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM+C,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEzD,YAAY;AACpB0D,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRjD,IAAAA,IAAI,EAAE;AACFkD,MAAAA,GAAG,EAAEC,IAAAA;KACR;AACDlD,IAAAA,IAAI,EAAE;AACFiD,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrD,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
|
@@ -55,10 +55,10 @@
|
|
55
55
|
|
56
56
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
57
57
|
|
58
|
-
|
59
|
-
.
|
60
|
-
.
|
61
|
-
.
|
58
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
59
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
60
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
61
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
62
62
|
|
63
63
|
.Select_styles_ls547o_spxbau6__1b68d3c1{width:100%;position:relative;}.Select_styles_ls547o_spxbau6__1b68d3c1 .Select_styles_ls547o_nativeSelectVisible__1b68d3c1{display:block;}
|
64
64
|
.Select_styles_ls547o_s1yey2x3__1b68d3c1{box-sizing:border-box;overflow-y:auto;background:var(--plasma-select-background);box-shadow:var(--plasma-select-box-shadow);border-radius:var(--plasma-select-border-radius);width:var(--plasma-select-width);height:var(--plasma-select-height);padding:var(--plasma-select-padding-top) var(--plasma-select-padding-right) var(--plasma-select-padding-bottom) var(--plasma-select-padding-left);}
|
@@ -1,9 +1,9 @@
|
|
1
1
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
2
2
|
|
3
|
-
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.
|
3
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
4
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
5
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
6
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
7
7
|
|
8
8
|
.Select_styles_ls547o_spxbau6__1b68d3c1{width:100%;position:relative;}.Select_styles_ls547o_spxbau6__1b68d3c1 .Select_styles_ls547o_nativeSelectVisible__1b68d3c1{display:block;}
|
9
9
|
.Select_styles_ls547o_s1yey2x3__1b68d3c1{box-sizing:border-box;overflow-y:auto;background:var(--plasma-select-background);box-shadow:var(--plasma-select-box-shadow);border-radius:var(--plasma-select-border-radius);width:var(--plasma-select-width);height:var(--plasma-select-height);padding:var(--plasma-select-padding-top) var(--plasma-select-padding-right) var(--plasma-select-padding-bottom) var(--plasma-select-padding-left);}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
4
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
@@ -44,14 +44,6 @@ var popoverRoot = function popoverRoot(Root) {
|
|
44
44
|
view = props.view,
|
45
45
|
onToggle = props.onToggle,
|
46
46
|
rest = _objectWithoutProperties(props, _excluded);
|
47
|
-
var closeOnOverlayClick = true;
|
48
|
-
var closeOnBeyondTargetHover = true;
|
49
|
-
if (props.trigger === 'click' && props.closeOnOverlayClick === false) {
|
50
|
-
closeOnOverlayClick = false;
|
51
|
-
}
|
52
|
-
if (props.trigger === 'hover' && props.closeOnBeyondTargetHover === false) {
|
53
|
-
closeOnBeyondTargetHover = false;
|
54
|
-
}
|
55
47
|
var rootRef = useRef(null);
|
56
48
|
var popoverRef = useRef(null);
|
57
49
|
var handleRef = useForkRef(rootRef, outerRootRef);
|
@@ -107,7 +99,7 @@ var popoverRoot = function popoverRoot(Root) {
|
|
107
99
|
}
|
108
100
|
}, [closeOnEsc, isOpen, onToggle]);
|
109
101
|
var onDocumentClick = useCallback(function (event) {
|
110
|
-
if (isOpen && closeOnOverlayClick && onToggle) {
|
102
|
+
if (isOpen && props.closeOnOverlayClick && onToggle) {
|
111
103
|
var _rootRef$current;
|
112
104
|
var targetIsRoot = event.target === rootRef.current;
|
113
105
|
var rootHasTarget = (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.contains(event.target);
|
@@ -115,7 +107,7 @@ var popoverRoot = function popoverRoot(Root) {
|
|
115
107
|
onToggle(false, event);
|
116
108
|
}
|
117
109
|
}
|
118
|
-
}, [closeOnOverlayClick, isOpen, onToggle]);
|
110
|
+
}, [props.closeOnOverlayClick, isOpen, onToggle]);
|
119
111
|
var onClick = useCallback(function (event) {
|
120
112
|
if (trigger === 'click') {
|
121
113
|
var _popoverRef$current;
|
@@ -151,7 +143,7 @@ var popoverRoot = function popoverRoot(Root) {
|
|
151
143
|
return function () {
|
152
144
|
return document.removeEventListener('click', onDocumentClick);
|
153
145
|
};
|
154
|
-
}, [
|
146
|
+
}, [isOpen, onToggle]);
|
155
147
|
useEffect(function () {
|
156
148
|
window.addEventListener('keydown', onEscape);
|
157
149
|
return function () {
|
@@ -198,22 +190,19 @@ var popoverRoot = function popoverRoot(Root) {
|
|
198
190
|
Promise.resolve().then(forceUpdate);
|
199
191
|
}, [isOpen, children, forceUpdate]);
|
200
192
|
return /*#__PURE__*/React.createElement(StyledWrapper, {
|
201
|
-
className: classes.wrapper
|
193
|
+
className: classes.wrapper,
|
194
|
+
onMouseEnter: onMouseEnter,
|
195
|
+
onMouseLeave: onMouseLeave
|
202
196
|
}, /*#__PURE__*/React.createElement(StyledRoot, {
|
203
197
|
ref: handleRef,
|
204
198
|
onClick: onClick,
|
205
|
-
onMouseEnter: onMouseEnter,
|
206
|
-
onMouseLeave: onMouseLeave,
|
207
199
|
onFocus: onFocus,
|
208
200
|
onBlur: onBlur,
|
209
201
|
className: cx(className, classes.target)
|
210
202
|
}, target), children && portalRef.current && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Root, _extends({
|
211
203
|
view: view,
|
212
204
|
className: className
|
213
|
-
}, rest, {
|
214
|
-
onMouseEnter: closeOnBeyondTargetHover ? undefined : onMouseEnter,
|
215
|
-
onMouseLeave: closeOnBeyondTargetHover ? undefined : onMouseEnter
|
216
|
-
}), /*#__PURE__*/React.createElement(StyledPopover, _extends({}, attributes.popper, {
|
205
|
+
}, rest), /*#__PURE__*/React.createElement(StyledPopover, _extends({}, attributes.popper, {
|
217
206
|
className: classes.root,
|
218
207
|
ref: popoverForkRef,
|
219
208
|
style: _objectSpread2(_objectSpread2(_objectSpread2({}, styles.popper), {
|