@elliemae/ds-popperjs 1.53.6 → 1.53.10
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/PopoverArrow.js +7 -1
- package/cjs/PopoverArrow.js.map +1 -1
- package/esm/PopoverArrow.js +7 -1
- package/esm/PopoverArrow.js.map +1 -1
- package/package.json +2 -2
package/cjs/PopoverArrow.js
CHANGED
|
@@ -10,14 +10,20 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
11
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
12
12
|
|
|
13
|
+
var arrowWidth = 18;
|
|
14
|
+
var arrowHeight = 18;
|
|
13
15
|
var StyledArrow = /*#__PURE__*/styled__default['default'].div.withConfig({
|
|
14
16
|
componentId: "sc-olcdf1-0"
|
|
15
|
-
})(["position:absolute;width:
|
|
17
|
+
})(["position:absolute;width:", "px;height:", "px;pointer-events:none;background-color:transparent;& .stroke{fill:", ";fill-opacity:0.4;}& .fill{fill:", ";}&[data-placement^='top']{svg{transform:rotateZ(180deg);}bottom:-", "px;}&[data-placement^='right']{svg{transform:rotateZ(-90deg);}left:-", "px;}&[data-placement^='bottom']{top:-", "px;}&[data-placement^='left']{svg{transform:rotateZ(90deg);}right:-", "px;}margin-left:", " margin-top:", ""], arrowWidth, arrowHeight, function (_ref) {
|
|
16
18
|
var theme = _ref.theme;
|
|
17
19
|
return theme.colors.neutral['500'];
|
|
18
20
|
}, function (_ref2) {
|
|
19
21
|
var theme = _ref2.theme;
|
|
20
22
|
return theme.colors.neutral['000'];
|
|
23
|
+
}, arrowHeight, arrowWidth, arrowHeight, arrowWidth, function (props) {
|
|
24
|
+
return props['data-placement'].startsWith('top') || props['data-placement'].startsWith('bottom') ? "-".concat(arrowWidth / 2, "px;") : '0;';
|
|
25
|
+
}, function (props) {
|
|
26
|
+
return props['data-placement'].startsWith('left') || props['data-placement'].startsWith('right') ? "-".concat(arrowHeight / 2, "px;") : '0;';
|
|
21
27
|
});
|
|
22
28
|
var PopoverArrow = function PopoverArrow(_ref3) {
|
|
23
29
|
var placement = _ref3.placement,
|
package/cjs/PopoverArrow.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverArrow.js","sources":["../../src/PopoverArrow.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\ninterface PopoverArrowT {\n placement: string;\n style: React.CSSProperties;\n arrowElementRef: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n}\nconst StyledArrow = styled.div`\n position: absolute;\n width:
|
|
1
|
+
{"version":3,"file":"PopoverArrow.js","sources":["../../src/PopoverArrow.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\ninterface PopoverArrowT {\n placement: string;\n style: React.CSSProperties;\n arrowElementRef: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n}\nconst arrowWidth = 18;\nconst arrowHeight = 18;\n\nconst StyledArrow = styled.div`\n position: absolute;\n width: ${arrowWidth}px;\n height: ${arrowHeight}px;\n pointer-events: none;\n background-color: transparent;\n & .stroke {\n fill: ${({ theme }) => theme.colors.neutral['500']};\n fill-opacity: 0.4;\n }\n & .fill {\n fill: ${({ theme }) => theme.colors.neutral['000']};\n }\n\n &[data-placement^='top'] {\n svg {\n transform: rotateZ(180deg);\n }\n bottom: -${arrowHeight}px;\n }\n &[data-placement^='right'] {\n svg {\n transform: rotateZ(-90deg);\n }\n left: -${arrowWidth}px;\n }\n &[data-placement^='bottom'] {\n top: -${arrowHeight}px;\n }\n &[data-placement^='left'] {\n svg {\n transform: rotateZ(90deg);\n }\n right: -${arrowWidth}px;\n }\n margin-left: ${(props) =>\n props['data-placement'].startsWith('top') || props['data-placement'].startsWith('bottom')\n ? `-${arrowWidth / 2}px;`\n : '0;'}\n margin-top: ${(props) =>\n props['data-placement'].startsWith('left') || props['data-placement'].startsWith('right')\n ? `-${arrowHeight / 2}px;`\n : '0;'}\n`;\n\nexport const PopoverArrow = ({ placement, style, arrowElementRef }: PopoverArrowT): React.ReactElement => (\n <StyledArrow\n key=\"popper-arrow\"\n data-placement={placement}\n style={style}\n ref={arrowElementRef}\n data-testid=\"ds-tooltip-arrow\"\n >\n <svg viewBox=\"0 0 30 30\">\n <path\n className=\"stroke\"\n d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n C26.7,29,24.6,28.1,23.7,27.1z\"\n />\n <path\n className=\"fill\"\n d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n />\n </svg>\n </StyledArrow>\n);\n"],"names":["arrowWidth","arrowHeight","StyledArrow","styled","div","theme","colors","neutral","props","startsWith","PopoverArrow","placement","style","arrowElementRef","React"],"mappings":";;;;;;;;;;;;AAOA,IAAMA,UAAU,GAAG,EAAnB;AACA,IAAMC,WAAW,GAAG,EAApB;AAEA,IAAMC,WAAW,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,gcAENJ,UAFM,EAGLC,WAHK,EAOL;AAAA,MAAGI,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,KAArB,CAAf;AAAA,CAPK,EAWL;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,KAArB,CAAf;AAAA,CAXK,EAkBFN,WAlBE,EAwBJD,UAxBI,EA2BLC,WA3BK,EAiCHD,UAjCG,EAmCA,UAACQ,KAAD;AAAA,SACbA,KAAK,CAAC,gBAAD,CAAL,CAAwBC,UAAxB,CAAmC,KAAnC,KAA6CD,KAAK,CAAC,gBAAD,CAAL,CAAwBC,UAAxB,CAAmC,QAAnC,CAA7C,cACQT,UAAU,GAAG,CADrB,WAEI,IAHS;AAAA,CAnCA,EAuCD,UAACQ,KAAD;AAAA,SACZA,KAAK,CAAC,gBAAD,CAAL,CAAwBC,UAAxB,CAAmC,MAAnC,KAA8CD,KAAK,CAAC,gBAAD,CAAL,CAAwBC,UAAxB,CAAmC,OAAnC,CAA9C,cACQR,WAAW,GAAG,CADtB,WAEI,IAHQ;AAAA,CAvCC,CAAjB;IA6CaS,YAAY,GAAG,SAAfA,YAAe;AAAA,MAAGC,SAAH,SAAGA,SAAH;AAAA,MAAcC,KAAd,SAAcA,KAAd;AAAA,MAAqBC,eAArB,SAAqBA,eAArB;AAAA,sBAC1BC,wCAAC,WAAD;AACE,IAAA,GAAG,EAAC,cADN;AAEE,sBAAgBH,SAFlB;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,GAAG,EAAEC,eAJP;AAKE,mBAAY;AALd,kBAOEC;AAAK,IAAA,OAAO,EAAC;AAAb,kBACEA;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,CAAC,EAAC;AAFJ,IADF,eAMEA;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,CAAC,EAAC;AAFJ,IANF,CAPF,CAD0B;AAAA;;;;"}
|
package/esm/PopoverArrow.js
CHANGED
|
@@ -1,14 +1,20 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
|
|
4
|
+
var arrowWidth = 18;
|
|
5
|
+
var arrowHeight = 18;
|
|
4
6
|
var StyledArrow = /*#__PURE__*/styled.div.withConfig({
|
|
5
7
|
componentId: "sc-olcdf1-0"
|
|
6
|
-
})(["position:absolute;width:
|
|
8
|
+
})(["position:absolute;width:", "px;height:", "px;pointer-events:none;background-color:transparent;& .stroke{fill:", ";fill-opacity:0.4;}& .fill{fill:", ";}&[data-placement^='top']{svg{transform:rotateZ(180deg);}bottom:-", "px;}&[data-placement^='right']{svg{transform:rotateZ(-90deg);}left:-", "px;}&[data-placement^='bottom']{top:-", "px;}&[data-placement^='left']{svg{transform:rotateZ(90deg);}right:-", "px;}margin-left:", " margin-top:", ""], arrowWidth, arrowHeight, function (_ref) {
|
|
7
9
|
var theme = _ref.theme;
|
|
8
10
|
return theme.colors.neutral['500'];
|
|
9
11
|
}, function (_ref2) {
|
|
10
12
|
var theme = _ref2.theme;
|
|
11
13
|
return theme.colors.neutral['000'];
|
|
14
|
+
}, arrowHeight, arrowWidth, arrowHeight, arrowWidth, function (props) {
|
|
15
|
+
return props['data-placement'].startsWith('top') || props['data-placement'].startsWith('bottom') ? "-".concat(arrowWidth / 2, "px;") : '0;';
|
|
16
|
+
}, function (props) {
|
|
17
|
+
return props['data-placement'].startsWith('left') || props['data-placement'].startsWith('right') ? "-".concat(arrowHeight / 2, "px;") : '0;';
|
|
12
18
|
});
|
|
13
19
|
var PopoverArrow = function PopoverArrow(_ref3) {
|
|
14
20
|
var placement = _ref3.placement,
|
package/esm/PopoverArrow.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverArrow.js","sources":["../../src/PopoverArrow.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\ninterface PopoverArrowT {\n placement: string;\n style: React.CSSProperties;\n arrowElementRef: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n}\nconst StyledArrow = styled.div`\n position: absolute;\n width:
|
|
1
|
+
{"version":3,"file":"PopoverArrow.js","sources":["../../src/PopoverArrow.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\ninterface PopoverArrowT {\n placement: string;\n style: React.CSSProperties;\n arrowElementRef: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n}\nconst arrowWidth = 18;\nconst arrowHeight = 18;\n\nconst StyledArrow = styled.div`\n position: absolute;\n width: ${arrowWidth}px;\n height: ${arrowHeight}px;\n pointer-events: none;\n background-color: transparent;\n & .stroke {\n fill: ${({ theme }) => theme.colors.neutral['500']};\n fill-opacity: 0.4;\n }\n & .fill {\n fill: ${({ theme }) => theme.colors.neutral['000']};\n }\n\n &[data-placement^='top'] {\n svg {\n transform: rotateZ(180deg);\n }\n bottom: -${arrowHeight}px;\n }\n &[data-placement^='right'] {\n svg {\n transform: rotateZ(-90deg);\n }\n left: -${arrowWidth}px;\n }\n &[data-placement^='bottom'] {\n top: -${arrowHeight}px;\n }\n &[data-placement^='left'] {\n svg {\n transform: rotateZ(90deg);\n }\n right: -${arrowWidth}px;\n }\n margin-left: ${(props) =>\n props['data-placement'].startsWith('top') || props['data-placement'].startsWith('bottom')\n ? `-${arrowWidth / 2}px;`\n : '0;'}\n margin-top: ${(props) =>\n props['data-placement'].startsWith('left') || props['data-placement'].startsWith('right')\n ? `-${arrowHeight / 2}px;`\n : '0;'}\n`;\n\nexport const PopoverArrow = ({ placement, style, arrowElementRef }: PopoverArrowT): React.ReactElement => (\n <StyledArrow\n key=\"popper-arrow\"\n data-placement={placement}\n style={style}\n ref={arrowElementRef}\n data-testid=\"ds-tooltip-arrow\"\n >\n <svg viewBox=\"0 0 30 30\">\n <path\n className=\"stroke\"\n d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n C26.7,29,24.6,28.1,23.7,27.1z\"\n />\n <path\n className=\"fill\"\n d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n />\n </svg>\n </StyledArrow>\n);\n"],"names":["arrowWidth","arrowHeight","StyledArrow","styled","div","theme","colors","neutral","props","startsWith","PopoverArrow","placement","style","arrowElementRef"],"mappings":";;;AAOA,IAAMA,UAAU,GAAG,EAAnB;AACA,IAAMC,WAAW,GAAG,EAApB;AAEA,IAAMC,WAAW,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,gcAENJ,UAFM,EAGLC,WAHK,EAOL;AAAA,MAAGI,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,KAArB,CAAf;AAAA,CAPK,EAWL;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,KAArB,CAAf;AAAA,CAXK,EAkBFN,WAlBE,EAwBJD,UAxBI,EA2BLC,WA3BK,EAiCHD,UAjCG,EAmCA,UAACQ,KAAD;AAAA,SACbA,KAAK,CAAC,gBAAD,CAAL,CAAwBC,UAAxB,CAAmC,KAAnC,KAA6CD,KAAK,CAAC,gBAAD,CAAL,CAAwBC,UAAxB,CAAmC,QAAnC,CAA7C,cACQT,UAAU,GAAG,CADrB,WAEI,IAHS;AAAA,CAnCA,EAuCD,UAACQ,KAAD;AAAA,SACZA,KAAK,CAAC,gBAAD,CAAL,CAAwBC,UAAxB,CAAmC,MAAnC,KAA8CD,KAAK,CAAC,gBAAD,CAAL,CAAwBC,UAAxB,CAAmC,OAAnC,CAA9C,cACQR,WAAW,GAAG,CADtB,WAEI,IAHQ;AAAA,CAvCC,CAAjB;IA6CaS,YAAY,GAAG,SAAfA,YAAe;AAAA,MAAGC,SAAH,SAAGA,SAAH;AAAA,MAAcC,KAAd,SAAcA,KAAd;AAAA,MAAqBC,eAArB,SAAqBA,eAArB;AAAA,sBAC1B,oBAAC,WAAD;AACE,IAAA,GAAG,EAAC,cADN;AAEE,sBAAgBF,SAFlB;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,GAAG,EAAEC,eAJP;AAKE,mBAAY;AALd,kBAOE;AAAK,IAAA,OAAO,EAAC;AAAb,kBACE;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,CAAC,EAAC;AAFJ,IADF,eAME;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,CAAC,EAAC;AAFJ,IANF,CAPF,CAD0B;AAAA;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-popperjs",
|
|
3
|
-
"version": "1.53.
|
|
3
|
+
"version": "1.53.10",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - Popper JS wrapper",
|
|
6
6
|
"module": "esm/index.js",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"build": "node ../../scripts/build/build.js"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-props-helpers": "1.53.
|
|
19
|
+
"@elliemae/ds-props-helpers": "1.53.10",
|
|
20
20
|
"react-desc": "^4.1.2"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|