@bitrise/bitkit 9.4.0 → 9.5.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.js +8 -1
- package/.husky/commit-msg +4 -0
- package/.nvmrc +1 -1
- package/.stylelintrc +2 -3
- package/CHANGELOG.md +10 -1
- package/bitrise.yml +32 -28
- package/jest.setup.js +2 -1
- package/lib/cjs/ButtonWithDropdown/ButtonWithDropdown.d.ts +6 -3
- package/lib/cjs/ButtonWithDropdown/ButtonWithDropdown.d.ts.map +1 -1
- package/lib/cjs/ButtonWithDropdown/ButtonWithDropdown.js +13 -6
- package/lib/cjs/ButtonWithDropdown/ButtonWithDropdown.js.map +1 -1
- package/lib/cjs/Dropdown/Dropdown.d.ts.map +1 -1
- package/lib/cjs/Dropdown/Dropdown.js +9 -8
- package/lib/cjs/Dropdown/Dropdown.js.map +1 -1
- package/lib/cjs/Dropdown/DropdownMenu.css +1 -1
- package/lib/cjs/Placement/Placement.css +17 -35
- package/lib/cjs/Placement/Placement.d.ts +5 -8
- package/lib/cjs/Placement/Placement.d.ts.map +1 -1
- package/lib/cjs/Placement/Placement.js.map +1 -1
- package/lib/cjs/Placement/PlacementPopper.d.ts +3 -4
- package/lib/cjs/Placement/PlacementPopper.d.ts.map +1 -1
- package/lib/cjs/Placement/PlacementPopper.js +32 -17
- package/lib/cjs/Placement/PlacementPopper.js.map +1 -1
- package/lib/cjs/Tooltip/Tooltip.d.ts +1 -1
- package/lib/cjs/Tooltip/Tooltip.d.ts.map +1 -1
- package/lib/cjs/hooks/useEventListener.d.ts.map +1 -1
- package/lib/cjs/hooks/useEventListener.js +0 -1
- package/lib/cjs/hooks/useEventListener.js.map +1 -1
- package/lib/cjs/tsconfig.tsbuildinfo +1 -1
- package/lib/esn/ButtonWithDropdown/ButtonWithDropdown.d.ts +6 -3
- package/lib/esn/ButtonWithDropdown/ButtonWithDropdown.d.ts.map +1 -1
- package/lib/esn/ButtonWithDropdown/ButtonWithDropdown.js +10 -3
- package/lib/esn/ButtonWithDropdown/ButtonWithDropdown.js.map +1 -1
- package/lib/esn/Dropdown/Dropdown.d.ts.map +1 -1
- package/lib/esn/Dropdown/Dropdown.js +9 -5
- package/lib/esn/Dropdown/Dropdown.js.map +1 -1
- package/lib/esn/Dropdown/DropdownMenu.css +1 -1
- package/lib/esn/Placement/Placement.css +17 -35
- package/lib/esn/Placement/Placement.d.ts +5 -8
- package/lib/esn/Placement/Placement.d.ts.map +1 -1
- package/lib/esn/Placement/Placement.js.map +1 -1
- package/lib/esn/Placement/PlacementPopper.d.ts +3 -4
- package/lib/esn/Placement/PlacementPopper.d.ts.map +1 -1
- package/lib/esn/Placement/PlacementPopper.js +44 -29
- package/lib/esn/Placement/PlacementPopper.js.map +1 -1
- package/lib/esn/Tooltip/Tooltip.d.ts +1 -1
- package/lib/esn/Tooltip/Tooltip.d.ts.map +1 -1
- package/lib/esn/hooks/useEventListener.d.ts.map +1 -1
- package/lib/esn/hooks/useEventListener.js +0 -1
- package/lib/esn/hooks/useEventListener.js.map +1 -1
- package/lib/esn/tsconfig.tsbuildinfo +1 -1
- package/package.json +28 -29
- package/postcss.config.js +9 -5
- package/site/components/Documentation/Components/SectionButtons.tsx +8 -4
- package/site/components/Documentation/Components/SectionDropdowns.tsx +1 -1
- package/site/components/Documentation/Components/SectionPlacement.tsx +7 -1
- package/src/ButtonWithDropdown/ButtonWithDropdown.tsx +22 -21
- package/src/Dropdown/Dropdown.tsx +16 -8
- package/src/Dropdown/DropdownMenu.css +1 -1
- package/src/Placement/Placement.css +17 -35
- package/src/Placement/Placement.tsx +5 -8
- package/src/Placement/PlacementPopper.tsx +64 -48
- package/src/Tooltip/Tooltip.tsx +1 -1
- package/src/hooks/useEventListener.ts +25 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AACjE,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,cAAgD,MAAM,kBAAkB,CAAC;AAChF,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAE5D,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;AAwB3B;;;;GAIG;AACH,MAAM,QAAQ,GAAmC,CAAC,KAAY,EAAE,EAAE;IAChE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC5E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AACjE,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,cAAgD,MAAM,kBAAkB,CAAC;AAChF,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAE5D,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;AAwB3B;;;;GAIG;AACH,MAAM,QAAQ,GAAmC,CAAC,KAAY,EAAE,EAAE;IAChE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC5E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC5C,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QACD,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAU,EAAE,EAAE,CAAC,CAChD,oBAAC,gBAAgB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,QAAQ,KAAK,KAAK,EAAE,KAAK,EAAC,MAAM,IAC7F,IAAI,CACY,CACpB,CAAC;IAEF,OAAO,CACL,oBAAC,gBAAgB;QACf,oBAAC,kBAAkB,QAChB,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CACZ,oBAAC,cAAc,OACT,IAAI,EACR,uBAAuB,EAAC,OAAO,EAC/B,QAAQ,EAAE,GAAG,EACb,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE;gBACtB,IAAI,KAAK,IAAI,KAAK,CAAC,cAAc,EAAE;oBACjC,KAAK,CAAC,eAAe,EAAE,CAAC;iBACzB;gBACD,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;YACvB,CAAC;YAED,oBAAC,IAAI,IAAC,QAAQ,UAAE,QAAQ,CAAQ,CACjB,CAClB,CACkB;QAErB,oBAAC,SAAS,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,SAAS,QAAC,OAAO,EAAE,OAAO,IACpE,GAAG,EAAE,CAAC,CACL,oBAAC,YAAY,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAC,MAAM,IAC7C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,IAC7B,SAAS,IAAI,MAAM,CAAC,CAAC,CAAC,CACrB,oBAAC,qBAAqB,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,IACrC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACnC,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,WAAW,CAAC,KAAK,IAAG,YAAY,CAAC,WAAW,CAAC,CAAkB,CACrF,CAAC,CACoB,CACzB,CAAC,CAAC,CAAC,CACF,YAAY,CAAC,MAAM,CAAC,CACrB,CACc,CAClB,CAAC,CACW,CAChB,CACS,CACK,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,29 +1,10 @@
|
|
|
1
1
|
|
|
2
|
-
:root {
|
|
3
|
-
--Placement-arrow-size: var(--size--x3);
|
|
4
|
-
}
|
|
5
|
-
|
|
6
2
|
.Placement {
|
|
7
3
|
position: absolute;
|
|
8
|
-
margin: var(--Placement-arrow-size);
|
|
9
4
|
z-index: var(--z-index-Placement--below-modal);
|
|
10
5
|
pointer-events: none;
|
|
11
6
|
}
|
|
12
7
|
|
|
13
|
-
.Placement--disable-margin {
|
|
14
|
-
margin: 0;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.Placement--disable-margin-top-bottom {
|
|
18
|
-
margin-top: 0;
|
|
19
|
-
margin-bottom: 0;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.Placement--disable-margin-left-right {
|
|
23
|
-
margin-right: 0;
|
|
24
|
-
margin-left: 0;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
8
|
.Placement--animate {
|
|
28
9
|
transition-property: transform;
|
|
29
10
|
transition-duration: var(--transition-duration--fast);
|
|
@@ -83,50 +64,51 @@
|
|
|
83
64
|
border-top: 0.0625rem solid var(--color-gray--2);
|
|
84
65
|
}
|
|
85
66
|
|
|
86
|
-
.Placement__arrow
|
|
67
|
+
.Placement__arrow,
|
|
68
|
+
.Placement__arrow::before {
|
|
87
69
|
position: absolute;
|
|
88
|
-
width: var(--
|
|
89
|
-
height: var(--
|
|
70
|
+
width: var(--size--x3);
|
|
71
|
+
height: var(--size--x3);
|
|
90
72
|
}
|
|
91
73
|
|
|
92
74
|
.Placement__arrow,
|
|
93
75
|
.Placement__arrow:first-child,
|
|
94
76
|
.Placement__arrow:last-child {
|
|
95
|
-
|
|
77
|
+
visibility: hidden;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.Placement__arrow::before {
|
|
81
|
+
content: '';
|
|
82
|
+
display: block;
|
|
83
|
+
transform: rotate(45deg);
|
|
84
|
+
background: inherit;
|
|
85
|
+
visibility: visible;
|
|
96
86
|
}
|
|
97
87
|
|
|
98
88
|
.Placement--top .Placement__arrow,
|
|
99
89
|
.Placement--top-start .Placement__arrow,
|
|
100
90
|
.Placement--top-end .Placement__arrow {
|
|
101
91
|
top: 100%;
|
|
102
|
-
|
|
103
|
-
translateY(calc(-50% + var(--Placement-arrow-size) * -1))
|
|
104
|
-
rotate(45deg);
|
|
92
|
+
margin-top: -0.375rem;
|
|
105
93
|
}
|
|
106
94
|
|
|
107
95
|
.Placement--right .Placement__arrow,
|
|
108
96
|
.Placement--right-start .Placement__arrow,
|
|
109
97
|
.Placement--right-end .Placement__arrow {
|
|
110
98
|
right: 100%;
|
|
111
|
-
|
|
112
|
-
translateX(calc(50% - var(--Placement-arrow-size) * -1))
|
|
113
|
-
rotate(45deg);
|
|
99
|
+
margin-right: -0.375rem;
|
|
114
100
|
}
|
|
115
101
|
|
|
116
102
|
.Placement--bottom .Placement__arrow,
|
|
117
103
|
.Placement--bottom-start .Placement__arrow,
|
|
118
104
|
.Placement--bottom-end .Placement__arrow {
|
|
119
105
|
bottom: 100%;
|
|
120
|
-
|
|
121
|
-
translateY(calc(50% - var(--Placement-arrow-size) * -1))
|
|
122
|
-
rotate(45deg);
|
|
106
|
+
margin-bottom: -0.375rem;
|
|
123
107
|
}
|
|
124
108
|
|
|
125
109
|
.Placement--left .Placement__arrow,
|
|
126
110
|
.Placement--left-start .Placement__arrow,
|
|
127
111
|
.Placement--left-end .Placement__arrow {
|
|
128
112
|
left: 100%;
|
|
129
|
-
|
|
130
|
-
translateX(calc(-50% + var(--Placement-arrow-size) * -1))
|
|
131
|
-
rotate(45deg);
|
|
113
|
+
margin-left: -0.375rem;
|
|
132
114
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Placement as TypePlacement
|
|
2
|
+
import { Placement as TypePlacement } from '@popperjs/core';
|
|
3
3
|
import { Props as BaseProps } from '../Base/Base';
|
|
4
4
|
import './Placement.css';
|
|
5
5
|
export interface Props extends BaseProps {
|
|
@@ -10,18 +10,14 @@ export interface Props extends BaseProps {
|
|
|
10
10
|
animatePosition?: boolean;
|
|
11
11
|
/**
|
|
12
12
|
* A render callback function that provides a
|
|
13
|
-
*
|
|
13
|
+
* update function to trigger a reposition,
|
|
14
14
|
* and the width of the target that is being positioned
|
|
15
15
|
* around.
|
|
16
16
|
*/
|
|
17
17
|
children: (props: {
|
|
18
|
-
|
|
18
|
+
update: () => void;
|
|
19
19
|
width?: number;
|
|
20
20
|
}) => React.ReactNode;
|
|
21
|
-
/**
|
|
22
|
-
* Flag that disables margin around the Placement.
|
|
23
|
-
*/
|
|
24
|
-
disableMargin?: boolean | 'top-bottom' | 'left-right';
|
|
25
21
|
/**
|
|
26
22
|
* Flag that disables repositioning on scroll and resize events.
|
|
27
23
|
*/
|
|
@@ -45,7 +41,8 @@ export interface Props extends BaseProps {
|
|
|
45
41
|
/**
|
|
46
42
|
* An optional reference element to be used as the target.
|
|
47
43
|
*/
|
|
48
|
-
referenceElement?:
|
|
44
|
+
referenceElement?: any;
|
|
45
|
+
sameWidth?: boolean;
|
|
49
46
|
/**
|
|
50
47
|
* The visibilty of the positioned content.
|
|
51
48
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Placement.d.ts","sourceRoot":"","sources":["../../../src/Placement/Placement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"Placement.d.ts","sourceRoot":"","sources":["../../../src/Placement/Placement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,IAAI,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAM7C,CAAC;AAOF,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Placement.js","sourceRoot":"","sources":["../../../src/Placement/Placement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Placement.js","sourceRoot":"","sources":["../../../src/Placement/Placement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,iBAAiB,CAAC;AAkDzB;;;;;;;;;GASG;AACH,MAAM,SAAS,GAAmC,CAAC,KAAY,EAAE,EAAE;IACjE,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,oBAAC,eAAe,OAAK,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,CAAC,YAAY,GAAI,CAC1F,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,21 +1,20 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Placement as TypePlacement
|
|
2
|
+
import { Placement as TypePlacement } from '@popperjs/core';
|
|
3
3
|
import { Props as BaseProps } from '../Base/Base';
|
|
4
4
|
import './Placement.css';
|
|
5
5
|
export interface Props extends BaseProps {
|
|
6
6
|
animatePosition?: boolean;
|
|
7
7
|
children: (props: {
|
|
8
|
-
|
|
8
|
+
update: () => void;
|
|
9
9
|
width?: number;
|
|
10
10
|
}) => React.ReactNode;
|
|
11
11
|
closeElement?: null | HTMLElement;
|
|
12
|
-
disableMargin?: boolean | 'top-bottom' | 'left-right';
|
|
13
12
|
disableReposition?: boolean;
|
|
14
13
|
flip?: boolean;
|
|
15
14
|
isInsideModal?: boolean;
|
|
16
15
|
onClose?: (event: MouseEvent) => void;
|
|
17
16
|
placement?: TypePlacement;
|
|
18
|
-
referenceElement?:
|
|
17
|
+
referenceElement?: any;
|
|
19
18
|
visible?: boolean;
|
|
20
19
|
timeout?: number;
|
|
21
20
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlacementPopper.d.ts","sourceRoot":"","sources":["../../../src/Placement/PlacementPopper.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PlacementPopper.d.ts","sourceRoot":"","sources":["../../../src/Placement/PlacementPopper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAM5D,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAGxD,OAAO,iBAAiB,CAAC;AAgBzB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,IAAI,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,YAAY,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA8HnD,CAAC;AAOF,eAAe,eAAe,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* eslint-disable react/default-props-match-prop-types */
|
|
1
2
|
import * as React from 'react';
|
|
2
3
|
import { createPortal } from 'react-dom';
|
|
3
4
|
import { Popper } from 'react-popper';
|
|
@@ -22,7 +23,7 @@ const transitionClasses = {
|
|
|
22
23
|
exitDone: 'Placement__content-exit-done',
|
|
23
24
|
};
|
|
24
25
|
const PlacementPopper = (props) => {
|
|
25
|
-
const { animatePosition, backgroundColor, children, closeElement,
|
|
26
|
+
const { animatePosition, backgroundColor, children, closeElement, disableReposition, flip, isInsideModal, onClose, placement: desiredPlacement, referenceElement, sameWidth, visible, timeout = transitionDurationFast, ...rest } = props;
|
|
26
27
|
const ref = useRef();
|
|
27
28
|
const [render, setRender] = useState(visible);
|
|
28
29
|
useEffect(() => {
|
|
@@ -31,7 +32,7 @@ const PlacementPopper = (props) => {
|
|
|
31
32
|
}
|
|
32
33
|
}, [visible]);
|
|
33
34
|
useEventListener(closeElement || document, 'click', (event) => {
|
|
34
|
-
if (onClose && ref.current && !ref.current.contains(event.target)) {
|
|
35
|
+
if (onClose && ref.current && !ref.current.contains(event.target) && visible) {
|
|
35
36
|
onClose(event);
|
|
36
37
|
}
|
|
37
38
|
}, [onClose]);
|
|
@@ -43,42 +44,56 @@ const PlacementPopper = (props) => {
|
|
|
43
44
|
if (!render) {
|
|
44
45
|
return null;
|
|
45
46
|
}
|
|
47
|
+
const modifiers = [
|
|
48
|
+
{
|
|
49
|
+
name: 'offset',
|
|
50
|
+
options: {
|
|
51
|
+
offset: [0, 12],
|
|
52
|
+
},
|
|
53
|
+
},
|
|
54
|
+
];
|
|
55
|
+
if (sameWidth) {
|
|
56
|
+
modifiers.push({
|
|
57
|
+
enabled: true,
|
|
58
|
+
name: 'sameWidth',
|
|
59
|
+
phase: 'beforeWrite',
|
|
60
|
+
requires: ['computeStyles'],
|
|
61
|
+
fn: ({ state }) => {
|
|
62
|
+
// eslint-disable-next-line no-param-reassign
|
|
63
|
+
state.styles.popper.width = `${state.rects.reference.width}px`;
|
|
64
|
+
},
|
|
65
|
+
effect: ({ state }) => {
|
|
66
|
+
// eslint-disable-next-line no-param-reassign
|
|
67
|
+
state.elements.popper.style.width = `${state.elements.reference.getBoundingClientRect().width || 0}px`;
|
|
68
|
+
},
|
|
69
|
+
});
|
|
70
|
+
}
|
|
46
71
|
const popperProps = {
|
|
47
72
|
children: () => null,
|
|
48
|
-
eventsEnabled: !disableReposition,
|
|
49
73
|
placement: desiredPlacement,
|
|
50
|
-
modifiers
|
|
51
|
-
preventOverflow: {
|
|
52
|
-
boundariesElement: 'window',
|
|
53
|
-
},
|
|
54
|
-
flip: {
|
|
55
|
-
behavior: 'flip',
|
|
56
|
-
enabled: flip,
|
|
57
|
-
},
|
|
58
|
-
},
|
|
74
|
+
modifiers,
|
|
59
75
|
};
|
|
60
76
|
if (referenceElement) {
|
|
61
77
|
popperProps.referenceElement = referenceElement;
|
|
62
78
|
}
|
|
63
79
|
return createPortal(
|
|
64
80
|
// eslint-disable-next-line no-return-assign
|
|
65
|
-
React.createElement(Popper, { ...popperProps, innerRef: (el) => (ref.current = el || null) }, ({ arrowProps, placement, ref,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
React.createElement(
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
}))))))))), document.body);
|
|
81
|
+
React.createElement(Popper, { ...popperProps, innerRef: (el) => (ref.current = el || null) }, ({ arrowProps, placement, ref, update, style }) => {
|
|
82
|
+
return (
|
|
83
|
+
// eslint-disable-next-line react/jsx-no-constructed-context-values
|
|
84
|
+
React.createElement(PlacementArrowPropsContext.Provider, { value: { ...arrowProps, backgroundColor } },
|
|
85
|
+
React.createElement("div", { className: classnames('Placement', `Placement--${placement}`, {
|
|
86
|
+
'Placement--above-modal': isInsideModal,
|
|
87
|
+
'Placement--animate': animatePosition,
|
|
88
|
+
}), ref: ref, style: style },
|
|
89
|
+
React.createElement(CSSTransition, { appear: visible, classNames: transitionClasses, in: visible, timeout: timeout },
|
|
90
|
+
React.createElement("div", { className: "Placement__content" },
|
|
91
|
+
React.createElement(Base, { ...rest, backgroundColor: backgroundColor, className: "Placement__shadow" },
|
|
92
|
+
React.createElement(PlacementManagerContext.Consumer, null, ({ referenceNode }) => children({
|
|
93
|
+
update,
|
|
94
|
+
width: (referenceNode && referenceNode.clientWidth) || undefined,
|
|
95
|
+
}))))))));
|
|
96
|
+
}), document.body);
|
|
82
97
|
};
|
|
83
98
|
PlacementPopper.defaultProps = {
|
|
84
99
|
backgroundColor: 'white',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlacementPopper.js","sourceRoot":"","sources":["../../../src/Placement/PlacementPopper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,MAAM,EAAe,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,iBAAiB,CAAC;AAEzB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;AAE9C,MAAM,iBAAiB,GAAG;IACxB,MAAM,EAAE,2BAA2B;IACnC,YAAY,EAAE,kCAAkC;IAChD,UAAU,EAAE,gCAAgC;IAC5C,KAAK,EAAE,0BAA0B;IACjC,WAAW,EAAE,iCAAiC;IAC9C,SAAS,EAAE,+BAA+B;IAC1C,IAAI,EAAE,yBAAyB;IAC/B,UAAU,EAAE,gCAAgC;IAC5C,QAAQ,EAAE,8BAA8B;CACzC,CAAC;
|
|
1
|
+
{"version":3,"file":"PlacementPopper.js","sourceRoot":"","sources":["../../../src/Placement/PlacementPopper.tsx"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,MAAM,EAAe,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,iBAAiB,CAAC;AAEzB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;AAE9C,MAAM,iBAAiB,GAAG;IACxB,MAAM,EAAE,2BAA2B;IACnC,YAAY,EAAE,kCAAkC;IAChD,UAAU,EAAE,gCAAgC;IAC5C,KAAK,EAAE,0BAA0B;IACjC,WAAW,EAAE,iCAAiC;IAC9C,SAAS,EAAE,+BAA+B;IAC1C,IAAI,EAAE,yBAAyB;IAC/B,UAAU,EAAE,gCAAgC;IAC5C,QAAQ,EAAE,8BAA8B;CACzC,CAAC;AAgBF,MAAM,eAAe,GAAmC,CAAC,KAAY,EAAE,EAAE;IACvE,MAAM,EACJ,eAAe,EACf,eAAe,EACf,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,IAAI,EACJ,aAAa,EACb,OAAO,EACP,SAAS,EAAE,gBAAgB,EAC3B,gBAAgB,EAChB,SAAS,EACT,OAAO,EACP,OAAO,GAAG,sBAAsB,EAChC,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,GAAG,GAAG,MAAM,EAAsB,CAAC;IACzC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE;YACX,SAAS,CAAC,IAAI,CAAC,CAAC;SACjB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,gBAAgB,CACd,YAAY,IAAI,QAAQ,EACxB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE;QACR,IAAI,OAAO,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,IAAI,OAAO,EAAE;YACpF,OAAO,CAAC,KAAmB,CAAC,CAAC;SAC9B;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,gBAAgB,CACd,GAAG,CAAC,OAAO,IAAI,IAAI,EACnB,eAAe,EACf,GAAG,EAAE;QACH,IAAI,CAAC,OAAO,EAAE;YACZ,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,MAAM,SAAS,GAAU;QACvB;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;aAChB;SACF;KACF,CAAC;IAEF,IAAI,SAAS,EAAE;QACb,SAAS,CAAC,IAAI,CAAC;YACb,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,aAAa;YACpB,QAAQ,EAAE,CAAC,eAAe,CAAC;YAC3B,EAAE,EAAE,CAAC,EAAE,KAAK,EAAO,EAAE,EAAE;gBACrB,6CAA6C;gBAC7C,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;YACjE,CAAC;YACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAO,EAAE,EAAE;gBACzB,6CAA6C;gBAC7C,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC;YACzG,CAAC;SACF,CAAC,CAAC;KACJ;IAED,MAAM,WAAW,GAAqB;QACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;QACpB,SAAS,EAAE,gBAAgB;QAC3B,SAAS;KACV,CAAC;IAEF,IAAI,gBAAgB,EAAE;QACpB,WAAW,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;KACjD;IAED,OAAO,YAAY;IACjB,4CAA4C;IAC5C,oBAAC,MAAM,OAAK,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,EAAE,IAAI,IAAI,CAAC,IAElE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;QACjD,OAAO;QACL,mEAAmE;QACnE,oBAAC,0BAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,GAAG,UAAU,EAAE,eAAe,EAAE;YAC5E,6BACE,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,cAAc,SAAS,EAAE,EAAE;oBAC5D,wBAAwB,EAAE,aAAa;oBACvC,oBAAoB,EAAE,eAAe;iBACtC,CAAC,EACF,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK;gBAEZ,oBAAC,aAAa,IAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;oBAC1F,6BAAK,SAAS,EAAC,oBAAoB;wBACjC,oBAAC,IAAI,OAAK,IAAI,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAC,mBAAmB;4BAC7E,oBAAC,uBAAuB,CAAC,QAAQ,QAC9B,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACrB,QAAQ,CAAC;gCACP,MAAM;gCACN,KAAK,EAAE,CAAC,aAAa,IAAI,aAAa,CAAC,WAAW,CAAC,IAAI,SAAS;6BACjE,CAAC,CAE6B,CAC9B,CACH,CACQ,CACZ,CAC8B,CACvC,CAAC;IACJ,CAAC,CACM,EACT,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG;IAC7B,eAAe,EAAE,OAAO;IACxB,YAAY,EAAE,IAAI;CACnB,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ReferenceChildrenProps } from 'react-popper';
|
|
3
|
-
import { Placement as TypePlacement } from '
|
|
3
|
+
import { Placement as TypePlacement } from '@popperjs/core';
|
|
4
4
|
import { Props as BaseProps } from '../Base/Base';
|
|
5
5
|
interface TooltipChildrenProps extends ReferenceChildrenProps {
|
|
6
6
|
onMouseEnter?: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAUlD,UAAU,oBAAqB,SAAQ,sBAAsB;IAC3D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,2EAA2E;IAC3E,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,mDAAmD;IACnD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED;;;GAGG;AACH,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA+C3C,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../../src/hooks/useEventListener.ts"],"names":[],"mappings":"AAEA,aAAK,6BAA6B,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AACrE,UAAU,qCAAsC,SAAQ,mBAAmB,EAAE,gBAAgB,EAAE,cAAc;CAAG;AAGhH,iBAAS,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../../src/hooks/useEventListener.ts"],"names":[],"mappings":"AAEA,aAAK,6BAA6B,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AACrE,UAAU,qCAAsC,SAAQ,mBAAmB,EAAE,gBAAgB,EAAE,cAAc;CAAG;AAGhH,iBAAS,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,cAAc,EACxE,EAAE,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,EACxB,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,EAC1C,KAAK,CAAC,EAAE,GAAG,EAAE,GACZ,IAAI,CAAC;AACR,iBAAS,gBAAgB,CAAC,CAAC,SAAS,QAAQ,EAAE,CAAC,SAAS,MAAM,gBAAgB,EAC5E,EAAE,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,EACxB,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC3C,KAAK,CAAC,EAAE,GAAG,EAAE,GACZ,IAAI,CAAC;AACR,iBAAS,gBAAgB,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,MAAM,mBAAmB,EAClF,EAAE,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,EACxB,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,CAAC,GAAG,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC9C,KAAK,CAAC,EAAE,GAAG,EAAE,GACZ,IAAI,CAAC;AACR,iBAAS,gBAAgB,CAAC,CAAC,SAAS,MAAM,qCAAqC,EAC7E,EAAE,EAAE,6BAA6B,EACjC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,CAAC,GAAG,EAAE,qCAAqC,CAAC,CAAC,CAAC,KAAK,IAAI,EAChE,KAAK,CAAC,EAAE,GAAG,EAAE,GACZ,IAAI,CAAC;AAeR,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEventListener.js","sourceRoot":"","sources":["../../../src/hooks/useEventListener.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"useEventListener.js","sourceRoot":"","sources":["../../../src/hooks/useEventListener.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA8BlC,SAAS,gBAAgB,CAAC,EAAO,EAAE,IAAY,EAAE,OAAY,EAAE,KAAa;IAC1E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,EAAE,EAAE;YACN,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;SACpC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,EAAE,EAAE;gBACN,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;aACvC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;AAClB,CAAC;AAED,eAAe,gBAAgB,CAAC"}
|