@elliemae/ds-props-helpers 2.3.0-alpha.8 → 2.3.0-next.10

package/esm/validation/typescriptValidator.js

@@ -0,0 +1,203 @@
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState, useMemo } from 'react';
+import '../propTypes/PropTypes.js';
+import describe from '../propTypes/describe.js';
+import { throwRequiredError, throwTypeError } from './errorTemplates.js';
+import { isUndefined, isNull, isPrimitiveType, isUnion, isString, isArray, isObject, isFunction, isJSXorNode, isSomethingWithParenthesis } from './typescriptGuards.js';
+import { typescriptObjectParser } from './typescriptParsers.js';
+
+// =============================================================================
+// Atom Validators
+// =============================================================================
+// This functions will validate something from the data
+// and optionally recursively apply `validateValueWithFormat`
+// in smaller parts
+const validateUndefined = (schemaName, key, value, format) => {
+  if (value !== undefined || value === 'undefined') {
+    throwTypeError(schemaName, key, value, format);
+  }
+};
+
+const validateNull = (schemaName, key, value, format) => {
+  if (value !== null || value === 'null') {
+    throwTypeError(schemaName, key, value, format);
+  }
+};
+
+const validatePrimitiveType = (schemaName, key, value, format) => {
+  if (typeof value !== format) {
+    throwTypeError(schemaName, key, value, format);
+  }
+};
+
+const validateString = (schemaName, key, value, format) => {
+  if (value !== format.slice(1, -1)) {
+    throwTypeError(schemaName, key, value, format);
+  }
+};
+
+const validateArray = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {
+  // Check that we have an array
+  if (!Array.isArray(value)) {
+    throwTypeError(schemaName, key, value, format);
+  } // Check that each element inside satisfies the format
+
+
+  value.forEach((val, index) => {
+    // this is a recursive func, we need to invoke it before it's defined.
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    validateValueWithFormat(schemaName, "".concat(key, "[").concat(index, "]"), val, format.slice(0, -2), validationsMemo, nextValidationsMemo);
+  });
+};
+
+function isObjectType(value) {
+  return !(typeof value !== 'object' || Array.isArray(value));
+}
+
+const validateObject = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {
+  const valuesIsObject = isObjectType(value); // Check that we have an object
+
+  if (!valuesIsObject) {
+    throwTypeError(schemaName, key, value, format);
+    return;
+  }
+
+  if (format === 'object') return;
+  const keyValuePairs = typescriptObjectParser(format); // Now we have the key - value pairs
+  // Each key could either be required or not
+  // Just recursively check the object
+
+  keyValuePairs.forEach(_ref => {
+    let [objectKey, objectValue] = _ref;
+    const trueKey = objectKey.slice(-1) === '?' ? objectKey.slice(0, -1) : objectKey;
+
+    if (trueKey === objectKey && !(trueKey in value)) {
+      throwRequiredError(schemaName, key);
+    }
+
+    if (trueKey in value) {
+      // this is a recursive func, we need to invoke it before it's defined.
+      // eslint-disable-next-line @typescript-eslint/no-use-before-define
+      validateValueWithFormat(schemaName, "".concat(key, "[").concat(trueKey, "]"), value[trueKey], objectValue, validationsMemo, nextValidationsMemo);
+    }
+  });
+};
+
+const validateUnion = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {
+  const possibilities = format.split(/\s?\|\s?/);
+  const errors = [];
+  possibilities.forEach(possibility => {
+    try {
+      // this is a recursive func, we need to invoke it before it's defined.
+      // eslint-disable-next-line @typescript-eslint/no-use-before-define
+      validateValueWithFormat(schemaName, key, value, possibility, validationsMemo, nextValidationsMemo);
+    } catch (e) {
+      errors.push(e);
+    }
+  });
+
+  if (errors.length === possibilities.length) {
+    throwTypeError(schemaName, key, value, format);
+  }
+};
+
+const validateFunction = (schemaName, key, value, format) => {
+  // Check that we have a function
+  if (typeof value !== 'function') {
+    throwTypeError(schemaName, key, value, format);
+  }
+};
+
+function isJSXElement(value) {
+  return value === null || typeof value === 'object' && value !== null && '$$typeof' in value;
+}
+
+const validateJSXorNode = (schemaName, key, value, format) => {
+  const valueIsJSX = isJSXElement(value);
+
+  if (format === 'JSX.Element' && !valueIsJSX) {
+    throwTypeError(schemaName, key, value, format);
+  }
+}; // =============================================================================
+// Schema validator
+// =============================================================================
+
+
+const validateValueWithFormat = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {
+  nextValidationsMemo[value] = format;
+
+  if (value in validationsMemo) {
+    // We already validated this value on this format
+    return;
+  }
+
+  if (isUndefined(format)) {
+    validateUndefined(schemaName, key, value, format);
+  } else if (isNull(format)) {
+    validateNull(schemaName, key, value, format);
+  } else if (isPrimitiveType(format)) {
+    validatePrimitiveType(schemaName, key, value, format);
+  } else if (isUnion(format)) {
+    validateUnion(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
+  } else if (isString(format)) {
+    validateString(schemaName, key, value, format);
+  } else if (isArray(format)) {
+    validateArray(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
+  } else if (isObject(format)) {
+    validateObject(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
+  } else if (isFunction(format)) {
+    validateFunction(schemaName, key, value, format);
+  } else if (isJSXorNode(format)) {
+    validateJSXorNode(schemaName, key, value, format);
+  } else if (isSomethingWithParenthesis(format)) {
+    validateValueWithFormat(schemaName, key, value, format.slice(1, -1), validationsMemo, nextValidationsMemo);
+  }
+};
+
+const validateTypescriptPropTypesImplementation = function (props, schema) {
+  let validationsMemo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let nextValidationsMemo = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  const {
+    properties,
+    name: schemaName
+  } = schema;
+  properties.forEach(property => {
+    const {
+      name,
+      format,
+      required
+    } = property;
+
+    if (required && !(name in props)) {
+      throwRequiredError(schema.name, name);
+    }
+
+    if (name in props && (props[name] !== undefined || required)) {
+      validateValueWithFormat(schemaName, name, props[name], format, validationsMemo, nextValidationsMemo);
+    }
+  });
+}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+const useValidateTypescriptPropTypes = (props, propTypes) => {
+  const [validationsMemo, setValidationsMemo] = useState({}); // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+
+  const ComponentWithSchema = useMemo(() => {
+    const Component = () => {}; // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call
+
+
+    return describe(Component);
+  }, []); // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,  @typescript-eslint/no-unsafe-assignment
+
+  ComponentWithSchema.propTypes = propTypes;
+  useMemo(() => {
+    const nextValidationsMemo = {};
+    validateTypescriptPropTypesImplementation(props, // eslint-disable-next-line  @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
+    ComponentWithSchema.toTypescript(), validationsMemo, nextValidationsMemo);
+    setValidationsMemo(nextValidationsMemo); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props]);
+};
+
+export { useValidateTypescriptPropTypes, validateTypescriptPropTypesImplementation };

package/esm/validation/validator.js

@@ -0,0 +1,32 @@
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import { throwRequiredError, throwTypeError } from './errorTemplates.js';
+
+const useValidatePropTypes = (props, schema) => {
+  schema.properties.forEach(property => {
+    const propertyName = property.name;
+    const currentProp = props[propertyName];
+    const currentPropTypeOf = typeof currentProp; // eslint-disable-next-line max-len
+
+    const currentFormat = property.format; // this is csv representing types e.g.: "string"/"string,number"/"[object],string"
+
+    let isValidReactElement = false; // this depends on react desc definition
+
+    if (property.required && !Object.prototype.hasOwnProperty.call(props, property.name)) {
+      throwRequiredError(schema.name, property.name);
+    }
+
+    if (currentPropTypeOf !== 'undefined' && currentProp !== null) {
+      if (currentPropTypeOf === 'object' && Object.prototype.hasOwnProperty.call(currentProp, '$$typeof') && (currentFormat.includes('node') || currentFormat.includes('element'))) {
+        isValidReactElement = true;
+      }
+
+      if (!currentFormat.includes(currentPropTypeOf) && !currentFormat.includes(currentProp) && !isValidReactElement) {
+        throwTypeError(schema.name, propertyName, currentProp, currentFormat);
+      }
+    }
+  });
+};
+
+export { useValidatePropTypes };

package/esm/xstyledProps/constants.js

@@ -0,0 +1,16 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+
+const marginKeys = ['margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'm', 'mt', 'mr', 'mb', 'ml', 'mx', 'my'];
+const paddingKeys = ['padding', 'p', 'paddingTop', 'pt', 'paddingRight', 'pr', 'paddingBottom', 'pb', 'paddingLeft', 'pl', 'px', 'py'];
+const spaceKeys = ['spaceY', 'spaceX', 'spaceXReverse', 'spaceYReverse'];
+const widthKeys = ['w', 'maxWidth', 'maxW', 'minWidth', 'minW'];
+const heightKeys = ['h', 'maxHeight', 'maxH', 'minHeight', 'minH'];
+const maskSizeKeys = ['maskSize'];
+const spacingKeys = [...marginKeys, ...paddingKeys, ...spaceKeys];
+const sizingKeys = [...widthKeys, ...heightKeys, ...maskSizeKeys];
+const layoutKeys = ['display', 'float', 'boxSizing', 'container', 'overflow', 'overflowX', 'overflowY', 'zIndex', 'position', 'top', 'right', 'bottom', 'left', 'visibility', 'overscrollBehavior', 'objectFit'];
+const xstyledKeys = Object.fromEntries([...spacingKeys, ...sizingKeys, ...layoutKeys].map(item => [item, true]));
+
+export { layoutKeys, xstyledKeys };

package/esm/xstyledProps/index.js

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

package/esm/xstyledProps/useGetXstyledProps.js

@@ -0,0 +1,23 @@
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useMemo } from 'react';
+import { xstyledKeys } from './constants.js';
+
+const useGetXstyledProps = props => {
+  const componentXstyledProps = useMemo(() => {
+    const xstyledPropsObject = {};
+    Object.entries(props).forEach(_ref => {
+      let [key, value] = _ref;
+
+      if (key in xstyledKeys) {
+        xstyledPropsObject[key] = value;
+      }
+    });
+    return xstyledPropsObject;
+  }, [props]);
+  return componentXstyledProps;
+};
+
+export { useGetXstyledProps };

package/esm/xstyledProps/xstyledPropTypes.js

@@ -0,0 +1,71 @@
+import PropTypes from '../propTypes/PropTypes.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'prop-types';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import '@babel/runtime/helpers/esm/defineProperty';
+
+const xstyledPropTypes = {
+  margin: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  m: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  marginTop: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  mt: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  marginRight: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  mr: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  marginBottom: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  mb: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  marginLeft: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  ml: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  mx: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  my: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  padding: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  p: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  paddingTop: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  pt: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  paddingRight: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  pr: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  paddingBottom: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  pb: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  paddingLeft: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  pl: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  px: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  py: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  spaceY: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  spaceX: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  spaceXReverse: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  spaceYReverse: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  w: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  maxWidth: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  maxW: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  minWidth: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  minW: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  h: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  maxHeight: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  maxH: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  minHeight: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  minH: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  maskSize: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  display: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  float: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  boxSizing: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  container: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  overflow: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  overflowX: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  overflowY: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  zIndex: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  position: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  top: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  right: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  bottom: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  left: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  visibility: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  overscrollBehavior: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled(),
+  objectFit: PropTypes.any.description('Applies to the root container. For more info read xstyled docs').xstyled()
+};
+
+export { xstyledPropTypes };

package/package.json

@@ -1,110 +1,123 @@
 {
   "name": "@elliemae/ds-props-helpers",
-  "version": "2.3.0-alpha.8",
+  "version": "2.3.0-next.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Props Helpers",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./xstyledProps/xstyledPropTypes": {
+      "import": "./esm/xstyledProps/xstyledPropTypes.js",
+      "require": "./cjs/xstyledProps/xstyledPropTypes.js"
+    },
+    "./xstyledProps/useGetXstyledProps": {
+      "import": "./esm/xstyledProps/useGetXstyledProps.js",
+      "require": "./cjs/xstyledProps/useGetXstyledProps.js"
+    },
+    "./xstyledProps": {
+      "import": "./esm/xstyledProps/index.js",
+      "require": "./cjs/xstyledProps/index.js"
+    },
+    "./xstyledProps/constants": {
+      "import": "./esm/xstyledProps/constants.js",
+      "require": "./cjs/xstyledProps/constants.js"
     },
     "./validation/validator": {
-      "import": "./dist/esm/validation/validator.js",
-      "require": "./dist/cjs/validation/validator.js"
+      "import": "./esm/validation/validator.js",
+      "require": "./cjs/validation/validator.js"
     },
     "./validation/typescriptValidator": {
-      "import": "./dist/esm/validation/typescriptValidator.js",
-      "require": "./dist/cjs/validation/typescriptValidator.js"
+      "import": "./esm/validation/typescriptValidator.js",
+      "require": "./cjs/validation/typescriptValidator.js"
     },
     "./validation/typescriptParsers": {
-      "import": "./dist/esm/validation/typescriptParsers.js",
-      "require": "./dist/cjs/validation/typescriptParsers.js"
+      "import": "./esm/validation/typescriptParsers.js",
+      "require": "./cjs/validation/typescriptParsers.js"
     },
     "./validation/typescriptGuards": {
-      "import": "./dist/esm/validation/typescriptGuards.js",
-      "require": "./dist/cjs/validation/typescriptGuards.js"
+      "import": "./esm/validation/typescriptGuards.js",
+      "require": "./cjs/validation/typescriptGuards.js"
     },
     "./validation": {
-      "import": "./dist/esm/validation/index.js",
-      "require": "./dist/cjs/validation/index.js"
+      "import": "./esm/validation/index.js",
+      "require": "./cjs/validation/index.js"
     },
     "./validation/errorTemplates": {
-      "import": "./dist/esm/validation/errorTemplates.js",
-      "require": "./dist/cjs/validation/errorTemplates.js"
+      "import": "./esm/validation/errorTemplates.js",
+      "require": "./cjs/validation/errorTemplates.js"
     },
     "./tests/validation/test.schema": {
-      "import": "./dist/esm/tests/validation/test.schema.js",
-      "require": "./dist/cjs/tests/validation/test.schema.js"
+      "import": "./esm/tests/validation/test.schema.js",
+      "require": "./cjs/tests/validation/test.schema.js"
     },
     "./tests/globalProps/TestComponent": {
-      "import": "./dist/esm/tests/globalProps/TestComponent.js",
-      "require": "./dist/cjs/tests/globalProps/TestComponent.js"
+      "import": "./esm/tests/globalProps/TestComponent.js",
+      "require": "./cjs/tests/globalProps/TestComponent.js"
     },
     "./propTypes/types": {
-      "import": "./dist/esm/propTypes/types.js",
-      "require": "./dist/cjs/propTypes/types.js"
+      "import": "./esm/propTypes/types.js",
+      "require": "./cjs/propTypes/types.js"
     },
     "./propTypes/toTypescript": {
-      "import": "./dist/esm/propTypes/toTypescript.js",
-      "require": "./dist/cjs/propTypes/toTypescript.js"
+      "import": "./esm/propTypes/toTypescript.js",
+      "require": "./cjs/propTypes/toTypescript.js"
     },
     "./propTypes/PropTypes": {
-      "import": "./dist/esm/propTypes/PropTypes.js",
-      "require": "./dist/cjs/propTypes/PropTypes.js"
+      "import": "./esm/propTypes/PropTypes.js",
+      "require": "./cjs/propTypes/PropTypes.js"
     },
     "./propTypes": {
-      "import": "./dist/esm/propTypes/index.js",
-      "require": "./dist/cjs/propTypes/index.js"
+      "import": "./esm/propTypes/index.js",
+      "require": "./cjs/propTypes/index.js"
     },
     "./propTypes/describeGuards": {
-      "import": "./dist/esm/propTypes/describeGuards.js",
-      "require": "./dist/cjs/propTypes/describeGuards.js"
+      "import": "./esm/propTypes/describeGuards.js",
+      "require": "./cjs/propTypes/describeGuards.js"
     },
     "./propTypes/describeConversions": {
-      "import": "./dist/esm/propTypes/describeConversions.js",
-      "require": "./dist/cjs/propTypes/describeConversions.js"
+      "import": "./esm/propTypes/describeConversions.js",
+      "require": "./cjs/propTypes/describeConversions.js"
     },
     "./propTypes/describe": {
-      "import": "./dist/esm/propTypes/describe.js",
-      "require": "./dist/cjs/propTypes/describe.js"
+      "import": "./esm/propTypes/describe.js",
+      "require": "./cjs/propTypes/describe.js"
     },
     "./propTypes/customPropTypes": {
-      "import": "./dist/esm/propTypes/customPropTypes.js",
-      "require": "./dist/cjs/propTypes/customPropTypes.js"
+      "import": "./esm/propTypes/customPropTypes.js",
+      "require": "./cjs/propTypes/customPropTypes.js"
     },
     "./globalProps/useGetGlobalAttributes": {
-      "import": "./dist/esm/globalProps/useGetGlobalAttributes.js",
-      "require": "./dist/cjs/globalProps/useGetGlobalAttributes.js"
+      "import": "./esm/globalProps/useGetGlobalAttributes.js",
+      "require": "./cjs/globalProps/useGetGlobalAttributes.js"
     },
     "./globalProps": {
-      "import": "./dist/esm/globalProps/index.js",
-      "require": "./dist/cjs/globalProps/index.js"
+      "import": "./esm/globalProps/index.js",
+      "require": "./cjs/globalProps/index.js"
     },
     "./globalProps/globalAttributesPropTypes": {
-      "import": "./dist/esm/globalProps/globalAttributesPropTypes.js",
-      "require": "./dist/cjs/globalProps/globalAttributesPropTypes.js"
+      "import": "./esm/globalProps/globalAttributesPropTypes.js",
+      "require": "./cjs/globalProps/globalAttributesPropTypes.js"
     },
     "./globalProps/constants": {
-      "import": "./dist/esm/globalProps/constants.js",
-      "require": "./dist/cjs/globalProps/constants.js"
+      "import": "./esm/globalProps/constants.js",
+      "require": "./cjs/globalProps/constants.js"
     },
     "./getProps": {
-      "import": "./dist/esm/getProps/index.js",
-      "require": "./dist/cjs/getProps/index.js"
+      "import": "./esm/getProps/index.js",
+      "require": "./cjs/getProps/index.js"
     },
     "./defaultProps/useMemoMergePropsWithDefault": {
-      "import": "./dist/esm/defaultProps/useMemoMergePropsWithDefault.js",
-      "require": "./dist/cjs/defaultProps/useMemoMergePropsWithDefault.js"
+      "import": "./esm/defaultProps/useMemoMergePropsWithDefault.js",
+      "require": "./cjs/defaultProps/useMemoMergePropsWithDefault.js"
     },
     "./defaultProps": {
-      "import": "./dist/esm/defaultProps/index.js",
-      "require": "./dist/cjs/defaultProps/index.js"
+      "import": "./esm/defaultProps/index.js",
+      "require": "./cjs/defaultProps/index.js"
     }
   },
   "sideEffects": [
@@ -116,15 +129,22 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
     "fast-deep-equal": "~3.1.3",
     "react-desc": "^4.1.3"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.15.1"
+    "@testing-library/jest-dom": "~5.15.0",
+    "@xstyled/styled-components": "~3.5.1"
   },
   "peerDependencies": {
     "react": "~17.0.2",
@@ -132,12 +152,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/defaultProps/index.d.ts

@@ -0,0 +1 @@
+export * from './useMemoMergePropsWithDefault';

package/types/defaultProps/useMemoMergePropsWithDefault.d.ts

@@ -0,0 +1 @@
+export declare const useMemoMergePropsWithDefault: <T = Record<string, any>>(props: Partial<T>, defaultProps: Partial<T>, compare?: (a: any, b: any) => boolean) => T;

package/types/getProps/index.d.ts

@@ -0,0 +1,2 @@
+export declare const getAriaProps: (props: Record<string, unknown>) => Record<string, unknown>;
+export declare const getDataProps: (props: Record<string, unknown>) => Record<string, unknown>;

package/types/globalProps/constants.d.ts

@@ -0,0 +1,3 @@
+import { AriaAttributes, DOMAttributes, HTMLAttributes } from 'react';
+export declare type GlobalAttributes<T = true> = Record<keyof (AriaAttributes & DOMAttributes<Element> & HTMLAttributes<Element>), T>;
+export declare const globalAttributes: GlobalAttributes<true>;