@elliemae/ds-backdrop 2.2.0-alpha.5 → 2.2.0-beta.0

package/cjs/Backdrop.js

@@ -1,65 +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 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"};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
 
-  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 _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"
+  });
 };
-var Backdrop_default = DSBackdrop;
-module.exports = __toCommonJS(Backdrop_exports);
-//# sourceMappingURL=Backdrop.js.map
+
+exports.DSBackdrop = DSBackdrop;
+exports["default"] = DSBackdrop;

package/cjs/index.js

@@ -1,37 +1,10 @@
-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 = require("./Backdrop");
-var import_Backdrop2 = require("./Backdrop");
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'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,36 +1,27 @@
-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"};
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import styled from 'styled-components';
 
-  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
+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"
+  });
 };
-var Backdrop_default = DSBackdrop;
-export {
-  DSBackdrop,
-  Backdrop_default as default
-};
-//# sourceMappingURL=Backdrop.js.map
+
+export { DSBackdrop, DSBackdrop as default };

package/esm/index.js

@@ -1,8 +1 @@
-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
+export { DSBackdrop, DSBackdrop as default } from './Backdrop.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-backdrop",
-  "version": "2.2.0-alpha.5",
+  "version": "2.2.0-beta.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Backdrop",
   "module": "./esm/index.js",

package/cjs/Backdrop.js.map

@@ -1,7 +0,0 @@
-{
-  "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/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "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/esm/Backdrop.js.map

@@ -1,7 +0,0 @@
-{
-  "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/esm/index.js.map

@@ -1,7 +0,0 @@
-{
-  "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": []
-}