@elliemae/ds-backdrop 3.13.0 → 3.14.0-next.1

package/dist/cjs/Backdrop.js

@@ -25,13 +25,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var Backdrop_exports = {};
 __export(Backdrop_exports, {
   DSBackdrop: () => DSBackdrop,
+  DSBackdropWithSchema: () => DSBackdropWithSchema,
   default: () => Backdrop_default
 });
 module.exports = __toCommonJS(Backdrop_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_prop_types = __toESM(require("prop-types"));
 var import_ds_system = require("@elliemae/ds-system");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_react_desc_prop_types = require("./react-desc-prop-types");
 const BackdropTag = import_ds_system.styled.div`
   ${({ type }) => type === "cover" ? "position: fixed" : "position: absolute"};
 
@@ -43,11 +45,13 @@ const BackdropTag = import_ds_system.styled.div`
   opacity: 0.6;
   ${(props) => props.zIndex ? `z-index: ${props.zIndex};` : ""}
 `;
-const DSBackdrop = ({ type = "cover", zIndex, onClick = () => null }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(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
-};
+const DSBackdrop = ({
+  type = "cover",
+  zIndex,
+  onClick = () => null
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BackdropTag, { zIndex, type, onClick, "data-testid": "ds-backdrop" });
+DSBackdrop.propTypes = import_react_desc_prop_types.DSBackdropPropTypes;
+const DSBackdropWithSchema = (0, import_ds_utilities.describe)(DSBackdrop);
+DSBackdropWithSchema.propTypes = import_react_desc_prop_types.DSBackdropPropTypes;
 var Backdrop_default = DSBackdrop;
 //# sourceMappingURL=Backdrop.js.map

package/dist/cjs/Backdrop.js.map

@@ -1,7 +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 '@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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBrB;AAjBF,wBAAsB;AACtB,uBAAuB;AAGvB,MAAM,cAAc,wBAAO;AAAA,IACvB,CAAC,EAAE,KAAK,MAAO,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,KAAK,MACxE,4CAAC,eAAY,QAAgB,MAAY,SAAkB,eAAY,eAAc;AAEvF,WAAW,YAAY;AAAA,EAIrB,MAAM,kBAAAA,QAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA,EAIvC,QAAQ,kBAAAA,QAAU;AAAA,EAIlB,SAAS,kBAAAA,QAAU;AACrB;AAEA,IAAO,mBAAQ;",
-  "names": ["PropTypes"]
+  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { describe } from '@elliemae/ds-utilities';\nimport { type DSBackdropT, DSBackdropPropTypes } from './react-desc-prop-types';\n\n// TODO change hardcoded opacity for theme variable\nconst BackdropTag = styled.div<{ zIndex?: number }>`\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: React.ComponentType<DSBackdropT.Props> = ({\n  type = 'cover',\n  zIndex,\n  onClick = () => null,\n}) => <BackdropTag zIndex={zIndex} type={type} onClick={onClick} data-testid=\"ds-backdrop\" />;\n\nDSBackdrop.propTypes = DSBackdropPropTypes;\nexport const DSBackdropWithSchema = describe(DSBackdrop);\nDSBackdropWithSchema.propTypes = DSBackdropPropTypes;\n\nexport default DSBackdrop;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBjB;AArBN,uBAAuB;AACvB,0BAAyB;AACzB,mCAAsD;AAGtD,MAAM,cAAc,wBAAO;AAAA,IACvB,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQtD,CAAC,UAAW,MAAM,SAAS,YAAY,MAAM,YAAY;AAAA;AAGtD,MAAM,aAAqD,CAAC;AAAA,EACjE,OAAO;AAAA,EACP;AAAA,EACA,UAAU,MAAM;AAClB,MAAM,4CAAC,eAAY,QAAgB,MAAY,SAAkB,eAAY,eAAc;AAE3F,WAAW,YAAY;AAChB,MAAM,2BAAuB,8BAAS,UAAU;AACvD,qBAAqB,YAAY;AAEjC,IAAO,mBAAQ;",
+  "names": []
 }

