@elliemae/ds-backdrop 3.1.0-next.1 → 3.1.0-next.4

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.
@@ -27,8 +27,8 @@ module.exports = __toCommonJS(Backdrop_exports);
27
27
  var React = __toESM(require("react"));
28
28
  var import_react = __toESM(require("react"));
29
29
  var import_prop_types = __toESM(require("prop-types"));
30
- var import_styled_components = __toESM(require("styled-components"));
31
- const BackdropTag = import_styled_components.default.div`
30
+ var import_ds_system = require("@elliemae/ds-system");
31
+ const BackdropTag = import_ds_system.styled.div`
32
32
  ${({ type }) => type === "cover" ? "position: fixed" : "position: absolute"};
33
33
 
34
34
  top: 0;
@@ -39,11 +39,7 @@ const BackdropTag = import_styled_components.default.div`
39
39
  opacity: 0.6;
40
40
  ${(props) => props.zIndex ? `z-index: ${props.zIndex};` : ""}
41
41
  `;
42
- const DSBackdrop = ({
43
- type = "cover",
44
- zIndex,
45
- onClick = () => null
46
- }) => /* @__PURE__ */ import_react.default.createElement(BackdropTag, {
42
+ const DSBackdrop = ({ type = "cover", zIndex, onClick = () => null }) => /* @__PURE__ */ import_react.default.createElement(BackdropTag, {
47
43
  zIndex,
48
44
  type,
49
45
  onClick,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Backdrop.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\n// TODO change hardcoded opacity for theme variable\nconst BackdropTag = styled.div`\n ${({ type }) =>\n type === 'cover' ? 'position: fixed' : 'position: absolute'};\n\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: black;\n opacity: 0.6;\n ${(props) => (props.zIndex ? `z-index: ${props.zIndex};` : '')}\n`;\n\nexport const DSBackdrop = ({\n type = 'cover',\n zIndex,\n onClick = () => null,\n}) => (\n <BackdropTag\n zIndex={zIndex}\n type={type}\n onClick={onClick}\n data-testid=\"ds-backdrop\"\n />\n);\nDSBackdrop.propTypes = {\n /**\n * ['cover', 'fill']\n */\n type: PropTypes.oneOf(['fill', 'cover']),\n /**\n * z-index of dimmer background\n */\n zIndex: PropTypes.number,\n /**\n * Backdrop click event\n */\n onClick: PropTypes.func,\n};\n\nexport default DSBackdrop;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,+BAAmB;AAGnB,MAAM,cAAc,iCAAO;AAAA,IACvB,CAAC,EAAE,WACH,SAAS,UAAU,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQvC,CAAC,UAAW,MAAM,SAAS,YAAY,MAAM,YAAY;AAAA;AAGtD,MAAM,aAAa,CAAC;AAAA,EACzB,OAAO;AAAA,EACP;AAAA,EACA,UAAU,MAAM;AAAA,MAEhB,mDAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAY;AAAA,CACd;AAEF,WAAW,YAAY;AAAA,EAIrB,MAAM,0BAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA,EAIvC,QAAQ,0BAAU;AAAA,EAIlB,SAAS,0BAAU;AACrB;AAEA,IAAO,mBAAQ;",
4
+ "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\n\n// TODO change hardcoded opacity for theme variable\nconst BackdropTag = styled.div`\n ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: black;\n opacity: 0.6;\n ${(props) => (props.zIndex ? `z-index: ${props.zIndex};` : '')}\n`;\n\nexport const DSBackdrop = ({ type = 'cover', zIndex, onClick = () => null }) => (\n <BackdropTag zIndex={zIndex} type={type} onClick={onClick} data-testid=\"ds-backdrop\" />\n);\nDSBackdrop.propTypes = {\n /**\n * ['cover', 'fill']\n */\n type: PropTypes.oneOf(['fill', 'cover']),\n /**\n * z-index of dimmer background\n */\n zIndex: PropTypes.number,\n /**\n * Backdrop click event\n */\n onClick: PropTypes.func,\n};\n\nexport default DSBackdrop;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,uBAAuB;AAGvB,MAAM,cAAc,wBAAO;AAAA,IACvB,CAAC,EAAE,WAAY,SAAS,UAAU,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQtD,CAAC,UAAW,MAAM,SAAS,YAAY,MAAM,YAAY;AAAA;AAGtD,MAAM,aAAa,CAAC,EAAE,OAAO,SAAS,QAAQ,UAAU,MAAM,WACnE,mDAAC;AAAA,EAAY;AAAA,EAAgB;AAAA,EAAY;AAAA,EAAkB,eAAY;AAAA,CAAc;AAEvF,WAAW,YAAY;AAAA,EAIrB,MAAM,0BAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA,EAIvC,QAAQ,0BAAU;AAAA,EAIlB,SAAS,0BAAU;AACrB;AAEA,IAAO,mBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,7 +1,7 @@
1
1
  import * as React from "react";
2
2
  import React2 from "react";
3
3
  import PropTypes from "prop-types";
4
- import styled from "styled-components";
4
+ import { styled } from "@elliemae/ds-system";
5
5
  const BackdropTag = styled.div`
6
6
  ${({ type }) => type === "cover" ? "position: fixed" : "position: absolute"};
7
7
 
@@ -13,11 +13,7 @@ const BackdropTag = styled.div`
13
13
  opacity: 0.6;
14
14
  ${(props) => props.zIndex ? `z-index: ${props.zIndex};` : ""}
15
15
  `;
16
- const DSBackdrop = ({
17
- type = "cover",
18
- zIndex,
19
- onClick = () => null
20
- }) => /* @__PURE__ */ React2.createElement(BackdropTag, {
16
+ const DSBackdrop = ({ type = "cover", zIndex, onClick = () => null }) => /* @__PURE__ */ React2.createElement(BackdropTag, {
21
17
  zIndex,
22
18
  type,
23
19
  onClick,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Backdrop.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\n// TODO change hardcoded opacity for theme variable\nconst BackdropTag = styled.div`\n ${({ type }) =>\n type === 'cover' ? 'position: fixed' : 'position: absolute'};\n\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: black;\n opacity: 0.6;\n ${(props) => (props.zIndex ? `z-index: ${props.zIndex};` : '')}\n`;\n\nexport const DSBackdrop = ({\n type = 'cover',\n zIndex,\n onClick = () => null,\n}) => (\n <BackdropTag\n zIndex={zIndex}\n type={type}\n onClick={onClick}\n data-testid=\"ds-backdrop\"\n />\n);\nDSBackdrop.propTypes = {\n /**\n * ['cover', 'fill']\n */\n type: PropTypes.oneOf(['fill', 'cover']),\n /**\n * z-index of dimmer background\n */\n zIndex: PropTypes.number,\n /**\n * Backdrop click event\n */\n onClick: PropTypes.func,\n};\n\nexport default DSBackdrop;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AAGA,MAAM,cAAc,OAAO;AAAA,IACvB,CAAC,EAAE,WACH,SAAS,UAAU,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQvC,CAAC,UAAW,MAAM,SAAS,YAAY,MAAM,YAAY;AAAA;AAGtD,MAAM,aAAa,CAAC;AAAA,EACzB,OAAO;AAAA,EACP;AAAA,EACA,UAAU,MAAM;AAAA,MAEhB,qCAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAY;AAAA,CACd;AAEF,WAAW,YAAY;AAAA,EAIrB,MAAM,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA,EAIvC,QAAQ,UAAU;AAAA,EAIlB,SAAS,UAAU;AACrB;AAEA,IAAO,mBAAQ;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\n\n// TODO change hardcoded opacity for theme variable\nconst BackdropTag = styled.div`\n ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: black;\n opacity: 0.6;\n ${(props) => (props.zIndex ? `z-index: ${props.zIndex};` : '')}\n`;\n\nexport const DSBackdrop = ({ type = 'cover', zIndex, onClick = () => null }) => (\n <BackdropTag zIndex={zIndex} type={type} onClick={onClick} data-testid=\"ds-backdrop\" />\n);\nDSBackdrop.propTypes = {\n /**\n * ['cover', 'fill']\n */\n type: PropTypes.oneOf(['fill', 'cover']),\n /**\n * z-index of dimmer background\n */\n zIndex: PropTypes.number,\n /**\n * Backdrop click event\n */\n onClick: PropTypes.func,\n};\n\nexport default DSBackdrop;\n"],
5
+ "mappings": "AAAA;ACAA;AACA;AACA;AAGA,MAAM,cAAc,OAAO;AAAA,IACvB,CAAC,EAAE,WAAY,SAAS,UAAU,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQtD,CAAC,UAAW,MAAM,SAAS,YAAY,MAAM,YAAY;AAAA;AAGtD,MAAM,aAAa,CAAC,EAAE,OAAO,SAAS,QAAQ,UAAU,MAAM,WACnE,qCAAC;AAAA,EAAY;AAAA,EAAgB;AAAA,EAAY;AAAA,EAAkB,eAAY;AAAA,CAAc;AAEvF,WAAW,YAAY;AAAA,EAIrB,MAAM,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA,EAIvC,QAAQ,UAAU;AAAA,EAIlB,SAAS,UAAU;AACrB;AAEA,IAAO,mBAAQ;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-backdrop",
3
- "version": "3.1.0-next.1",
3
+ "version": "3.1.0-next.4",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Backdrop",
6
6
  "files": [
@@ -38,14 +38,8 @@
38
38
  "reportFile": "tests.xml",
39
39
  "indent": 4
40
40
  },
41
- "scripts": {
42
- "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
43
- "test": "node ../../scripts/testing/test.mjs",
44
- "lint": "node ../../scripts/lint.mjs",
45
- "dts": "node ../../scripts/dts.mjs",
46
- "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
47
- },
48
41
  "dependencies": {
42
+ "@elliemae/ds-system": "3.1.0-next.4",
49
43
  "prop-types": "~15.8.1"
50
44
  },
51
45
  "devDependencies": {
@@ -59,5 +53,13 @@
59
53
  "publishConfig": {
60
54
  "access": "public",
61
55
  "typeSafety": false
56
+ },
57
+ "scripts": {
58
+ "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
59
+ "test": "node ../../scripts/testing/test.mjs",
60
+ "lint": "node ../../scripts/lint.mjs",
61
+ "dts": "node ../../scripts/dts.mjs",
62
+ "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
63
+ "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
62
64
  }
63
- }
65
+ }