@elliemae/ds-props-helpers 3.55.1 → 3.57.0-next.1

package/dist/cjs/index.js

@@ -36,6 +36,7 @@ __export(index_exports, {
   getPropsPerDatatestIdPropTypes: () => import_propsPerDataTestId.getPropsPerDatatestIdPropTypes,
   getPropsPerDatatestid: () => import_propsPerDataTestId.getPropsPerDatatestid,
   getPropsPerSlotPropTypes: () => import_propsPerSlot.getPropsPerSlotPropTypes,
+  getXstyledProps: () => import_xstyledProps.getXstyledProps,
   globalAttributesPropTypes: () => import_globalProps.globalAttributesPropTypes,
   throwRequiredError: () => import_validation.throwRequiredError,
   throwTypeError: () => import_validation.throwTypeError,

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { useMemoMergePropsWithDefault } from './defaultProps/index.js';\nexport { getAriaProps, getDataProps } from './getProps/index.js';\nexport {\n  getGlobalAttributes,\n  useGetGlobalAttributes,\n  globalAttributesPropTypes,\n  type GlobalAttributesT,\n} from './globalProps/index.js';\nexport { describe, PropTypes, type DSPropTypesSchema } from './propTypes/index.js';\nexport type { ValidationMap } from 'prop-types';\nexport {\n  throwTypeError,\n  throwRequiredError,\n  useValidateTypescriptPropTypes,\n  validateTypescriptPropTypesImplementation,\n} from './validation/index.js';\nexport { type XstyledProps, useGetXstyledProps, xstyledPropTypes } from './xstyledProps/index.js';\nexport { useDeprecateComponent } from './useDeprecateComponent/index.js';\n\nexport { getPropsPerDatatestid, getPropsPerDatatestIdPropTypes } from './propsPerDataTestId/index.js';\nexport { getPropsPerSlotPropTypes } from './propsPerSlot/index.js';\nexport { useOwnerProps } from './useOwnerProps/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA6C;AAC7C,sBAA2C;AAC3C,yBAKO;AACP,uBAA4D;AAE5D,wBAKO;AACP,0BAAwE;AACxE,mCAAsC;AAEtC,gCAAsE;AACtE,0BAAyC;AACzC,2BAA8B;",
+  "sourcesContent": ["export { useMemoMergePropsWithDefault } from './defaultProps/index.js';\nexport { getAriaProps, getDataProps } from './getProps/index.js';\nexport {\n  getGlobalAttributes,\n  useGetGlobalAttributes,\n  globalAttributesPropTypes,\n  type GlobalAttributesT,\n} from './globalProps/index.js';\nexport { describe, PropTypes, type DSPropTypesSchema } from './propTypes/index.js';\nexport type { ValidationMap } from 'prop-types';\nexport {\n  throwTypeError,\n  throwRequiredError,\n  useValidateTypescriptPropTypes,\n  validateTypescriptPropTypesImplementation,\n} from './validation/index.js';\nexport { type XstyledProps, useGetXstyledProps, xstyledPropTypes, getXstyledProps } from './xstyledProps/index.js';\nexport { useDeprecateComponent } from './useDeprecateComponent/index.js';\n\nexport { getPropsPerDatatestid, getPropsPerDatatestIdPropTypes } from './propsPerDataTestId/index.js';\nexport { getPropsPerSlotPropTypes } from './propsPerSlot/index.js';\nexport { useOwnerProps } from './useOwnerProps/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA6C;AAC7C,sBAA2C;AAC3C,yBAKO;AACP,uBAA4D;AAE5D,wBAKO;AACP,0BAAyF;AACzF,mCAAsC;AAEtC,gCAAsE;AACtE,0BAAyC;AACzC,2BAA8B;",
   "names": []
 }

package/dist/cjs/useDeprecateComponent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/useDeprecateComponent/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable no-console */\nimport { useEffect } from 'react';\n\ninterface Props {\n  componentName: string;\n  version: string;\n}\n\nexport const useDeprecateComponent = ({ componentName, version }: Props) => {\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production')\n      console.warn(`Warning: ${componentName}:: this component will be deprecated in version: ${version}.`);\n  }, [componentName, version]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA0B;AAOnB,MAAM,wBAAwB,CAAC,EAAE,eAAe,QAAQ,MAAa;AAC1E,8BAAU,MAAM;AACd,QAAI;AACF,cAAQ,KAAK,YAAY,aAAa,oDAAoD,OAAO,GAAG;AAAA,EACxG,GAAG,CAAC,eAAe,OAAO,CAAC;AAC7B;",
+  "sourcesContent": ["/* eslint-disable no-console */\nimport { useEffect } from 'react';\n\ninterface Props {\n  componentName: string;\n  version: string;\n}\n\nexport const useDeprecateComponent = ({ componentName, version }: Props) => {\n  useEffect(() => {\n    /*\n     https://esbuild.github.io/api/#platform\n     When using the build API, all process.env.NODE_ENV expressions are automatically defined to \"production\" if all minification options are enabled and \"development\" otherwise.\n     This only happens if process, process.env, and process.env.NODE_ENV are not already defined.\n     This substitution is necessary to avoid React-based code crashing instantly (since process is a node API, not a web API).\n    */\n    if (process.env.NODE_ENV !== 'production')\n      console.warn(`Warning: ${componentName}:: this component will be deprecated in version: ${version}.`);\n  }, [componentName, version]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA0B;AAOnB,MAAM,wBAAwB,CAAC,EAAE,eAAe,QAAQ,MAAa;AAC1E,8BAAU,MAAM;AAOd,QAAI;AACF,cAAQ,KAAK,YAAY,aAAa,oDAAoD,OAAO,GAAG;AAAA,EACxG,GAAG,CAAC,eAAe,OAAO,CAAC;AAC7B;",
   "names": []
 }

package/dist/cjs/xstyledProps/index.js

@@ -28,6 +28,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var xstyledProps_exports = {};
 __export(xstyledProps_exports, {
+  getXstyledProps: () => import_useGetXstyledProps.getXstyledProps,
   useGetXstyledProps: () => import_useGetXstyledProps.useGetXstyledProps,
   xstyledPropTypes: () => import_xstyledPropTypes.xstyledPropTypes
 });

package/dist/cjs/xstyledProps/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/xstyledProps/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { type XstyledProps, useGetXstyledProps } from './useGetXstyledProps.js';\nexport { xstyledPropTypes } from './xstyledPropTypes.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,gCAAsD;AACtD,8BAAiC;",
+  "sourcesContent": ["export { type XstyledProps, useGetXstyledProps, getXstyledProps } from './useGetXstyledProps.js';\nexport { xstyledPropTypes } from './xstyledPropTypes.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,gCAAuE;AACvE,8BAAiC;",
   "names": []
 }

package/dist/cjs/xstyledProps/useGetXstyledProps.js

@@ -28,22 +28,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useGetXstyledProps_exports = {};
 __export(useGetXstyledProps_exports, {
+  getXstyledProps: () => getXstyledProps,
   useGetXstyledProps: () => useGetXstyledProps
 });
 module.exports = __toCommonJS(useGetXstyledProps_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
 var import_constants = require("./constants.js");
-const useGetXstyledProps = (props) => {
-  const componentXstyledProps = (0, import_react.useMemo)(() => {
-    const xstyledPropsObject = {};
-    Object.entries(props).forEach(([key, value]) => {
-      if (key in import_constants.xstyledKeys) {
-        xstyledPropsObject[key] = value;
-      }
-    });
-    return xstyledPropsObject;
-  }, [props]);
-  return componentXstyledProps;
+const getXstyledProps = (props) => {
+  const xstyledPropsObject = {};
+  Object.entries(props).forEach(([key, value]) => {
+    if (key in import_constants.xstyledKeys) {
+      xstyledPropsObject[key] = value;
+    }
+  });
+  return xstyledPropsObject;
 };
+const useGetXstyledProps = (props) => (0, import_react.useMemo)(() => getXstyledProps(props), [props]);
 //# sourceMappingURL=useGetXstyledProps.js.map

package/dist/cjs/xstyledProps/useGetXstyledProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/xstyledProps/useGetXstyledProps.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useMemo } from 'react';\nimport type {\n  SizingProps,\n  SpaceProps,\n  LayoutProps,\n  BoxShadowProps,\n  BorderProps,\n  BackgroundProps,\n  FontWeightProps,\n  TextAlignProps,\n} from '@elliemae/ds-system';\nimport { xstyledKeys } from './constants.js';\n\nexport interface XstyledProps\n  extends SpaceProps,\n    SizingProps,\n    LayoutProps,\n    BoxShadowProps,\n    BorderProps,\n    BackgroundProps,\n    FontWeightProps,\n    TextAlignProps {}\n\ntype PropsWithXstyled<T> = T & XstyledProps;\n\nexport const useGetXstyledProps = <T,>(props: PropsWithXstyled<T>): XstyledProps => {\n  const componentXstyledProps = useMemo(() => {\n    const xstyledPropsObject: Record<string, unknown> = {};\n    Object.entries(props).forEach(([key, value]) => {\n      if (key in xstyledKeys) {\n        xstyledPropsObject[key] = value;\n      }\n    });\n    return xstyledPropsObject;\n  }, [props]);\n\n  return componentXstyledProps as XstyledProps;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwB;AAWxB,uBAA4B;AAcrB,MAAM,qBAAqB,CAAK,UAA6C;AAClF,QAAM,4BAAwB,sBAAQ,MAAM;AAC1C,UAAM,qBAA8C,CAAC;AACrD,WAAO,QAAQ,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC9C,UAAI,OAAO,8BAAa;AACtB,2BAAmB,GAAG,IAAI;AAAA,MAC5B;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AACT;",
+  "sourcesContent": ["import { useMemo } from 'react';\nimport type {\n  SizingProps,\n  SpaceProps,\n  LayoutProps,\n  BoxShadowProps,\n  BorderProps,\n  BackgroundProps,\n  FontWeightProps,\n  TextAlignProps,\n} from '@elliemae/ds-system';\nimport { xstyledKeys } from './constants.js';\n\nexport interface XstyledProps\n  extends SpaceProps,\n    SizingProps,\n    LayoutProps,\n    BoxShadowProps,\n    BorderProps,\n    BackgroundProps,\n    FontWeightProps,\n    TextAlignProps {}\n\ntype PropsWithXstyled<T> = T & XstyledProps;\n\nexport const getXstyledProps = <T,>(props: PropsWithXstyled<T>): XstyledProps => {\n  const xstyledPropsObject: Record<string, unknown> = {};\n  Object.entries(props).forEach(([key, value]) => {\n    if (key in xstyledKeys) {\n      xstyledPropsObject[key] = value;\n    }\n  });\n  return xstyledPropsObject;\n};\n\nexport const useGetXstyledProps = <T,>(props: PropsWithXstyled<T>): XstyledProps =>\n  useMemo(() => getXstyledProps(props), [props]);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwB;AAWxB,uBAA4B;AAcrB,MAAM,kBAAkB,CAAK,UAA6C;AAC/E,QAAM,qBAA8C,CAAC;AACrD,SAAO,QAAQ,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC9C,QAAI,OAAO,8BAAa;AACtB,yBAAmB,GAAG,IAAI;AAAA,IAC5B;AAAA,EACF,CAAC;AACD,SAAO;AACT;AAEO,MAAM,qBAAqB,CAAK,cACrC,sBAAQ,MAAM,gBAAgB,KAAK,GAAG,CAAC,KAAK,CAAC;",
   "names": []
 }

package/dist/esm/index.js

@@ -13,7 +13,7 @@ import {
   useValidateTypescriptPropTypes,
   validateTypescriptPropTypesImplementation
 } from "./validation/index.js";
-import { useGetXstyledProps, xstyledPropTypes } from "./xstyledProps/index.js";
+import { useGetXstyledProps, xstyledPropTypes, getXstyledProps } from "./xstyledProps/index.js";
 import { useDeprecateComponent } from "./useDeprecateComponent/index.js";
 import { getPropsPerDatatestid, getPropsPerDatatestIdPropTypes } from "./propsPerDataTestId/index.js";
 import { getPropsPerSlotPropTypes } from "./propsPerSlot/index.js";
@@ -27,6 +27,7 @@ export {
   getPropsPerDatatestIdPropTypes,
   getPropsPerDatatestid,
   getPropsPerSlotPropTypes,
+  getXstyledProps,
   globalAttributesPropTypes,
   throwRequiredError,
   throwTypeError,

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { useMemoMergePropsWithDefault } from './defaultProps/index.js';\nexport { getAriaProps, getDataProps } from './getProps/index.js';\nexport {\n  getGlobalAttributes,\n  useGetGlobalAttributes,\n  globalAttributesPropTypes,\n  type GlobalAttributesT,\n} from './globalProps/index.js';\nexport { describe, PropTypes, type DSPropTypesSchema } from './propTypes/index.js';\nexport type { ValidationMap } from 'prop-types';\nexport {\n  throwTypeError,\n  throwRequiredError,\n  useValidateTypescriptPropTypes,\n  validateTypescriptPropTypesImplementation,\n} from './validation/index.js';\nexport { type XstyledProps, useGetXstyledProps, xstyledPropTypes } from './xstyledProps/index.js';\nexport { useDeprecateComponent } from './useDeprecateComponent/index.js';\n\nexport { getPropsPerDatatestid, getPropsPerDatatestIdPropTypes } from './propsPerDataTestId/index.js';\nexport { getPropsPerSlotPropTypes } from './propsPerSlot/index.js';\nexport { useOwnerProps } from './useOwnerProps/index.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,oCAAoC;AAC7C,SAAS,cAAc,oBAAoB;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,UAAU,iBAAyC;AAE5D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAA4B,oBAAoB,wBAAwB;AACxE,SAAS,6BAA6B;AAEtC,SAAS,uBAAuB,sCAAsC;AACtE,SAAS,gCAAgC;AACzC,SAAS,qBAAqB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { useMemoMergePropsWithDefault } from './defaultProps/index.js';\nexport { getAriaProps, getDataProps } from './getProps/index.js';\nexport {\n  getGlobalAttributes,\n  useGetGlobalAttributes,\n  globalAttributesPropTypes,\n  type GlobalAttributesT,\n} from './globalProps/index.js';\nexport { describe, PropTypes, type DSPropTypesSchema } from './propTypes/index.js';\nexport type { ValidationMap } from 'prop-types';\nexport {\n  throwTypeError,\n  throwRequiredError,\n  useValidateTypescriptPropTypes,\n  validateTypescriptPropTypesImplementation,\n} from './validation/index.js';\nexport { type XstyledProps, useGetXstyledProps, xstyledPropTypes, getXstyledProps } from './xstyledProps/index.js';\nexport { useDeprecateComponent } from './useDeprecateComponent/index.js';\n\nexport { getPropsPerDatatestid, getPropsPerDatatestIdPropTypes } from './propsPerDataTestId/index.js';\nexport { getPropsPerSlotPropTypes } from './propsPerSlot/index.js';\nexport { useOwnerProps } from './useOwnerProps/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,oCAAoC;AAC7C,SAAS,cAAc,oBAAoB;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,UAAU,iBAAyC;AAE5D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAA4B,oBAAoB,kBAAkB,uBAAuB;AACzF,SAAS,6BAA6B;AAEtC,SAAS,uBAAuB,sCAAsC;AACtE,SAAS,gCAAgC;AACzC,SAAS,qBAAqB;",
   "names": []
 }

package/dist/esm/useDeprecateComponent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDeprecateComponent/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-console */\nimport { useEffect } from 'react';\n\ninterface Props {\n  componentName: string;\n  version: string;\n}\n\nexport const useDeprecateComponent = ({ componentName, version }: Props) => {\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production')\n      console.warn(`Warning: ${componentName}:: this component will be deprecated in version: ${version}.`);\n  }, [componentName, version]);\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAOnB,MAAM,wBAAwB,CAAC,EAAE,eAAe,QAAQ,MAAa;AAC1E,YAAU,MAAM;AACd,QAAI;AACF,cAAQ,KAAK,YAAY,aAAa,oDAAoD,OAAO,GAAG;AAAA,EACxG,GAAG,CAAC,eAAe,OAAO,CAAC;AAC7B;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-console */\nimport { useEffect } from 'react';\n\ninterface Props {\n  componentName: string;\n  version: string;\n}\n\nexport const useDeprecateComponent = ({ componentName, version }: Props) => {\n  useEffect(() => {\n    /*\n     https://esbuild.github.io/api/#platform\n     When using the build API, all process.env.NODE_ENV expressions are automatically defined to \"production\" if all minification options are enabled and \"development\" otherwise.\n     This only happens if process, process.env, and process.env.NODE_ENV are not already defined.\n     This substitution is necessary to avoid React-based code crashing instantly (since process is a node API, not a web API).\n    */\n    if (process.env.NODE_ENV !== 'production')\n      console.warn(`Warning: ${componentName}:: this component will be deprecated in version: ${version}.`);\n  }, [componentName, version]);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAOnB,MAAM,wBAAwB,CAAC,EAAE,eAAe,QAAQ,MAAa;AAC1E,YAAU,MAAM;AAOd,QAAI;AACF,cAAQ,KAAK,YAAY,aAAa,oDAAoD,OAAO,GAAG;AAAA,EACxG,GAAG,CAAC,eAAe,OAAO,CAAC;AAC7B;",
   "names": []
 }

package/dist/esm/xstyledProps/index.js

@@ -1,7 +1,8 @@
 import * as React from "react";
-import { useGetXstyledProps } from "./useGetXstyledProps.js";
+import { useGetXstyledProps, getXstyledProps } from "./useGetXstyledProps.js";
 import { xstyledPropTypes } from "./xstyledPropTypes.js";
 export {
+  getXstyledProps,
   useGetXstyledProps,
   xstyledPropTypes
 };

package/dist/esm/xstyledProps/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/xstyledProps/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { type XstyledProps, useGetXstyledProps } from './useGetXstyledProps.js';\nexport { xstyledPropTypes } from './xstyledPropTypes.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAA4B,0BAA0B;AACtD,SAAS,wBAAwB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { type XstyledProps, useGetXstyledProps, getXstyledProps } from './useGetXstyledProps.js';\nexport { xstyledPropTypes } from './xstyledPropTypes.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAA4B,oBAAoB,uBAAuB;AACvE,SAAS,wBAAwB;",
   "names": []
 }

package/dist/esm/xstyledProps/useGetXstyledProps.js

@@ -1,19 +1,18 @@
 import * as React from "react";
 import { useMemo } from "react";
 import { xstyledKeys } from "./constants.js";
-const useGetXstyledProps = (props) => {
-  const componentXstyledProps = useMemo(() => {
-    const xstyledPropsObject = {};
-    Object.entries(props).forEach(([key, value]) => {
-      if (key in xstyledKeys) {
-        xstyledPropsObject[key] = value;
-      }
-    });
-    return xstyledPropsObject;
-  }, [props]);
-  return componentXstyledProps;
+const getXstyledProps = (props) => {
+  const xstyledPropsObject = {};
+  Object.entries(props).forEach(([key, value]) => {
+    if (key in xstyledKeys) {
+      xstyledPropsObject[key] = value;
+    }
+  });
+  return xstyledPropsObject;
 };
+const useGetXstyledProps = (props) => useMemo(() => getXstyledProps(props), [props]);
 export {
+  getXstyledProps,
   useGetXstyledProps
 };
 //# sourceMappingURL=useGetXstyledProps.js.map

package/dist/esm/xstyledProps/useGetXstyledProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/xstyledProps/useGetXstyledProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo } from 'react';\nimport type {\n  SizingProps,\n  SpaceProps,\n  LayoutProps,\n  BoxShadowProps,\n  BorderProps,\n  BackgroundProps,\n  FontWeightProps,\n  TextAlignProps,\n} from '@elliemae/ds-system';\nimport { xstyledKeys } from './constants.js';\n\nexport interface XstyledProps\n  extends SpaceProps,\n    SizingProps,\n    LayoutProps,\n    BoxShadowProps,\n    BorderProps,\n    BackgroundProps,\n    FontWeightProps,\n    TextAlignProps {}\n\ntype PropsWithXstyled<T> = T & XstyledProps;\n\nexport const useGetXstyledProps = <T,>(props: PropsWithXstyled<T>): XstyledProps => {\n  const componentXstyledProps = useMemo(() => {\n    const xstyledPropsObject: Record<string, unknown> = {};\n    Object.entries(props).forEach(([key, value]) => {\n      if (key in xstyledKeys) {\n        xstyledPropsObject[key] = value;\n      }\n    });\n    return xstyledPropsObject;\n  }, [props]);\n\n  return componentXstyledProps as XstyledProps;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe;AAWxB,SAAS,mBAAmB;AAcrB,MAAM,qBAAqB,CAAK,UAA6C;AAClF,QAAM,wBAAwB,QAAQ,MAAM;AAC1C,UAAM,qBAA8C,CAAC;AACrD,WAAO,QAAQ,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC9C,UAAI,OAAO,aAAa;AACtB,2BAAmB,GAAG,IAAI;AAAA,MAC5B;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo } from 'react';\nimport type {\n  SizingProps,\n  SpaceProps,\n  LayoutProps,\n  BoxShadowProps,\n  BorderProps,\n  BackgroundProps,\n  FontWeightProps,\n  TextAlignProps,\n} from '@elliemae/ds-system';\nimport { xstyledKeys } from './constants.js';\n\nexport interface XstyledProps\n  extends SpaceProps,\n    SizingProps,\n    LayoutProps,\n    BoxShadowProps,\n    BorderProps,\n    BackgroundProps,\n    FontWeightProps,\n    TextAlignProps {}\n\ntype PropsWithXstyled<T> = T & XstyledProps;\n\nexport const getXstyledProps = <T,>(props: PropsWithXstyled<T>): XstyledProps => {\n  const xstyledPropsObject: Record<string, unknown> = {};\n  Object.entries(props).forEach(([key, value]) => {\n    if (key in xstyledKeys) {\n      xstyledPropsObject[key] = value;\n    }\n  });\n  return xstyledPropsObject;\n};\n\nexport const useGetXstyledProps = <T,>(props: PropsWithXstyled<T>): XstyledProps =>\n  useMemo(() => getXstyledProps(props), [props]);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe;AAWxB,SAAS,mBAAmB;AAcrB,MAAM,kBAAkB,CAAK,UAA6C;AAC/E,QAAM,qBAA8C,CAAC;AACrD,SAAO,QAAQ,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC9C,QAAI,OAAO,aAAa;AACtB,yBAAmB,GAAG,IAAI;AAAA,IAC5B;AAAA,EACF,CAAC;AACD,SAAO;AACT;AAEO,MAAM,qBAAqB,CAAK,UACrC,QAAQ,MAAM,gBAAgB,KAAK,GAAG,CAAC,KAAK,CAAC;",
   "names": []
 }

package/dist/types/index.d.ts

@@ -4,7 +4,7 @@ export { getGlobalAttributes, useGetGlobalAttributes, globalAttributesPropTypes,
 export { describe, PropTypes, type DSPropTypesSchema } from './propTypes/index.js';
 export type { ValidationMap } from 'prop-types';
 export { throwTypeError, throwRequiredError, useValidateTypescriptPropTypes, validateTypescriptPropTypesImplementation, } from './validation/index.js';
-export { type XstyledProps, useGetXstyledProps, xstyledPropTypes } from './xstyledProps/index.js';
+export { type XstyledProps, useGetXstyledProps, xstyledPropTypes, getXstyledProps } from './xstyledProps/index.js';
 export { useDeprecateComponent } from './useDeprecateComponent/index.js';
 export { getPropsPerDatatestid, getPropsPerDatatestIdPropTypes } from './propsPerDataTestId/index.js';
 export { getPropsPerSlotPropTypes } from './propsPerSlot/index.js';

package/dist/types/xstyledProps/index.d.ts

@@ -1,2 +1,2 @@
-export { type XstyledProps, useGetXstyledProps } from './useGetXstyledProps.js';
+export { type XstyledProps, useGetXstyledProps, getXstyledProps } from './useGetXstyledProps.js';
 export { xstyledPropTypes } from './xstyledPropTypes.js';

package/dist/types/xstyledProps/useGetXstyledProps.d.ts

@@ -2,5 +2,6 @@ import type { SizingProps, SpaceProps, LayoutProps, BoxShadowProps, BorderProps,
 export interface XstyledProps extends SpaceProps, SizingProps, LayoutProps, BoxShadowProps, BorderProps, BackgroundProps, FontWeightProps, TextAlignProps {
 }
 type PropsWithXstyled<T> = T & XstyledProps;
+export declare const getXstyledProps: <T>(props: PropsWithXstyled<T>) => XstyledProps;
 export declare const useGetXstyledProps: <T>(props: PropsWithXstyled<T>) => XstyledProps;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-props-helpers",
-  "version": "3.55.1",
+  "version": "3.57.0-next.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Props Helpers",
   "files": [
@@ -35,14 +35,14 @@
   "dependencies": {
     "fast-deep-equal": "~3.1.3",
     "prop-types": "~15.8.1",
-    "@elliemae/ds-system": "3.55.1",
-    "@elliemae/ds-typescript-helpers": "3.55.1"
+    "@elliemae/ds-system": "3.57.0-next.1",
+    "@elliemae/ds-typescript-helpers": "3.57.0-next.1"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "9.0.0-next.65",
     "jest": "~29.7.0",
     "jest-cli": "~29.7.0",
-    "@elliemae/ds-monorepo-devops": "3.55.1"
+    "@elliemae/ds-monorepo-devops": "3.57.0-next.1"
   },
   "peerDependencies": {
     "lodash-es": "^4.17.21",