package/dist/cjs/react-desc-prop-types.js

@@ -0,0 +1,39 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSBackdropPropTypes: () => DSBackdropPropTypes
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const DSBackdropPropTypes = {
+  ...import_ds_utilities.globalAttributesPropTypes,
+  ...import_ds_utilities.xstyledPropTypes,
+  type: import_ds_utilities.PropTypes.oneOf(["fill", "cover"]).description("Type of backdrop"),
+  zIndex: import_ds_utilities.PropTypes.number.description("Z-index for the backdrop"),
+  onClick: import_ds_utilities.PropTypes.func.description("Backdrop click event")
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport type { FontSizeProps, ColorProps } from '@elliemae/ds-system';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSBackdropT {\n  interface IProps {\n    type?: 'fill' | 'cover';\n    onClick?: React.MouseEventHandler;\n  }\n\n  export interface Props\n    extends IProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof IProps | 'color'>,\n      XstyledProps,\n      FontSizeProps,\n      ColorProps {}\n}\n\nexport const DSBackdropPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  /**\n   * ['cover', 'fill']\n   */\n  type: PropTypes.oneOf(['fill', 'cover']).description('Type of backdrop'),\n  /**\n   * z-index of dimmer background\n   */\n  zIndex: PropTypes.number.description('Z-index for the backdrop'),\n  /**\n   * Backdrop click event\n   */\n  onClick: PropTypes.func.description('Backdrop click event'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAAuE;AAkBhE,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EAIH,MAAM,8BAAU,MAAM,CAAC,QAAQ,OAAO,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAIvE,QAAQ,8BAAU,OAAO,YAAY,0BAA0B;AAAA,EAI/D,SAAS,8BAAU,KAAK,YAAY,sBAAsB;AAC5D;",
+  "names": []
+}

package/dist/esm/Backdrop.js

@@ -1,7 +1,8 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import PropTypes from "prop-types";
 import { styled } from "@elliemae/ds-system";
+import { describe } from "@elliemae/ds-utilities";
+import { DSBackdropPropTypes } from "./react-desc-prop-types";
 const BackdropTag = styled.div`
   ${({ type }) => type === "cover" ? "position: fixed" : "position: absolute"};
 
@@ -13,15 +14,18 @@ const BackdropTag = styled.div`
   opacity: 0.6;
   ${(props) => props.zIndex ? `z-index: ${props.zIndex};` : ""}
 `;
-const DSBackdrop = ({ type = "cover", zIndex, onClick = () => null }) => /* @__PURE__ */ jsx(BackdropTag, { zIndex, type, onClick, "data-testid": "ds-backdrop" });
-DSBackdrop.propTypes = {
-  type: PropTypes.oneOf(["fill", "cover"]),
-  zIndex: PropTypes.number,
-  onClick: PropTypes.func
-};
+const DSBackdrop = ({
+  type = "cover",
+  zIndex,
+  onClick = () => null
+}) => /* @__PURE__ */ jsx(BackdropTag, { zIndex, type, onClick, "data-testid": "ds-backdrop" });
+DSBackdrop.propTypes = DSBackdropPropTypes;
+const DSBackdropWithSchema = describe(DSBackdrop);
+DSBackdropWithSchema.propTypes = DSBackdropPropTypes;
 var Backdrop_default = DSBackdrop;
 export {
   DSBackdrop,
+  DSBackdropWithSchema,
   Backdrop_default as default
 };
 //# sourceMappingURL=Backdrop.js.map

package/dist/esm/Backdrop.js.map

@@ -1,7 +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 '@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"],
-  "mappings": "AAAA,YAAY,WAAW;ACkBrB;AAjBF,OAAO,eAAe;AACtB,SAAS,cAAc;AAGvB,MAAM,cAAc,OAAO;AAAA,IACvB,CAAC,EAAE,KAAK,MAAO,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,KAAK,MACxE,oBAAC,eAAY,QAAgB,MAAY,SAAkB,eAAY,eAAc;AAEvF,WAAW,YAAY;AAAA,EAIrB,MAAM,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA,EAIvC,QAAQ,UAAU;AAAA,EAIlB,SAAS,UAAU;AACrB;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { describe } from '@elliemae/ds-utilities';\nimport { type DSBackdropT, DSBackdropPropTypes } from './react-desc-prop-types';\n\n// TODO change hardcoded opacity for theme variable\nconst BackdropTag = styled.div<{ zIndex?: number }>`\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: React.ComponentType<DSBackdropT.Props> = ({\n  type = 'cover',\n  zIndex,\n  onClick = () => null,\n}) => <BackdropTag zIndex={zIndex} type={type} onClick={onClick} data-testid=\"ds-backdrop\" />;\n\nDSBackdrop.propTypes = DSBackdropPropTypes;\nexport const DSBackdropWithSchema = describe(DSBackdrop);\nDSBackdropWithSchema.propTypes = DSBackdropPropTypes;\n\nexport default DSBackdrop;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACsBjB;AArBN,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAA2B,2BAA2B;AAGtD,MAAM,cAAc,OAAO;AAAA,IACvB,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQtD,CAAC,UAAW,MAAM,SAAS,YAAY,MAAM,YAAY;AAAA;AAGtD,MAAM,aAAqD,CAAC;AAAA,EACjE,OAAO;AAAA,EACP;AAAA,EACA,UAAU,MAAM;AAClB,MAAM,oBAAC,eAAY,QAAgB,MAAY,SAAkB,eAAY,eAAc;AAE3F,WAAW,YAAY;AAChB,MAAM,uBAAuB,SAAS,UAAU;AACvD,qBAAqB,YAAY;AAEjC,IAAO,mBAAQ;",
   "names": []
 }

