@elliemae/ds-popper 2.4.2-rc.9 → 2.4.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/cjs/PopperContent.js +1 -1
- package/cjs/PopperImpl.js +1 -1
- package/cjs/getArrowStylesBySize.js +4 -4
- package/cjs/props.js +3 -1
- package/esm/PopperContent.js +1 -1
- package/esm/PopperImpl.js +1 -1
- package/esm/getArrowStylesBySize.js +4 -4
- package/esm/props.js +3 -1
- package/package.json +3 -3
package/cjs/PopperContent.js
CHANGED
|
@@ -61,7 +61,7 @@ class PopperContent extends react.PureComponent {
|
|
|
61
61
|
if (!showArrow) return null;
|
|
62
62
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
63
63
|
ref: ref,
|
|
64
|
-
className:
|
|
64
|
+
className: `${blockName || 'popper'}__arrow`,
|
|
65
65
|
"data-placement": placement,
|
|
66
66
|
style: _objectSpread(_objectSpread({}, style), getArrowStylesBySize.getArrowStylesBySize(placement, 25)),
|
|
67
67
|
children: _svg || (_svg = /*#__PURE__*/_jsx__default["default"]("svg", {
|
package/cjs/PopperImpl.js
CHANGED
|
@@ -277,7 +277,7 @@ class PopperImpl extends react.Component {
|
|
|
277
277
|
const allModifiers = _objectSpread({
|
|
278
278
|
offset: {
|
|
279
279
|
enabled: showArrow,
|
|
280
|
-
offset:
|
|
280
|
+
offset: `0, ${arrowSize + arrowGap}`
|
|
281
281
|
},
|
|
282
282
|
preventOverflow: {
|
|
283
283
|
enabled: true,
|
|
@@ -25,19 +25,19 @@ const getArrowStylesBySize = function (position) {
|
|
|
25
25
|
}, {
|
|
26
26
|
top: {
|
|
27
27
|
top: '100% !important',
|
|
28
|
-
transform:
|
|
28
|
+
transform: `rotateZ(${180}deg)`
|
|
29
29
|
},
|
|
30
30
|
right: {
|
|
31
31
|
right: '100%',
|
|
32
|
-
transform:
|
|
32
|
+
transform: `rotateZ(${-90}deg)`
|
|
33
33
|
},
|
|
34
34
|
bottom: {
|
|
35
35
|
bottom: '100%',
|
|
36
|
-
transform:
|
|
36
|
+
transform: `rotateZ(${0}deg)`
|
|
37
37
|
},
|
|
38
38
|
left: {
|
|
39
39
|
left: '100%',
|
|
40
|
-
transform:
|
|
40
|
+
transform: `rotateZ(${90}deg)`
|
|
41
41
|
}
|
|
42
42
|
}[basePosition]);
|
|
43
43
|
};
|
package/cjs/props.js
CHANGED
|
@@ -36,7 +36,9 @@ const popperProps = {
|
|
|
36
36
|
|
|
37
37
|
/** Bem blockname for the popper */
|
|
38
38
|
blockName: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.object]).description('Bem blockname for the popper'),
|
|
39
|
-
triggerComponent: reactDesc.PropTypes.element.description(
|
|
39
|
+
triggerComponent: reactDesc.PropTypes.element.description(`The component that will open/close the tooltip.
|
|
40
|
+
Cannot be used with disabled elements.
|
|
41
|
+
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`).isRequired
|
|
40
42
|
};
|
|
41
43
|
const defaultProps = {
|
|
42
44
|
containerProps: {},
|
package/esm/PopperContent.js
CHANGED
|
@@ -52,7 +52,7 @@ class PopperContent extends PureComponent {
|
|
|
52
52
|
if (!showArrow) return null;
|
|
53
53
|
return /*#__PURE__*/jsx("div", {
|
|
54
54
|
ref: ref,
|
|
55
|
-
className:
|
|
55
|
+
className: `${blockName || 'popper'}__arrow`,
|
|
56
56
|
"data-placement": placement,
|
|
57
57
|
style: _objectSpread(_objectSpread({}, style), getArrowStylesBySize(placement, 25)),
|
|
58
58
|
children: _svg || (_svg = /*#__PURE__*/_jsx("svg", {
|
package/esm/PopperImpl.js
CHANGED
|
@@ -269,7 +269,7 @@ class PopperImpl extends Component {
|
|
|
269
269
|
const allModifiers = _objectSpread({
|
|
270
270
|
offset: {
|
|
271
271
|
enabled: showArrow,
|
|
272
|
-
offset:
|
|
272
|
+
offset: `0, ${arrowSize + arrowGap}`
|
|
273
273
|
},
|
|
274
274
|
preventOverflow: {
|
|
275
275
|
enabled: true,
|
|
@@ -17,19 +17,19 @@ const getArrowStylesBySize = function (position) {
|
|
|
17
17
|
}, {
|
|
18
18
|
top: {
|
|
19
19
|
top: '100% !important',
|
|
20
|
-
transform:
|
|
20
|
+
transform: `rotateZ(${180}deg)`
|
|
21
21
|
},
|
|
22
22
|
right: {
|
|
23
23
|
right: '100%',
|
|
24
|
-
transform:
|
|
24
|
+
transform: `rotateZ(${-90}deg)`
|
|
25
25
|
},
|
|
26
26
|
bottom: {
|
|
27
27
|
bottom: '100%',
|
|
28
|
-
transform:
|
|
28
|
+
transform: `rotateZ(${0}deg)`
|
|
29
29
|
},
|
|
30
30
|
left: {
|
|
31
31
|
left: '100%',
|
|
32
|
-
transform:
|
|
32
|
+
transform: `rotateZ(${90}deg)`
|
|
33
33
|
}
|
|
34
34
|
}[basePosition]);
|
|
35
35
|
};
|
package/esm/props.js
CHANGED
|
@@ -32,7 +32,9 @@ const popperProps = {
|
|
|
32
32
|
|
|
33
33
|
/** Bem blockname for the popper */
|
|
34
34
|
blockName: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).description('Bem blockname for the popper'),
|
|
35
|
-
triggerComponent: PropTypes.element.description(
|
|
35
|
+
triggerComponent: PropTypes.element.description(`The component that will open/close the tooltip.
|
|
36
|
+
Cannot be used with disabled elements.
|
|
37
|
+
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`).isRequired
|
|
36
38
|
};
|
|
37
39
|
const defaultProps = {
|
|
38
40
|
containerProps: {},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-popper",
|
|
3
|
-
"version": "2.4.2
|
|
3
|
+
"version": "2.4.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Popper",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -60,8 +60,8 @@
|
|
|
60
60
|
"build": "node ../../scripts/build/build.js"
|
|
61
61
|
},
|
|
62
62
|
"dependencies": {
|
|
63
|
-
"@elliemae/ds-overlay": "2.4.2
|
|
64
|
-
"@elliemae/ds-utilities": "2.4.2
|
|
63
|
+
"@elliemae/ds-overlay": "2.4.2",
|
|
64
|
+
"@elliemae/ds-utilities": "2.4.2",
|
|
65
65
|
"@elliemae/react-popper": "1.0.2",
|
|
66
66
|
"memoize-one": "~5.1.1",
|
|
67
67
|
"prop-types": "~15.7.2",
|