@elliemae/ds-props-helpers 2.0.0-next.9 → 2.0.0-rc.12

package/cjs/defaultProps/useMemoMergePropsWithDefault.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var react = require('react');
 var deepequal = require('fast-deep-equal/react');
@@ -18,7 +23,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 const useMemoCompare = (next, compare) => {
   // Ref for storing previous value
-  const previousRef = react.useRef();
+  const previousRef = react.useRef(next);
   const previous = previousRef.current; // Pass previous and next value to compare function
   // to determine whether to consider them equal.
 
@@ -32,7 +37,9 @@ const useMemoCompare = (next, compare) => {
 }; // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 
-const useMemoMergePropsWithDefault = (props, defaultProps, compare = deepequal__default["default"]) => {
+const useMemoMergePropsWithDefault = function (props, defaultProps) {
+  let compare = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : deepequal__default["default"];
+
   const mergedProps = _objectSpread(_objectSpread({}, defaultProps), props);
 
   return useMemoCompare(mergedProps, compare);

package/cjs/getProps/index.js

@@ -2,10 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
 require('core-js/modules/web.dom-collections.iterator.js');
 
-const getAriaProps = props => Object.fromEntries(Object.entries(props).filter(([key]) => key.includes('aria-')));
-const getDataProps = props => Object.fromEntries(Object.entries(props).filter(([key]) => key.includes('data-')));
+const getAriaProps = props => Object.fromEntries(Object.entries(props).filter(_ref => {
+  let [key] = _ref;
+  return key.includes('aria-');
+}));
+const getDataProps = props => Object.fromEntries(Object.entries(props).filter(_ref2 => {
+  let [key] = _ref2;
+  return key.includes('data-');
+}));
 
 exports.getAriaProps = getAriaProps;
 exports.getDataProps = getDataProps;

package/cjs/validation/typescriptGuards.js

@@ -2,6 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+
 const isPrimitiveType = format => ['string', 'number', 'boolean'].includes(format);
 const isUndefined = format => format === '"undefined"';
 const isUnion = format => {

package/cjs/validation/typescriptParsers.js

@@ -2,6 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+
 /* eslint-disable complexity */
 const typescriptObjectParser = format => {
   const keyValuePairs = []; // State of the algorithm

package/cjs/validation/typescriptValidator.js

@@ -2,7 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('core-js/modules/web.dom-collections.iterator.js');
+var reactDesc = require('react-desc');
 var react = require('react');
 var errorTemplates = require('./errorTemplates.js');
 var typescriptGuards = require('./typescriptGuards.js');
@@ -55,7 +59,8 @@ const validateObject = (schemaName, key, value, format, validationsMemo, nextVal
   // Each key could either be required or not
   // Just recursively check the object
 
-  keyValuePairs.forEach(([objectKey, objectValue]) => {
+  keyValuePairs.forEach(_ref => {
+    let [objectKey, objectValue] = _ref;
     const trueKey = objectKey.slice(-1) === '?' ? objectKey.slice(0, -1) : objectKey;
 
     if (trueKey === objectKey && !(trueKey in value)) {
@@ -129,7 +134,9 @@ const validateValueWithFormat = (schemaName, key, value, format, validationsMemo
   }
 };
 
-const validateTypescriptPropTypesImplementation = (props, schema, 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
@@ -149,12 +156,23 @@ const validateTypescriptPropTypesImplementation = (props, schema, validationsMem
       validateValueWithFormat(schemaName, name, props[name], format, validationsMemo, nextValidationsMemo);
     }
   });
-};
-const useValidateTypescriptPropTypes = (props, schema) => {
-  const [validationsMemo, setValidationsMemo] = react.useState({});
+}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+const useValidateTypescriptPropTypes = (props, propTypes) => {
+  const [validationsMemo, setValidationsMemo] = react.useState({}); // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+
+  const ComponentWithSchema = react.useMemo(() => {
+    const Component = () => {}; // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call
+
+
+    return reactDesc.describe(Component);
+  }, []); // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,  @typescript-eslint/no-unsafe-assignment
+
+  ComponentWithSchema.propTypes = propTypes;
   react.useMemo(() => {
     const nextValidationsMemo = {};
-    validateTypescriptPropTypesImplementation(props, schema, validationsMemo, 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]);
 };

package/cjs/validation/validator.js

@@ -2,9 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var errorTemplates = require('./errorTemplates.js');
 
-/* eslint-disable complexity */
 const useValidatePropTypes = (props, schema) => {
   schema.properties.forEach(property => {
     const propertyName = property.name;

package/esm/defaultProps/useMemoMergePropsWithDefault.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { useRef } from 'react';
 import deepequal from 'fast-deep-equal/react';
@@ -9,7 +14,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 const useMemoCompare = (next, compare) => {
   // Ref for storing previous value
-  const previousRef = useRef();
+  const previousRef = useRef(next);
   const previous = previousRef.current; // Pass previous and next value to compare function
   // to determine whether to consider them equal.
 
@@ -23,7 +28,9 @@ const useMemoCompare = (next, compare) => {
 }; // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 
-const useMemoMergePropsWithDefault = (props, defaultProps, compare = deepequal) => {
+const useMemoMergePropsWithDefault = function (props, defaultProps) {
+  let compare = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : deepequal;
+
   const mergedProps = _objectSpread(_objectSpread({}, defaultProps), props);
 
   return useMemoCompare(mergedProps, compare);

package/esm/getProps/index.js

@@ -1,6 +1,15 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
-const getAriaProps = props => Object.fromEntries(Object.entries(props).filter(([key]) => key.includes('aria-')));
-const getDataProps = props => Object.fromEntries(Object.entries(props).filter(([key]) => key.includes('data-')));
+const getAriaProps = props => Object.fromEntries(Object.entries(props).filter(_ref => {
+  let [key] = _ref;
+  return key.includes('aria-');
+}));
+const getDataProps = props => Object.fromEntries(Object.entries(props).filter(_ref2 => {
+  let [key] = _ref2;
+  return key.includes('data-');
+}));
 
 export { getAriaProps, getDataProps };

package/esm/validation/typescriptGuards.js

@@ -1,3 +1,7 @@
+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';
+
 const isPrimitiveType = format => ['string', 'number', 'boolean'].includes(format);
 const isUndefined = format => format === '"undefined"';
 const isUnion = format => {

package/esm/validation/typescriptParsers.js

@@ -1,3 +1,7 @@
+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';
+
 /* eslint-disable complexity */
 const typescriptObjectParser = format => {
   const keyValuePairs = []; // State of the algorithm

package/esm/validation/typescriptValidator.js

@@ -1,4 +1,8 @@
+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 { describe } from 'react-desc';
 import { useState, useMemo } from 'react';
 import { throwRequiredError, throwTypeError } from './errorTemplates.js';
 import { isUndefined, isPrimitiveType, isUnion, isString, isArray, isObject, isFunction, isJSXorNode, isSomethingWithParenthesis } from './typescriptGuards.js';
@@ -51,7 +55,8 @@ const validateObject = (schemaName, key, value, format, validationsMemo, nextVal
   // Each key could either be required or not
   // Just recursively check the object
 
-  keyValuePairs.forEach(([objectKey, objectValue]) => {
+  keyValuePairs.forEach(_ref => {
+    let [objectKey, objectValue] = _ref;
     const trueKey = objectKey.slice(-1) === '?' ? objectKey.slice(0, -1) : objectKey;
 
     if (trueKey === objectKey && !(trueKey in value)) {
@@ -125,7 +130,9 @@ const validateValueWithFormat = (schemaName, key, value, format, validationsMemo
   }
 };
 
-const validateTypescriptPropTypesImplementation = (props, schema, 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
@@ -145,12 +152,23 @@ const validateTypescriptPropTypesImplementation = (props, schema, validationsMem
       validateValueWithFormat(schemaName, name, props[name], format, validationsMemo, nextValidationsMemo);
     }
   });
-};
-const useValidateTypescriptPropTypes = (props, schema) => {
-  const [validationsMemo, setValidationsMemo] = useState({});
+}; // 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, schema, validationsMemo, 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]);
 };

package/esm/validation/validator.js

@@ -1,6 +1,8 @@
+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';
 
-/* eslint-disable complexity */
 const useValidatePropTypes = (props, schema) => {
   schema.properties.forEach(property => {
     const propertyName = property.name;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-props-helpers",
-  "version": "2.0.0-next.9",
+  "version": "2.0.0-rc.12",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Props Helpers",
   "module": "./esm/index.js",
@@ -71,8 +71,11 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "dequal": "~2.0.2",
-    "fast-deep-equal": "~3.1.3"
+    "fast-deep-equal": "~3.1.3",
+    "react-desc": "^4.1.3"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "~5.15.0"
   },
   "peerDependencies": {
     "react": "~17.0.2",

package/types/defaultProps/useMemoMergePropsWithDefault.d.ts

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

package/types/validation/typescriptValidator.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 interface TypescriptSchema {
     description: string;
     name: string;
@@ -11,5 +11,5 @@ interface TypescriptSchema {
     }[];
 }
 export declare const validateTypescriptPropTypesImplementation: (props: PropsWithChildren<Record<string, unknown>>, schema: TypescriptSchema, validationsMemo?: Record<string, string>, nextValidationsMemo?: Record<string, string>) => void;
-export declare const useValidateTypescriptPropTypes: (props: PropsWithChildren<Record<string, unknown>>, schema: TypescriptSchema) => void;
+export declare const useValidateTypescriptPropTypes: <T = Record<string, any>>(props: React.PropsWithChildren<T>, propTypes: any) => void;
 export {};