@elliemae/ds-popper 2.0.0-next.0 → 2.0.0-next.5

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.
@@ -55,7 +55,7 @@ class PopperContent extends react.PureComponent {
55
55
  if (!showArrow) return null;
56
56
  return /*#__PURE__*/jsxRuntime.jsx("div", {
57
57
  ref: ref,
58
- className: `${blockName || 'popper'}__arrow`,
58
+ className: "".concat(blockName || 'popper', "__arrow"),
59
59
  "data-placement": placement,
60
60
  style: _objectSpread(_objectSpread({}, style), getArrowStylesBySize.getArrowStylesBySize(placement, 25)),
61
61
  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: `0, ${arrowSize + arrowGap}`
280
+ offset: "0, ".concat(arrowSize + arrowGap)
281
281
  },
282
282
  preventOverflow: {
283
283
  enabled: true,
@@ -19,19 +19,19 @@ const getArrowStylesBySize = (position, size = 30) => {
19
19
  }, {
20
20
  top: {
21
21
  top: '100% !important',
22
- transform: `rotateZ(${180}deg)`
22
+ transform: "rotateZ(".concat(180, "deg)")
23
23
  },
24
24
  right: {
25
25
  right: '100%',
26
- transform: `rotateZ(${-90}deg)`
26
+ transform: "rotateZ(".concat(-90, "deg)")
27
27
  },
28
28
  bottom: {
29
29
  bottom: '100%',
30
- transform: `rotateZ(${0}deg)`
30
+ transform: "rotateZ(".concat(0, "deg)")
31
31
  },
32
32
  left: {
33
33
  left: '100%',
34
- transform: `rotateZ(${90}deg)`
34
+ transform: "rotateZ(".concat(90, "deg)")
35
35
  }
36
36
  }[basePosition]);
37
37
  };
package/cjs/props.js CHANGED
@@ -36,9 +36,7 @@ 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(`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
39
+ triggerComponent: reactDesc.PropTypes.element.description("The component that will open/close the tooltip. \n Cannot be used with disabled elements. \n https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled").isRequired
42
40
  };
43
41
  const defaultProps = {
44
42
  containerProps: {},
@@ -46,7 +46,7 @@ class PopperContent extends PureComponent {
46
46
  if (!showArrow) return null;
47
47
  return /*#__PURE__*/jsx("div", {
48
48
  ref: ref,
49
- className: `${blockName || 'popper'}__arrow`,
49
+ className: "".concat(blockName || 'popper', "__arrow"),
50
50
  "data-placement": placement,
51
51
  style: _objectSpread(_objectSpread({}, style), getArrowStylesBySize(placement, 25)),
52
52
  children: _svg || (_svg = /*#__PURE__*/_jsx("svg", {
package/esm/PopperImpl.js CHANGED
@@ -268,7 +268,7 @@ class PopperImpl extends Component {
268
268
  const allModifiers = _objectSpread({
269
269
  offset: {
270
270
  enabled: showArrow,
271
- offset: `0, ${arrowSize + arrowGap}`
271
+ offset: "0, ".concat(arrowSize + arrowGap)
272
272
  },
273
273
  preventOverflow: {
274
274
  enabled: true,
@@ -11,19 +11,19 @@ const getArrowStylesBySize = (position, size = 30) => {
11
11
  }, {
12
12
  top: {
13
13
  top: '100% !important',
14
- transform: `rotateZ(${180}deg)`
14
+ transform: "rotateZ(".concat(180, "deg)")
15
15
  },
16
16
  right: {
17
17
  right: '100%',
18
- transform: `rotateZ(${-90}deg)`
18
+ transform: "rotateZ(".concat(-90, "deg)")
19
19
  },
20
20
  bottom: {
21
21
  bottom: '100%',
22
- transform: `rotateZ(${0}deg)`
22
+ transform: "rotateZ(".concat(0, "deg)")
23
23
  },
24
24
  left: {
25
25
  left: '100%',
26
- transform: `rotateZ(${90}deg)`
26
+ transform: "rotateZ(".concat(90, "deg)")
27
27
  }
28
28
  }[basePosition]);
29
29
  };
package/esm/props.js CHANGED
@@ -32,9 +32,7 @@ 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(`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
35
+ triggerComponent: PropTypes.element.description("The component that will open/close the tooltip. \n Cannot be used with disabled elements. \n https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled").isRequired
38
36
  };
39
37
  const defaultProps = {
40
38
  containerProps: {},
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-popper",
3
- "version": "2.0.0-next.0",
3
+ "version": "2.0.0-next.5",
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.0.0-next.0",
64
- "@elliemae/ds-utilities": "2.0.0-next.0",
63
+ "@elliemae/ds-overlay": "2.0.0-next.5",
64
+ "@elliemae/ds-utilities": "2.0.0-next.5",
65
65
  "memoize-one": "~5.1.1",
66
66
  "prop-types": "~15.7.2",
67
67
  "react-popper": "~1.3.11",
package/cjs/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "commonjs",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }
package/esm/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "module",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }