@elliemae/ds-backdrop 2.2.0-alpha.1 → 2.2.0-alpha.5

package/cjs/Backdrop.js

@@ -1,37 +1,65 @@
-'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"
-  });
+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"};
 
-exports.DSBackdrop = DSBackdrop;
-exports["default"] = DSBackdrop;
+  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/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/cjs/index.js

@@ -1,10 +1,37 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Backdrop = require('./Backdrop.js');
-
-
-
-exports.DSBackdrop = Backdrop.DSBackdrop;
-exports["default"] = Backdrop.DSBackdrop;
+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

package/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/esm/Backdrop.js

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

package/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/esm/index.js

@@ -1 +1,8 @@
-export { DSBackdrop, DSBackdrop as default } from './Backdrop.js';
+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/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,6 +1,6 @@
 {
   "name": "@elliemae/ds-backdrop",
-  "version": "2.2.0-alpha.1",
+  "version": "2.2.0-alpha.5",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Backdrop",
   "module": "./esm/index.js",