package/dist/esm/react-desc-prop-types.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-utilities";
+const DSBackdropPropTypes = {
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  type: PropTypes.oneOf(["fill", "cover"]).description("Type of backdrop"),
+  zIndex: PropTypes.number.description("Z-index for the backdrop"),
+  onClick: PropTypes.func.description("Backdrop click event")
+};
+export {
+  DSBackdropPropTypes
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport type { FontSizeProps, ColorProps } from '@elliemae/ds-system';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSBackdropT {\n  interface IProps {\n    type?: 'fill' | 'cover';\n    onClick?: React.MouseEventHandler;\n  }\n\n  export interface Props\n    extends IProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof IProps | 'color'>,\n      XstyledProps,\n      FontSizeProps,\n      ColorProps {}\n}\n\nexport const DSBackdropPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  /**\n   * ['cover', 'fill']\n   */\n  type: PropTypes.oneOf(['fill', 'cover']).description('Type of backdrop'),\n  /**\n   * z-index of dimmer background\n   */\n  zIndex: PropTypes.number.description('Z-index for the backdrop'),\n  /**\n   * Backdrop click event\n   */\n  onClick: PropTypes.func.description('Backdrop click event'),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,2BAA2B,wBAAwB;AAkBhE,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EAIH,MAAM,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAIvE,QAAQ,UAAU,OAAO,YAAY,0BAA0B;AAAA,EAI/D,SAAS,UAAU,KAAK,YAAY,sBAAsB;AAC5D;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-backdrop",
-  "version": "3.13.0",
+  "version": "3.14.0-next.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Backdrop",
   "files": [
@@ -39,8 +39,8 @@
     "indent": 4
   },
   "dependencies": {
-    "prop-types": "~15.8.1",
-    "@elliemae/ds-system": "3.13.0"
+    "@elliemae/ds-system": "3.14.0-next.1",
+    "@elliemae/ds-utilities": "3.14.0-next.1"
   },
   "devDependencies": {
     "styled-components": "~5.3.6"