@salutejs/plasma-new-hope 0.70.0-canary.1161.8546427267.0 → 0.70.0-canary.1165.8550885460.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 +1 -0
- 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 +18 -7
- 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_1ggb66y.css → Popover.styles_1rk9t6z.css} +1 -1
- package/cjs/components/Select/Select.css +4 -4
- package/cjs/components/Select/ui/SelectItem/SelectItem.css +4 -4
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.js +1 -2
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
- package/cjs/index.css +28 -28
- package/cjs/index.js +4 -39
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js +1 -13
- package/cjs/utils/index.js.map +1 -1
- package/cjs/utils/react.js +2 -12
- 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 +1 -0
- 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 +18 -7
- 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_1ggb66y.css → Popover.styles_1rk9t6z.css} +1 -1
- package/es/components/Select/Select.css +4 -4
- package/es/components/Select/ui/SelectItem/SelectItem.css +4 -4
- package/es/components/Select/ui/SelectTarget/SelectTarget.js +1 -2
- package/es/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
- package/es/index.css +28 -28
- package/es/index.js +0 -13
- package/es/index.js.map +1 -1
- package/es/utils/index.js +2 -11
- package/es/utils/index.js.map +1 -1
- package/es/utils/react.js +2 -9
- package/es/utils/react.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Dropdown/Dropdown.js +1 -0
- package/styled-components/cjs/components/Popover/Popover.js +18 -7
- package/styled-components/cjs/components/Popover/Popover.styles.js +1 -1
- package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.js +1 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +7 -0
- package/styled-components/cjs/index.js +0 -22
- package/styled-components/es/components/Dropdown/Dropdown.js +1 -0
- package/styled-components/es/components/Popover/Popover.js +18 -7
- package/styled-components/es/components/Popover/Popover.styles.js +1 -1
- package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.js +1 -2
- package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +7 -0
- package/styled-components/es/index.js +0 -2
- package/types/components/Combobox/Combobox.styles.d.ts +8 -2
- 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 +7 -1
- 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 +19 -12
- package/types/components/Popover/Popover.types.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +8 -2
- 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 +7 -1
- package/types/examples/plasma_b2c/components/Popover/Popover.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Popover/Popover.d.ts +7 -1
- package/types/examples/plasma_web/components/Popover/Popover.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Popover/Popover.d.ts +7 -1
- package/types/examples/sds_engineer/components/Popover/Popover.d.ts.map +1 -1
- package/types/index.d.ts +0 -2
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +0 -23
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +0 -40
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.js.map +0 -1
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -12
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +0 -1
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +0 -23
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +0 -40
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.js.map +0 -1
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -12
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +0 -1
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +0 -23
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +0 -40
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.js.map +0 -1
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -12
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +0 -1
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +0 -23
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +0 -40
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.js.map +0 -1
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -12
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +0 -1
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectDivider/SelectDivider.css +0 -23
- package/es/components/Select/ui/SelectDivider/SelectDivider.js +0 -35
- package/es/components/Select/ui/SelectDivider/SelectDivider.js.map +0 -1
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -7
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +0 -1
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +0 -1
- package/es/components/Select/ui/SelectDivider/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectDivider/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectDivider/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectDivider/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectFooter/SelectFooter.css +0 -23
- package/es/components/Select/ui/SelectFooter/SelectFooter.js +0 -35
- package/es/components/Select/ui/SelectFooter/SelectFooter.js.map +0 -1
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -7
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +0 -1
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +0 -1
- package/es/components/Select/ui/SelectFooter/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectFooter/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectFooter/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectFooter/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectGroup/SelectGroup.css +0 -23
- package/es/components/Select/ui/SelectGroup/SelectGroup.js +0 -35
- package/es/components/Select/ui/SelectGroup/SelectGroup.js.map +0 -1
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -7
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +0 -1
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +0 -1
- package/es/components/Select/ui/SelectGroup/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectGroup/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectGroup/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectGroup/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectHeader/SelectHeader.css +0 -23
- package/es/components/Select/ui/SelectHeader/SelectHeader.js +0 -35
- package/es/components/Select/ui/SelectHeader/SelectHeader.js.map +0 -1
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -7
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +0 -1
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +0 -1
- package/es/components/Select/ui/SelectHeader/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectHeader/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectHeader/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectHeader/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +0 -1
|
@@ -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
|
+
|
|
58
|
+
.Popover_styles_1rk9t6z_s12xwbyh__96f55a53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
59
|
+
.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53::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_1rk9t6z_s16xlixz__96f55a53{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::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
|
+
|
|
2
|
+
.Popover_styles_1rk9t6z_s12xwbyh__96f55a53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
3
|
+
.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53::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_1rk9t6z_s16xlixz__96f55a53{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::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
|
+
|
|
2
|
+
.Popover_styles_1rk9t6z_s12xwbyh__96f55a53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
3
|
+
.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53::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_1rk9t6z_s16xlixz__96f55a53{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::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
|
+
|
|
2
|
+
.Popover_styles_1rk9t6z_s12xwbyh__96f55a53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
3
|
+
.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53::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_1rk9t6z_s16xlixz__96f55a53{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::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
|
+
|
|
2
|
+
.Popover_styles_1rk9t6z_s12xwbyh__96f55a53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
3
|
+
.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53::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_1rk9t6z_s16xlixz__96f55a53{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::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
|
+
|
|
2
|
+
.Popover_styles_1rk9t6z_s12xwbyh__96f55a53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
3
|
+
.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53::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_1rk9t6z_s16xlixz__96f55a53{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::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
|
+
|
|
2
|
+
.Popover_styles_1rk9t6z_s12xwbyh__96f55a53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
3
|
+
.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53::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_1rk9t6z_s16xlixz__96f55a53{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::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,6 +61,7 @@ var dropdownRoot = function dropdownRoot(Root) {
|
|
|
61
61
|
placement: getPlacements(placement),
|
|
62
62
|
trigger: trigger,
|
|
63
63
|
closeOnOverlayClick: closeOnOverlayClick,
|
|
64
|
+
closeOnBeyondTargetHover: false,
|
|
64
65
|
closeOnEsc: closeOnEsc,
|
|
65
66
|
isFocusTrapped: isFocusTrapped,
|
|
66
67
|
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 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":"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
|
|
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 closeOnBeyondTargetHover={false}\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","closeOnBeyondTargetHover","_extends","StyledDropdown","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
|
@@ -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
|
+
|
|
59
|
+
.Popover_styles_1rk9t6z_s12xwbyh__96f55a53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
60
|
+
.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53::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_1rk9t6z_s16xlixz__96f55a53{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::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
|
+
|
|
4
|
+
.Popover_styles_1rk9t6z_s12xwbyh__96f55a53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
5
|
+
.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53::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_1rk9t6z_s16xlixz__96f55a53{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::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
|
+
|
|
2
|
+
.Popover_styles_1rk9t6z_s12xwbyh__96f55a53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
3
|
+
.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53::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_1rk9t6z_s16xlixz__96f55a53{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{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_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
|
@@ -44,6 +44,14 @@ 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
|
+
}
|
|
47
55
|
var rootRef = useRef(null);
|
|
48
56
|
var popoverRef = useRef(null);
|
|
49
57
|
var handleRef = useForkRef(rootRef, outerRootRef);
|
|
@@ -99,7 +107,7 @@ var popoverRoot = function popoverRoot(Root) {
|
|
|
99
107
|
}
|
|
100
108
|
}, [closeOnEsc, isOpen, onToggle]);
|
|
101
109
|
var onDocumentClick = useCallback(function (event) {
|
|
102
|
-
if (isOpen &&
|
|
110
|
+
if (isOpen && closeOnOverlayClick && onToggle) {
|
|
103
111
|
var _rootRef$current;
|
|
104
112
|
var targetIsRoot = event.target === rootRef.current;
|
|
105
113
|
var rootHasTarget = (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.contains(event.target);
|
|
@@ -107,7 +115,7 @@ var popoverRoot = function popoverRoot(Root) {
|
|
|
107
115
|
onToggle(false, event);
|
|
108
116
|
}
|
|
109
117
|
}
|
|
110
|
-
}, [
|
|
118
|
+
}, [closeOnOverlayClick, isOpen, onToggle]);
|
|
111
119
|
var onClick = useCallback(function (event) {
|
|
112
120
|
if (trigger === 'click') {
|
|
113
121
|
var _popoverRef$current;
|
|
@@ -143,7 +151,7 @@ var popoverRoot = function popoverRoot(Root) {
|
|
|
143
151
|
return function () {
|
|
144
152
|
return document.removeEventListener('click', onDocumentClick);
|
|
145
153
|
};
|
|
146
|
-
}, [isOpen, onToggle]);
|
|
154
|
+
}, [closeOnOverlayClick, isOpen, onToggle]);
|
|
147
155
|
useEffect(function () {
|
|
148
156
|
window.addEventListener('keydown', onEscape);
|
|
149
157
|
return function () {
|
|
@@ -190,19 +198,22 @@ var popoverRoot = function popoverRoot(Root) {
|
|
|
190
198
|
Promise.resolve().then(forceUpdate);
|
|
191
199
|
}, [isOpen, children, forceUpdate]);
|
|
192
200
|
return /*#__PURE__*/React.createElement(StyledWrapper, {
|
|
193
|
-
className: classes.wrapper
|
|
194
|
-
onMouseEnter: onMouseEnter,
|
|
195
|
-
onMouseLeave: onMouseLeave
|
|
201
|
+
className: classes.wrapper
|
|
196
202
|
}, /*#__PURE__*/React.createElement(StyledRoot, {
|
|
197
203
|
ref: handleRef,
|
|
198
204
|
onClick: onClick,
|
|
205
|
+
onMouseEnter: onMouseEnter,
|
|
206
|
+
onMouseLeave: onMouseLeave,
|
|
199
207
|
onFocus: onFocus,
|
|
200
208
|
onBlur: onBlur,
|
|
201
209
|
className: cx(className, classes.target)
|
|
202
210
|
}, target), children && portalRef.current && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Root, _extends({
|
|
203
211
|
view: view,
|
|
204
212
|
className: className
|
|
205
|
-
}, rest
|
|
213
|
+
}, rest, {
|
|
214
|
+
onMouseEnter: closeOnBeyondTargetHover ? undefined : onMouseEnter,
|
|
215
|
+
onMouseLeave: closeOnBeyondTargetHover ? undefined : onMouseEnter
|
|
216
|
+
}), /*#__PURE__*/React.createElement(StyledPopover, _extends({}, attributes.popper, {
|
|
206
217
|
className: classes.root,
|
|
207
218
|
ref: popoverForkRef,
|
|
208
219
|
style: _objectSpread2(_objectSpread2(_objectSpread2({}, styles.popper), {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useRef, useCallback, useEffect, useState, forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport ReactDOM from 'react-dom';\nimport { usePopper } from 'react-popper';\nimport { useFocusTrap, useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport type { PopoverPlacement, PopoverProps } from './Popover.types';\nimport { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from './Popover.styles';\nimport { classes } from './Popover.tokens';\n\nexport const ESCAPE_KEYCODE = 27;\nexport const POPOVER_PORTAL_ID = 'plasma-popover-root';\n\n/**\n * Всплывающее окно с возможностью позиционирования\n * и вызова по клику либо ховеру.\n */\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, PopoverProps>) =>\n forwardRef<HTMLDivElement, PopoverProps>((props, outerRootRef) => {\n const {\n target,\n children,\n isOpen,\n trigger = 'click',\n hasArrow,\n frame = 'document',\n className,\n placement = 'auto',\n offset = [0, 0],\n zIndex,\n isFocusTrapped = true,\n closeOnEsc = true,\n preventOverflow = true,\n usePortal = false,\n view,\n onToggle,\n ...rest\n } = props;\n\n const rootRef = useRef<HTMLDivElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n const portalRef = useRef<HTMLElement | null>(null);\n\n const trapRef = useFocusTrap(isOpen && isFocusTrapped);\n\n const popoverForkRef = useForkRef<HTMLDivElement>(popoverRef, trapRef);\n\n const [arrowElement, setArrowElement] = useState<HTMLSpanElement | null>(null);\n\n const [, forceRender] = useState(false);\n\n const isAutoArray = Array.isArray(placement);\n const isAuto = isAutoArray || (placement as PopoverPlacement).startsWith('auto');\n\n const initialStyles = {\n visibility: isOpen ? 'visible' : 'hidden',\n opacity: isOpen ? 1 : 0,\n } as CSSProperties;\n\n const { styles, attributes, forceUpdate } = usePopper(rootRef.current, popoverRef.current, {\n // TODO: #1121\n // eslint-disable-next-line no-nested-ternary\n placement: isAutoArray\n ? placement[0]?.endsWith('start')\n ? 'auto-start'\n : 'auto'\n : (placement as PopoverPlacement),\n modifiers: [\n {\n name: 'preventOverflow',\n options: {\n mainAxis: preventOverflow,\n },\n },\n { name: 'offset', options: { offset: [offset[0], offset[1]] } },\n {\n name: 'flip',\n enabled: isAuto,\n options: {\n allowedAutoPlacements: isAutoArray ? (placement as PopoverPlacement[]) : [],\n },\n },\n {\n name: 'arrow',\n options: {\n element: arrowElement,\n },\n },\n ],\n });\n\n const onEscape = useCallback(\n (event: KeyboardEvent) => {\n if (isOpen && closeOnEsc && event.keyCode === ESCAPE_KEYCODE) {\n onToggle?.(false, event);\n }\n },\n [closeOnEsc, isOpen, onToggle],\n );\n\n const onDocumentClick = useCallback(\n (event: MouseEvent) => {\n if (isOpen && props.closeOnOverlayClick && onToggle) {\n const targetIsRoot = event.target === rootRef.current;\n const rootHasTarget = rootRef.current?.contains(event.target as Element);\n\n if (!targetIsRoot && !rootHasTarget) {\n onToggle(false, event);\n }\n }\n },\n [props.closeOnOverlayClick, isOpen, onToggle],\n );\n\n const onClick = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'click') {\n const targetIsPopover = event.target === popoverRef.current;\n const rootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n if (!targetIsPopover && !rootHasTarget) {\n onToggle?.(!isOpen, event);\n }\n }\n },\n [trigger, isOpen, onToggle],\n );\n\n const onMouseEnter = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(true, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onMouseLeave = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(false, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onFocus = useCallback<React.FocusEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(true, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onBlur = useCallback<React.FocusEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(false, event);\n }\n },\n [trigger, onToggle],\n );\n\n useEffect(() => {\n document.addEventListener('click', onDocumentClick);\n return () => document.removeEventListener('click', onDocumentClick);\n }, [isOpen, onToggle]);\n\n useEffect(() => {\n window.addEventListener('keydown', onEscape);\n return () => window.removeEventListener('keydown', onEscape);\n }, [closeOnEsc, isOpen, onToggle]);\n\n useEffect(() => {\n let portal = document.getElementById(POPOVER_PORTAL_ID);\n\n if (typeof frame !== 'string' && frame && frame.current) {\n portal = frame.current;\n }\n\n if (!usePortal) {\n portal = rootRef.current;\n }\n\n if (!portal) {\n portal = document.createElement('div');\n portal.setAttribute('id', POPOVER_PORTAL_ID);\n\n if (typeof frame === 'string' && frame !== 'document') {\n document.getElementById(frame)?.appendChild(portal);\n } else {\n document.body.appendChild(portal);\n }\n }\n\n portalRef.current = portal;\n\n /**\n * Изменение стейта нужно для того, чтобы Popup\n * отобразился после записи DOM элемента в portalRef.current\n */\n forceRender(true);\n }, []);\n\n useEffect(() => {\n if (!isOpen || !forceUpdate) {\n return;\n }\n\n /*\n * INFO: Метод forceUpdate содержит в себе flushSync и приводит\n * к повторному рендеру компонента, который уже находится в процессе рендера.\n * Данный хак, нужен для того, чтобы это поведение избежать и перенаправить\n * вызов метода в очередь микрозадач.\n */\n Promise.resolve().then(forceUpdate);\n }, [isOpen, children, forceUpdate]);\n\n return (\n <StyledWrapper className={classes.wrapper} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>\n <StyledRoot\n ref={handleRef}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n className={cx(className, classes.target)}\n >\n {target}\n </StyledRoot>\n {children &&\n portalRef.current &&\n ReactDOM.createPortal(\n <Root view={view} className={className} {...rest}>\n <StyledPopover\n {...attributes.popper}\n className={classes.root}\n ref={popoverForkRef}\n style={{\n ...styles.popper,\n ...{ display: isOpen ? 'block' : 'none' },\n ...initialStyles,\n }}\n zIndex={zIndex}\n >\n {hasArrow && (\n <StyledArrow\n className={classes.arrow}\n ref={setArrowElement}\n style={styles.arrow}\n {...attributes.arrow}\n />\n )}\n {children}\n </StyledPopover>\n </Root>,\n portalRef.current,\n )}\n </StyledWrapper>\n );\n });\n\nexport const popoverConfig = {\n name: 'Popover',\n tag: 'div',\n layout: popoverRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["ESCAPE_KEYCODE","POPOVER_PORTAL_ID","popoverRoot","Root","forwardRef","props","outerRootRef","_placement$","target","children","isOpen","_props$trigger","trigger","hasArrow","_props$frame","frame","className","_props$placement","placement","_props$offset","offset","zIndex","_props$isFocusTrapped","isFocusTrapped","_props$closeOnEsc","closeOnEsc","_props$preventOverflo","preventOverflow","_props$usePortal","usePortal","view","onToggle","rest","_objectWithoutProperties","_excluded","rootRef","useRef","popoverRef","handleRef","useForkRef","portalRef","trapRef","useFocusTrap","popoverForkRef","_useState","useState","_useState2","_slicedToArray","arrowElement","setArrowElement","_useState3","_useState4","forceRender","isAutoArray","Array","isArray","isAuto","startsWith","initialStyles","visibility","opacity","_usePopper","usePopper","current","endsWith","modifiers","name","options","mainAxis","enabled","allowedAutoPlacements","element","styles","attributes","forceUpdate","onEscape","useCallback","event","keyCode","onDocumentClick","closeOnOverlayClick","_rootRef$current","targetIsRoot","rootHasTarget","contains","onClick","_popoverRef$current","targetIsPopover","onMouseEnter","onMouseLeave","onFocus","onBlur","useEffect","document","addEventListener","removeEventListener","window","portal","getElementById","createElement","setAttribute","_document$getElementB","appendChild","body","Promise","resolve","then","React","StyledWrapper","classes","wrapper","StyledRoot","ref","cx","ReactDOM","createPortal","_extends","StyledPopover","popper","root","style","_objectSpread","display","StyledArrow","arrow","popoverConfig","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useRef, useCallback, useEffect, useState, forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport ReactDOM from 'react-dom';\nimport { usePopper } from 'react-popper';\nimport { useFocusTrap, useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport type { PopoverPlacement, PopoverProps } from './Popover.types';\nimport { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from './Popover.styles';\nimport { classes } from './Popover.tokens';\n\nexport const ESCAPE_KEYCODE = 27;\nexport const POPOVER_PORTAL_ID = 'plasma-popover-root';\n\n/**\n * Всплывающее окно с возможностью позиционирования\n * и вызова по клику либо ховеру.\n */\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, PopoverProps>) =>\n forwardRef<HTMLDivElement, PopoverProps>((props, outerRootRef) => {\n const {\n target,\n children,\n isOpen,\n trigger = 'click',\n hasArrow,\n frame = 'document',\n className,\n placement = 'auto',\n offset = [0, 0],\n zIndex,\n isFocusTrapped = true,\n closeOnEsc = true,\n preventOverflow = true,\n usePortal = false,\n view,\n onToggle,\n ...rest\n } = props;\n\n let closeOnOverlayClick = true;\n let closeOnBeyondTargetHover = true;\n\n if (props.trigger === 'click' && props.closeOnOverlayClick === false) {\n closeOnOverlayClick = false;\n }\n if (props.trigger === 'hover' && props.closeOnBeyondTargetHover === false) {\n closeOnBeyondTargetHover = false;\n }\n\n const rootRef = useRef<HTMLDivElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n const portalRef = useRef<HTMLElement | null>(null);\n\n const trapRef = useFocusTrap(isOpen && isFocusTrapped);\n\n const popoverForkRef = useForkRef<HTMLDivElement>(popoverRef, trapRef);\n\n const [arrowElement, setArrowElement] = useState<HTMLSpanElement | null>(null);\n\n const [, forceRender] = useState(false);\n\n const isAutoArray = Array.isArray(placement);\n const isAuto = isAutoArray || (placement as PopoverPlacement).startsWith('auto');\n\n const initialStyles = {\n visibility: isOpen ? 'visible' : 'hidden',\n opacity: isOpen ? 1 : 0,\n } as CSSProperties;\n\n const { styles, attributes, forceUpdate } = usePopper(rootRef.current, popoverRef.current, {\n // TODO: #1121\n // eslint-disable-next-line no-nested-ternary\n placement: isAutoArray\n ? placement[0]?.endsWith('start')\n ? 'auto-start'\n : 'auto'\n : (placement as PopoverPlacement),\n modifiers: [\n {\n name: 'preventOverflow',\n options: {\n mainAxis: preventOverflow,\n },\n },\n { name: 'offset', options: { offset: [offset[0], offset[1]] } },\n {\n name: 'flip',\n enabled: isAuto,\n options: {\n allowedAutoPlacements: isAutoArray ? (placement as PopoverPlacement[]) : [],\n },\n },\n {\n name: 'arrow',\n options: {\n element: arrowElement,\n },\n },\n ],\n });\n\n const onEscape = useCallback(\n (event: KeyboardEvent) => {\n if (isOpen && closeOnEsc && event.keyCode === ESCAPE_KEYCODE) {\n onToggle?.(false, event);\n }\n },\n [closeOnEsc, isOpen, onToggle],\n );\n\n const onDocumentClick = useCallback(\n (event: MouseEvent) => {\n if (isOpen && closeOnOverlayClick && onToggle) {\n const targetIsRoot = event.target === rootRef.current;\n const rootHasTarget = rootRef.current?.contains(event.target as Element);\n\n if (!targetIsRoot && !rootHasTarget) {\n onToggle(false, event);\n }\n }\n },\n [closeOnOverlayClick, isOpen, onToggle],\n );\n\n const onClick = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'click') {\n const targetIsPopover = event.target === popoverRef.current;\n const rootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n if (!targetIsPopover && !rootHasTarget) {\n onToggle?.(!isOpen, event);\n }\n }\n },\n [trigger, isOpen, onToggle],\n );\n\n const onMouseEnter = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(true, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onMouseLeave = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(false, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onFocus = useCallback<React.FocusEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(true, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onBlur = useCallback<React.FocusEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(false, event);\n }\n },\n [trigger, onToggle],\n );\n\n useEffect(() => {\n document.addEventListener('click', onDocumentClick);\n return () => document.removeEventListener('click', onDocumentClick);\n }, [closeOnOverlayClick, isOpen, onToggle]);\n\n useEffect(() => {\n window.addEventListener('keydown', onEscape);\n return () => window.removeEventListener('keydown', onEscape);\n }, [closeOnEsc, isOpen, onToggle]);\n\n useEffect(() => {\n let portal = document.getElementById(POPOVER_PORTAL_ID);\n\n if (typeof frame !== 'string' && frame && frame.current) {\n portal = frame.current;\n }\n\n if (!usePortal) {\n portal = rootRef.current;\n }\n\n if (!portal) {\n portal = document.createElement('div');\n portal.setAttribute('id', POPOVER_PORTAL_ID);\n\n if (typeof frame === 'string' && frame !== 'document') {\n document.getElementById(frame)?.appendChild(portal);\n } else {\n document.body.appendChild(portal);\n }\n }\n\n portalRef.current = portal;\n\n /**\n * Изменение стейта нужно для того, чтобы Popup\n * отобразился после записи DOM элемента в portalRef.current\n */\n forceRender(true);\n }, []);\n\n useEffect(() => {\n if (!isOpen || !forceUpdate) {\n return;\n }\n\n /*\n * INFO: Метод forceUpdate содержит в себе flushSync и приводит\n * к повторному рендеру компонента, который уже находится в процессе рендера.\n * Данный хак, нужен для того, чтобы это поведение избежать и перенаправить\n * вызов метода в очередь микрозадач.\n */\n Promise.resolve().then(forceUpdate);\n }, [isOpen, children, forceUpdate]);\n\n return (\n <StyledWrapper className={classes.wrapper}>\n <StyledRoot\n ref={handleRef}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onFocus={onFocus}\n onBlur={onBlur}\n className={cx(className, classes.target)}\n >\n {target}\n </StyledRoot>\n {children &&\n portalRef.current &&\n ReactDOM.createPortal(\n <Root\n view={view}\n className={className}\n {...rest}\n onMouseEnter={closeOnBeyondTargetHover ? undefined : onMouseEnter}\n onMouseLeave={closeOnBeyondTargetHover ? undefined : onMouseEnter}\n >\n <StyledPopover\n {...attributes.popper}\n className={classes.root}\n ref={popoverForkRef}\n style={{\n ...styles.popper,\n ...{ display: isOpen ? 'block' : 'none' },\n ...initialStyles,\n }}\n zIndex={zIndex}\n >\n {hasArrow && (\n <StyledArrow\n className={classes.arrow}\n ref={setArrowElement}\n style={styles.arrow}\n {...attributes.arrow}\n />\n )}\n {children}\n </StyledPopover>\n </Root>,\n portalRef.current,\n )}\n </StyledWrapper>\n );\n });\n\nexport const popoverConfig = {\n name: 'Popover',\n tag: 'div',\n layout: popoverRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["ESCAPE_KEYCODE","POPOVER_PORTAL_ID","popoverRoot","Root","forwardRef","props","outerRootRef","_placement$","target","children","isOpen","_props$trigger","trigger","hasArrow","_props$frame","frame","className","_props$placement","placement","_props$offset","offset","zIndex","_props$isFocusTrapped","isFocusTrapped","_props$closeOnEsc","closeOnEsc","_props$preventOverflo","preventOverflow","_props$usePortal","usePortal","view","onToggle","rest","_objectWithoutProperties","_excluded","closeOnOverlayClick","closeOnBeyondTargetHover","rootRef","useRef","popoverRef","handleRef","useForkRef","portalRef","trapRef","useFocusTrap","popoverForkRef","_useState","useState","_useState2","_slicedToArray","arrowElement","setArrowElement","_useState3","_useState4","forceRender","isAutoArray","Array","isArray","isAuto","startsWith","initialStyles","visibility","opacity","_usePopper","usePopper","current","endsWith","modifiers","name","options","mainAxis","enabled","allowedAutoPlacements","element","styles","attributes","forceUpdate","onEscape","useCallback","event","keyCode","onDocumentClick","_rootRef$current","targetIsRoot","rootHasTarget","contains","onClick","_popoverRef$current","targetIsPopover","onMouseEnter","onMouseLeave","onFocus","onBlur","useEffect","document","addEventListener","removeEventListener","window","portal","getElementById","createElement","setAttribute","_document$getElementB","appendChild","body","Promise","resolve","then","React","StyledWrapper","classes","wrapper","StyledRoot","ref","cx","ReactDOM","createPortal","_extends","undefined","StyledPopover","popper","root","style","_objectSpread","display","StyledArrow","arrow","popoverConfig","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
|