@elliemae/ds-backdrop 3.0.0-next.0 → 3.0.0-next.4

package/dist/cjs/Backdrop.js

@@ -0,0 +1,65 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Backdrop_exports = {};
+__export(Backdrop_exports, {
+  DSBackdrop: () => DSBackdrop,
+  default: () => Backdrop_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_styled_components = __toESM(require("styled-components"));
+const BackdropTag = import_styled_components.default.div`
+  ${({ type }) => type === "cover" ? "position: fixed" : "position: absolute"};
+
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: black;
+  opacity: 0.6;
+  ${(props) => props.zIndex ? `z-index: ${props.zIndex};` : ""}
+`;
+const DSBackdrop = ({
+  type = "cover",
+  zIndex,
+  onClick = () => null
+}) => /* @__PURE__ */ import_react.default.createElement(BackdropTag, {
+  zIndex,
+  type,
+  onClick,
+  "data-testid": "ds-backdrop"
+});
+DSBackdrop.propTypes = {
+  type: import_prop_types.default.oneOf(["fill", "cover"]),
+  zIndex: import_prop_types.default.number,
+  onClick: import_prop_types.default.func
+};
+var Backdrop_default = DSBackdrop;
+module.exports = __toCommonJS(Backdrop_exports);
+//# sourceMappingURL=Backdrop.js.map

package/dist/cjs/Backdrop.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Backdrop.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;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,aAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAY;AAAA;AAGhB,WAAW,YAAY;AAAA,EAIrB,MAAM,0BAAU,MAAM,CAAC,QAAQ;AAAA,EAI/B,QAAQ,0BAAU;AAAA,EAIlB,SAAS,0BAAU;AAAA;AAGrB,IAAO,mBAAQ;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,37 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+__export(src_exports, {
+  DSBackdrop: () => import_Backdrop2.default,
+  default: () => import_Backdrop.default
+});
+var React = __toESM(require("react"));
+var import_Backdrop = __toESM(require("./Backdrop"));
+var import_Backdrop2 = __toESM(require("./Backdrop"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { default } from './Backdrop';\nexport { default as DSBackdrop } from './Backdrop';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAwB;AACxB,uBAAsC;",
+  "names": []
+}

package/dist/esm/Backdrop.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import styled from "styled-components";
+const BackdropTag = styled.div`
+  ${({ type }) => type === "cover" ? "position: fixed" : "position: absolute"};
+
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: black;
+  opacity: 0.6;
+  ${(props) => props.zIndex ? `z-index: ${props.zIndex};` : ""}
+`;
+const DSBackdrop = ({
+  type = "cover",
+  zIndex,
+  onClick = () => null
+}) => /* @__PURE__ */ React2.createElement(BackdropTag, {
+  zIndex,
+  type,
+  onClick,
+  "data-testid": "ds-backdrop"
+});
+DSBackdrop.propTypes = {
+  type: PropTypes.oneOf(["fill", "cover"]),
+  zIndex: PropTypes.number,
+  onClick: PropTypes.func
+};
+var Backdrop_default = DSBackdrop;
+export {
+  DSBackdrop,
+  Backdrop_default as default
+};
+//# sourceMappingURL=Backdrop.js.map

package/dist/esm/Backdrop.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Backdrop.tsx"],
+  "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"],
+  "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,aAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAY;AAAA;AAGhB,WAAW,YAAY;AAAA,EAIrB,MAAM,UAAU,MAAM,CAAC,QAAQ;AAAA,EAI/B,QAAQ,UAAU;AAAA,EAIlB,SAAS,UAAU;AAAA;AAGrB,IAAO,mBAAQ;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { default as default2 } from "./Backdrop";
+import { default as default3 } from "./Backdrop";
+export {
+  default3 as DSBackdrop,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default } from './Backdrop';\nexport { default as DSBackdrop } from './Backdrop';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

package/package.json

@@ -1,19 +1,22 @@
 {
   "name": "@elliemae/ds-backdrop",
-  "version": "3.0.0-next.0",
+  "version": "3.0.0-next.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Backdrop",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./Backdrop": {
-      "import": "./esm/Backdrop.js",
-      "require": "./cjs/Backdrop.js"
+      "import": "./dist/esm/Backdrop.js",
+      "require": "./dist/cjs/Backdrop.js"
     }
   },
   "sideEffects": [
@@ -25,15 +28,15 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
     "prop-types": "~15.7.2"
@@ -48,7 +51,13 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/Backdrop.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const BackdropTag = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-hba0s0-0"
-})(["", ";top:0;left:0;width:100%;height:100%;background:black;opacity:0.6;", ""], _ref => {
-  let {
-    type
-  } = _ref;
-  return type === 'cover' ? 'position: fixed' : 'position: absolute';
-}, props => props.zIndex ? "z-index: ".concat(props.zIndex, ";") : '');
-const DSBackdrop = _ref2 => {
-  let {
-    type = 'cover',
-    zIndex,
-    onClick = () => null
-  } = _ref2;
-  return /*#__PURE__*/_jsx__default["default"](BackdropTag, {
-    zIndex: zIndex,
-    type: type,
-    onClick: onClick,
-    "data-testid": "ds-backdrop"
-  });
-};
-
-exports.DSBackdrop = DSBackdrop;
-exports["default"] = DSBackdrop;

package/cjs/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Backdrop = require('./Backdrop.js');
-
-
-
-exports.DSBackdrop = Backdrop.DSBackdrop;
-exports["default"] = Backdrop.DSBackdrop;

package/esm/Backdrop.js

@@ -1,27 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-
-const BackdropTag = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-hba0s0-0"
-})(["", ";top:0;left:0;width:100%;height:100%;background:black;opacity:0.6;", ""], _ref => {
-  let {
-    type
-  } = _ref;
-  return type === 'cover' ? 'position: fixed' : 'position: absolute';
-}, props => props.zIndex ? "z-index: ".concat(props.zIndex, ";") : '');
-const DSBackdrop = _ref2 => {
-  let {
-    type = 'cover',
-    zIndex,
-    onClick = () => null
-  } = _ref2;
-  return /*#__PURE__*/_jsx(BackdropTag, {
-    zIndex: zIndex,
-    type: type,
-    onClick: onClick,
-    "data-testid": "ds-backdrop"
-  });
-};
-
-export { DSBackdrop, DSBackdrop as default };

package/esm/index.js

@@ -1 +0,0 @@
-export { DSBackdrop, DSBackdrop as default } from './Backdrop.js';

package/types/Backdrop.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-export declare const DSBackdrop: {
-    ({ type, zIndex, onClick, }: {
-        type?: string | undefined;
-        zIndex: any;
-        onClick?: (() => null) | undefined;
-    }): JSX.Element;
-    propTypes: {
-        /**
-         * ['cover', 'fill']
-         */
-        type: PropTypes.Requireable<string>;
-        /**
-         * z-index of dimmer background
-         */
-        zIndex: PropTypes.Requireable<number>;
-        /**
-         * Backdrop click event
-         */
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
-export default DSBackdrop;

package/types/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './Backdrop';
-export { default as DSBackdrop } from './Backdrop';