@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.
@@ -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:18px;height:18px;pointer-events:none;background-color:transparent;& .stroke{fill:", ";fill-opacity:0.4;}& .fill{fill:", ";}&[data-placement^='top']{svg{transform:rotateZ(180deg);}bottom:-18px;}&[data-placement^='right']{svg{transform:rotateZ(-90deg);}left:-18px;}&[data-placement^='bottom']{top:-18px;}&[data-placement^='left']{svg{transform:rotateZ(90deg);}right:-18px;}"], function (_ref) {
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,
@@ -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: 18px;\n height: 18px;\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: -18px;\n }\n &[data-placement^='right'] {\n svg {\n transform: rotateZ(-90deg);\n }\n left: -18px;\n }\n &[data-placement^='bottom'] {\n top: -18px;\n }\n &[data-placement^='left'] {\n svg {\n transform: rotateZ(90deg);\n }\n right: -18px;\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":["StyledArrow","styled","div","theme","colors","neutral","PopoverArrow","placement","style","arrowElementRef","React"],"mappings":";;;;;;;;;;;;AAOA,IAAMA,WAAW,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,oZAOL;AAAA,MAAGC,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,CAAjB;IAoCaC,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;;;;"}
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;;;;"}
@@ -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:18px;height:18px;pointer-events:none;background-color:transparent;& .stroke{fill:", ";fill-opacity:0.4;}& .fill{fill:", ";}&[data-placement^='top']{svg{transform:rotateZ(180deg);}bottom:-18px;}&[data-placement^='right']{svg{transform:rotateZ(-90deg);}left:-18px;}&[data-placement^='bottom']{top:-18px;}&[data-placement^='left']{svg{transform:rotateZ(90deg);}right:-18px;}"], function (_ref) {
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,
@@ -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: 18px;\n height: 18px;\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: -18px;\n }\n &[data-placement^='right'] {\n svg {\n transform: rotateZ(-90deg);\n }\n left: -18px;\n }\n &[data-placement^='bottom'] {\n top: -18px;\n }\n &[data-placement^='left'] {\n svg {\n transform: rotateZ(90deg);\n }\n right: -18px;\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":["StyledArrow","styled","div","theme","colors","neutral","PopoverArrow","placement","style","arrowElementRef"],"mappings":";;;AAOA,IAAMA,WAAW,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,oZAOL;AAAA,MAAGC,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,CAAjB;IAoCaC,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;;;;"}
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.6",
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.6",
19
+ "@elliemae/ds-props-helpers": "1.53.10",
20
20
  "react-desc": "^4.1.2"
21
21
  },
22
22
  "devDependencies": {