@elliemae/ds-backdrop 3.16.0-next.2 → 3.16.0-next.4

package/dist/cjs/Backdrop.js

@@ -32,7 +32,7 @@ module.exports = __toCommonJS(Backdrop_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 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"};
@@ -51,7 +51,7 @@ const DSBackdrop = ({
   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);
+const DSBackdropWithSchema = (0, import_ds_props_helpers.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 { 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;",
+  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { describe } from '@elliemae/ds-props-helpers';\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,8BAAyB;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,kCAAS,UAAU;AACvD,qBAAqB,YAAY;AAEjC,IAAO,mBAAQ;",
   "names": []
 }

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

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

@@ -28,12 +28,12 @@ __export(react_desc_prop_types_exports, {
 });
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 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")
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  type: import_ds_props_helpers.PropTypes.oneOf(["fill", "cover"]).description("Type of backdrop"),
+  zIndex: import_ds_props_helpers.PropTypes.number.description("Z-index for the backdrop"),
+  onClick: import_ds_props_helpers.PropTypes.func.description("Backdrop click event")
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +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;",
+  "sourcesContent": ["import type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\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;ADEvB,8BAAuE;AAkBhE,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EAIH,MAAM,kCAAU,MAAM,CAAC,QAAQ,OAAO,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAIvE,QAAQ,kCAAU,OAAO,YAAY,0BAA0B;AAAA,EAI/D,SAAS,kCAAU,KAAK,YAAY,sBAAsB;AAC5D;",
   "names": []
 }

package/dist/esm/Backdrop.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { styled } from "@elliemae/ds-system";
-import { describe } from "@elliemae/ds-utilities";
+import { describe } from "@elliemae/ds-props-helpers";
 import { DSBackdropPropTypes } from "./react-desc-prop-types";
 const BackdropTag = styled.div`
   ${({ type }) => type === "cover" ? "position: fixed" : "position: absolute"};

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 { 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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { describe } from '@elliemae/ds-props-helpers';\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/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-utilities";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
 const DSBackdropPropTypes = {
   ...globalAttributesPropTypes,
   ...xstyledPropTypes,

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

@@ -1,7 +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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\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;ACEvB,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/dist/types/Backdrop.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type DSBackdropT } from './react-desc-prop-types';
 export declare const DSBackdrop: React.ComponentType<DSBackdropT.Props>;
-export declare const DSBackdropWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<DSBackdropT.Props>;
+export declare const DSBackdropWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<DSBackdropT.Props>;
 export default DSBackdrop;

package/dist/types/react-desc-prop-types.d.ts

@@ -1,4 +1,4 @@
-import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';
+import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
 import type { FontSizeProps, ColorProps } from '@elliemae/ds-system';
 import type { WeakValidationMap } from 'react';
 export declare namespace DSBackdropT {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-backdrop",
-  "version": "3.16.0-next.2",
+  "version": "3.16.0-next.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Backdrop",
   "files": [
@@ -39,8 +39,9 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-system": "3.16.0-next.2",
-    "@elliemae/ds-utilities": "3.16.0-next.2"
+    "@elliemae/ds-system": "3.16.0-next.4",
+    "@elliemae/ds-props-helpers": "3.16.0-next.4",
+    "@elliemae/ds-utilities": "3.16.0-next.4"
   },
   "devDependencies": {
     "styled-components": "~5.3.6"
@@ -61,7 +62,7 @@
     "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
     "dts": "node ../../scripts/dts.mjs",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
-    "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
+    "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }