@elliemae/ds-props-helpers 2.2.0 → 2.3.0-alpha.3

package/esm/validation/typescriptParsers.js

@@ -1,41 +1,47 @@
-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
-
-  let lastKey = '';
-  let lastValue = '';
+import * as React from "react";
+const typescriptObjectParser = (format) => {
+  const keyValuePairs = [];
+  let lastKey = "";
+  let lastValue = "";
   let shouldAppendToKey = true;
-
   const pushPair = () => {
-    if (lastKey) keyValuePairs.push([lastKey, lastValue]);
-    lastKey = '';
-    lastValue = '';
+    if (lastKey)
+      keyValuePairs.push([lastKey, lastValue]);
+    lastKey = "";
+    lastValue = "";
     shouldAppendToKey = true;
-  }; // Complex -- but working -- logic
-
-
+  };
   let depth = 0;
-  format.split('').forEach(char => {
-    if (char === '{') {
+  format.split("").forEach((char) => {
+    if (char === "{") {
       depth += 1;
-      if (depth > 1) lastValue += char;
-    } else if (char === '}') {
-      if (depth > 1) lastValue += char;
+      if (depth > 1)
+        lastValue += char;
+    } else if (char === "}") {
+      if (depth > 1)
+        lastValue += char;
       depth -= 1;
-      if (depth === 1) pushPair();
-    } else if (char === ':') {
+      if (depth === 1)
+        pushPair();
+    } else if (char === ":") {
       shouldAppendToKey = false;
-      if (depth > 1) lastValue += char;
-    } else if (char === ',') {
-      if (depth === 1) pushPair();else lastValue += char;
-    } else if (char === ' ') ; else if (shouldAppendToKey) lastKey += char;else lastValue += char;
+      if (depth > 1)
+        lastValue += char;
+    } else if (char === ",") {
+      if (depth === 1)
+        pushPair();
+      else
+        lastValue += char;
+    } else if (char === " ") {
+    } else if (shouldAppendToKey)
+      lastKey += char;
+    else
+      lastValue += char;
   });
   pushPair();
   return keyValuePairs;
 };
-
-export { typescriptObjectParser };
+export {
+  typescriptObjectParser
+};
+//# sourceMappingURL=typescriptParsers.js.map

package/esm/validation/typescriptParsers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/validation/typescriptParsers.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nexport const typescriptObjectParser = (format: string): [string, string][] => {\n  const keyValuePairs: [string, string][] = [];\n\n  // State of the algorithm\n  let lastKey = '';\n  let lastValue = '';\n  let shouldAppendToKey = true;\n\n  const pushPair = () => {\n    if (lastKey) keyValuePairs.push([lastKey, lastValue]);\n    lastKey = '';\n    lastValue = '';\n    shouldAppendToKey = true;\n  };\n\n  // Complex -- but working -- logic\n  let depth = 0;\n  format.split('').forEach((char) => {\n    if (char === '{') {\n      depth += 1;\n      if (depth > 1) lastValue += char;\n    } else if (char === '}') {\n      if (depth > 1) lastValue += char;\n      depth -= 1;\n      if (depth === 1) pushPair();\n    } else if (char === ':') {\n      shouldAppendToKey = false;\n      if (depth > 1) lastValue += char;\n    } else if (char === ',') {\n      if (depth === 1) pushPair();\n      else lastValue += char;\n    } else if (char === ' ') {\n      // Do nothing\n    } else if (shouldAppendToKey) lastKey += char;\n    else lastValue += char;\n  });\n  pushPair();\n\n  return keyValuePairs;\n};\n"],
+  "mappings": "AAAA;ACCO,MAAM,yBAAyB,CAAC,WAAuC;AAC5E,QAAM,gBAAoC;AAG1C,MAAI,UAAU;AACd,MAAI,YAAY;AAChB,MAAI,oBAAoB;AAExB,QAAM,WAAW,MAAM;AACrB,QAAI;AAAS,oBAAc,KAAK,CAAC,SAAS;AAC1C,cAAU;AACV,gBAAY;AACZ,wBAAoB;AAAA;AAItB,MAAI,QAAQ;AACZ,SAAO,MAAM,IAAI,QAAQ,CAAC,SAAS;AACjC,QAAI,SAAS,KAAK;AAChB,eAAS;AACT,UAAI,QAAQ;AAAG,qBAAa;AAAA,eACnB,SAAS,KAAK;AACvB,UAAI,QAAQ;AAAG,qBAAa;AAC5B,eAAS;AACT,UAAI,UAAU;AAAG;AAAA,eACR,SAAS,KAAK;AACvB,0BAAoB;AACpB,UAAI,QAAQ;AAAG,qBAAa;AAAA,eACnB,SAAS,KAAK;AACvB,UAAI,UAAU;AAAG;AAAA;AACZ,qBAAa;AAAA,eACT,SAAS,KAAK;AAAA,eAEd;AAAmB,iBAAW;AAAA;AACpC,mBAAa;AAAA;AAEpB;AAEA,SAAO;AAAA;",
+  "names": []
+}

package/esm/validation/typescriptValidator.js

@@ -1,202 +1,153 @@
-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, 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
+import * as React from "react";
+import { useMemo, useState } from "react";
+import { describe } from "../propTypes";
+import { throwRequiredError, throwTypeError } from "./errorTemplates";
+import {
+  isArray,
+  isFunction,
+  isJSXorNode,
+  isObject,
+  isPrimitiveType,
+  isSomethingWithParenthesis,
+  isString,
+  isUnion,
+  isUndefined,
+  isNull
+} from "./typescriptGuards";
+import { typescriptObjectParser } from "./typescriptParsers";
 const validateUndefined = (schemaName, key, value, format) => {
-  if (value !== undefined || value === 'undefined') {
+  if (value !== void 0 || value === "undefined") {
     throwTypeError(schemaName, key, value, format);
   }
 };
-
 const validateNull = (schemaName, key, value, format) => {
-  if (value !== null || value === 'null') {
+  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);
+    validateValueWithFormat(schemaName, `${key}[${index}]`, val, format.slice(0, -2), validationsMemo, nextValidationsMemo);
   });
 };
-
 function isObjectType(value) {
-  return !(typeof value !== 'object' || Array.isArray(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
-
+  const valuesIsObject = isObjectType(value);
   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 (format === "object")
+    return;
+  const keyValuePairs = typescriptObjectParser(format);
+  keyValuePairs.forEach(([objectKey, objectValue]) => {
+    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);
+      validateValueWithFormat(schemaName, `${key}[${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 => {
+  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') {
+  if (typeof value !== "function") {
     throwTypeError(schemaName, key, value, format);
   }
 };
-
 function isJSXElement(value) {
-  return value === null || typeof value === 'object' && value !== null && '$$typeof' in 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) {
+  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);
+    validateUndefined(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
   } else if (isNull(format)) {
-    validateNull(schemaName, key, value, format);
+    validateNull(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
   } else if (isPrimitiveType(format)) {
-    validatePrimitiveType(schemaName, key, value, format);
+    validatePrimitiveType(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
   } else if (isUnion(format)) {
     validateUnion(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
   } else if (isString(format)) {
-    validateString(schemaName, key, value, format);
+    validateString(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
   } 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);
+    validateFunction(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
   } else if (isJSXorNode(format)) {
-    validateJSXorNode(schemaName, key, value, format);
+    validateJSXorNode(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
   } 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;
-
+const validateTypescriptPropTypesImplementation = (props, schema, validationsMemo = {}, nextValidationsMemo = {}) => {
+  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)) {
+    if (name in props && (props[name] !== void 0 || 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 [validationsMemo, setValidationsMemo] = useState({});
   const ComponentWithSchema = useMemo(() => {
-    const Component = () => {}; // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call
-
-
+    const Component = () => {
+    };
     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
+    validateTypescriptPropTypesImplementation(props, ComponentWithSchema.toTypescript(), validationsMemo, nextValidationsMemo);
+    setValidationsMemo(nextValidationsMemo);
   }, [props]);
 };
-
-export { useValidateTypescriptPropTypes, validateTypescriptPropTypesImplementation };
+export {
+  useValidateTypescriptPropTypes,
+  validateTypescriptPropTypesImplementation
+};
+//# sourceMappingURL=typescriptValidator.js.map

package/esm/validation/typescriptValidator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/validation/typescriptValidator.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\n/* eslint-disable max-params */\nimport React, { PropsWithChildren, useMemo, useState } from 'react';\nimport { describe } from '../propTypes';\nimport { throwRequiredError, throwTypeError } from './errorTemplates';\nimport {\n  isArray,\n  isFunction,\n  isJSXorNode,\n  isObject,\n  isPrimitiveType,\n  isSomethingWithParenthesis,\n  isString,\n  isUnion,\n  isUndefined,\n  isNull,\n} from './typescriptGuards';\nimport { typescriptObjectParser } from './typescriptParsers';\n\ninterface TypescriptSchema {\n  description: string;\n  name: string;\n  properties: { name: string; description: string; defaultValue?: unknown; format: string; required?: boolean }[];\n}\n\ntype ValidatorFn = (\n  schemaName: string,\n  key: string,\n  value: unknown,\n  format: string,\n  validationsMemo: Record<symbol, string>,\n  nextValidationsMemo: Record<symbol, string>,\n) => void;\n\n// =============================================================================\n// Atom Validators\n// =============================================================================\n\n// This functions will validate something from the data\n// and optionally recursively apply `validateValueWithFormat`\n// in smaller parts\n\nconst validateUndefined: ValidatorFn = (schemaName, key, value, format) => {\n  if (value !== undefined || value === 'undefined') {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\nconst validateNull: ValidatorFn = (schemaName, key, value, format) => {\n  if (value !== null || value === 'null') {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\nconst validatePrimitiveType: ValidatorFn = (schemaName, key, value, format) => {\n  if (typeof value !== format) {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\nconst validateString: ValidatorFn = (schemaName, key, value, format) => {\n  if (value !== format.slice(1, -1)) {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\nconst validateArray: ValidatorFn = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {\n  // Check that we have an array\n  if (!Array.isArray(value)) {\n    throwTypeError(schemaName, key, value, format);\n  }\n\n  // Check that each element inside satisfies the format\n  (value as unknown[]).forEach((val, index) => {\n    // this is a recursive func, we need to invoke it before it's defined.\n    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n    validateValueWithFormat(\n      schemaName,\n      `${key}[${index}]`,\n      val,\n      format.slice(0, -2),\n      validationsMemo,\n      nextValidationsMemo,\n    );\n  });\n};\nfunction isObjectType(value: unknown | Record<string, unknown>): value is Record<string, unknown> {\n  return !(typeof value !== 'object' || Array.isArray(value));\n}\nconst validateObject: ValidatorFn = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {\n  const valuesIsObject = isObjectType(value);\n  // Check that we have an object\n  if (!valuesIsObject) {\n    throwTypeError(schemaName, key, value, format);\n    return;\n  }\n\n  if (format === 'object') return;\n\n  const keyValuePairs = typescriptObjectParser(format);\n  // Now we have the key - value pairs\n  // Each key could either be required or not\n  // Just recursively check the object\n\n  keyValuePairs.forEach(([objectKey, objectValue]) => {\n    const trueKey = objectKey.slice(-1) === '?' ? objectKey.slice(0, -1) : objectKey;\n\n    if (trueKey === objectKey && !(trueKey in value)) {\n      throwRequiredError(schemaName, key);\n    }\n\n    if (trueKey in value) {\n      // this is a recursive func, we need to invoke it before it's defined.\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      validateValueWithFormat(\n        schemaName,\n        `${key}[${trueKey}]`,\n        value[trueKey],\n        objectValue,\n        validationsMemo,\n        nextValidationsMemo,\n      );\n    }\n  });\n};\n\nconst validateUnion: ValidatorFn = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {\n  const possibilities = format.split(/\\s?\\|\\s?/);\n\n  const errors = [];\n\n  possibilities.forEach((possibility) => {\n    try {\n      // this is a recursive func, we need to invoke it before it's defined.\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      validateValueWithFormat(schemaName, key, value, possibility, validationsMemo, nextValidationsMemo);\n    } catch (e) {\n      errors.push(e);\n    }\n  });\n\n  if (errors.length === possibilities.length) {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\nconst validateFunction: ValidatorFn = (schemaName, key, value, format) => {\n  // Check that we have a function\n  if (typeof value !== 'function') {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\nfunction isJSXElement(value: unknown | JSX.Element): value is JSX.Element {\n  return value === null || (typeof value === 'object' && value !== null && '$$typeof' in value);\n}\nconst validateJSXorNode: ValidatorFn = (schemaName, key, value, format) => {\n  const valueIsJSX = isJSXElement(value);\n  if (format === 'JSX.Element' && !valueIsJSX) {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\n// =============================================================================\n// Schema validator\n// =============================================================================\n\nconst validateValueWithFormat: ValidatorFn = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {\n  nextValidationsMemo[value as symbol] = format;\n\n  if ((value as symbol) in validationsMemo) {\n    // We already validated this value on this format\n    return;\n  }\n\n  if (isUndefined(format)) {\n    validateUndefined(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isNull(format)) {\n    validateNull(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isPrimitiveType(format)) {\n    validatePrimitiveType(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isUnion(format)) {\n    validateUnion(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isString(format)) {\n    validateString(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isArray(format)) {\n    validateArray(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isObject(format)) {\n    validateObject(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isFunction(format)) {\n    validateFunction(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isJSXorNode(format)) {\n    validateJSXorNode(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isSomethingWithParenthesis(format)) {\n    validateValueWithFormat(schemaName, key, value, format.slice(1, -1), validationsMemo, nextValidationsMemo);\n  }\n};\n\nexport const validateTypescriptPropTypesImplementation = (\n  props: PropsWithChildren<Record<string, unknown>>,\n  schema: TypescriptSchema,\n  validationsMemo: Record<string, string> = {},\n  nextValidationsMemo: Record<string, string> = {},\n): void => {\n  const { properties, name: schemaName } = schema;\n\n  properties.forEach((property) => {\n    const { name, format, required } = property;\n\n    if (required && !(name in props)) {\n      throwRequiredError(schema.name, name);\n    }\n\n    if (name in props && (props[name] !== undefined || required)) {\n      validateValueWithFormat(schemaName, name, props[name], format, validationsMemo, nextValidationsMemo);\n    }\n  });\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const useValidateTypescriptPropTypes = <T = Record<string, any>>(\n  props: PropsWithChildren<T>,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  propTypes: any,\n): void => {\n  const [validationsMemo, setValidationsMemo] = useState({});\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const ComponentWithSchema = useMemo(() => {\n    const Component = () => {};\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call\n    return describe(Component);\n  }, []);\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,  @typescript-eslint/no-unsafe-assignment\n  ComponentWithSchema.propTypes = propTypes;\n\n  useMemo(() => {\n    const nextValidationsMemo = {};\n\n    validateTypescriptPropTypesImplementation(\n      props,\n      // eslint-disable-next-line  @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n      ComponentWithSchema.toTypescript(),\n      validationsMemo,\n      nextValidationsMemo,\n    );\n\n    setValidationsMemo(nextValidationsMemo);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props]);\n};\n"],
+  "mappings": "AAAA;ACGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;AAyBA,MAAM,oBAAiC,CAAC,YAAY,KAAK,OAAO,WAAW;AACzE,MAAI,UAAU,UAAa,UAAU,aAAa;AAChD,mBAAe,YAAY,KAAK,OAAO;AAAA;AAAA;AAG3C,MAAM,eAA4B,CAAC,YAAY,KAAK,OAAO,WAAW;AACpE,MAAI,UAAU,QAAQ,UAAU,QAAQ;AACtC,mBAAe,YAAY,KAAK,OAAO;AAAA;AAAA;AAG3C,MAAM,wBAAqC,CAAC,YAAY,KAAK,OAAO,WAAW;AAC7E,MAAI,OAAO,UAAU,QAAQ;AAC3B,mBAAe,YAAY,KAAK,OAAO;AAAA;AAAA;AAI3C,MAAM,iBAA8B,CAAC,YAAY,KAAK,OAAO,WAAW;AACtE,MAAI,UAAU,OAAO,MAAM,GAAG,KAAK;AACjC,mBAAe,YAAY,KAAK,OAAO;AAAA;AAAA;AAI3C,MAAM,gBAA6B,CAAC,YAAY,KAAK,OAAO,QAAQ,iBAAiB,wBAAwB;AAE3G,MAAI,CAAC,MAAM,QAAQ,QAAQ;AACzB,mBAAe,YAAY,KAAK,OAAO;AAAA;AAIzC,EAAC,MAAoB,QAAQ,CAAC,KAAK,UAAU;AAG3C,4BACE,YACA,GAAG,OAAO,UACV,KACA,OAAO,MAAM,GAAG,KAChB,iBACA;AAAA;AAAA;AAIN,sBAAsB,OAA4E;AAChG,SAAO,CAAE,QAAO,UAAU,YAAY,MAAM,QAAQ;AAAA;AAEtD,MAAM,iBAA8B,CAAC,YAAY,KAAK,OAAO,QAAQ,iBAAiB,wBAAwB;AAC5G,QAAM,iBAAiB,aAAa;AAEpC,MAAI,CAAC,gBAAgB;AACnB,mBAAe,YAAY,KAAK,OAAO;AACvC;AAAA;AAGF,MAAI,WAAW;AAAU;AAEzB,QAAM,gBAAgB,uBAAuB;AAK7C,gBAAc,QAAQ,CAAC,CAAC,WAAW,iBAAiB;AAClD,UAAM,UAAU,UAAU,MAAM,QAAQ,MAAM,UAAU,MAAM,GAAG,MAAM;AAEvE,QAAI,YAAY,aAAa,CAAE,YAAW,QAAQ;AAChD,yBAAmB,YAAY;AAAA;AAGjC,QAAI,WAAW,OAAO;AAGpB,8BACE,YACA,GAAG,OAAO,YACV,MAAM,UACN,aACA,iBACA;AAAA;AAAA;AAAA;AAMR,MAAM,gBAA6B,CAAC,YAAY,KAAK,OAAO,QAAQ,iBAAiB,wBAAwB;AAC3G,QAAM,gBAAgB,OAAO,MAAM;AAEnC,QAAM,SAAS;AAEf,gBAAc,QAAQ,CAAC,gBAAgB;AACrC,QAAI;AAGF,8BAAwB,YAAY,KAAK,OAAO,aAAa,iBAAiB;AAAA,aACvE,GAAP;AACA,aAAO,KAAK;AAAA;AAAA;AAIhB,MAAI,OAAO,WAAW,cAAc,QAAQ;AAC1C,mBAAe,YAAY,KAAK,OAAO;AAAA;AAAA;AAI3C,MAAM,mBAAgC,CAAC,YAAY,KAAK,OAAO,WAAW;AAExE,MAAI,OAAO,UAAU,YAAY;AAC/B,mBAAe,YAAY,KAAK,OAAO;AAAA;AAAA;AAI3C,sBAAsB,OAAoD;AACxE,SAAO,UAAU,QAAS,OAAO,UAAU,YAAY,UAAU,QAAQ,cAAc;AAAA;AAEzF,MAAM,oBAAiC,CAAC,YAAY,KAAK,OAAO,WAAW;AACzE,QAAM,aAAa,aAAa;AAChC,MAAI,WAAW,iBAAiB,CAAC,YAAY;AAC3C,mBAAe,YAAY,KAAK,OAAO;AAAA;AAAA;AAQ3C,MAAM,0BAAuC,CAAC,YAAY,KAAK,OAAO,QAAQ,iBAAiB,wBAAwB;AACrH,sBAAoB,SAAmB;AAEvC,MAAK,SAAoB,iBAAiB;AAExC;AAAA;AAGF,MAAI,YAAY,SAAS;AACvB,sBAAkB,YAAY,KAAK,OAAO,QAAQ,iBAAiB;AAAA,aAC1D,OAAO,SAAS;AACzB,iBAAa,YAAY,KAAK,OAAO,QAAQ,iBAAiB;AAAA,aACrD,gBAAgB,SAAS;AAClC,0BAAsB,YAAY,KAAK,OAAO,QAAQ,iBAAiB;AAAA,aAC9D,QAAQ,SAAS;AAC1B,kBAAc,YAAY,KAAK,OAAO,QAAQ,iBAAiB;AAAA,aACtD,SAAS,SAAS;AAC3B,mBAAe,YAAY,KAAK,OAAO,QAAQ,iBAAiB;AAAA,aACvD,QAAQ,SAAS;AAC1B,kBAAc,YAAY,KAAK,OAAO,QAAQ,iBAAiB;AAAA,aACtD,SAAS,SAAS;AAC3B,mBAAe,YAAY,KAAK,OAAO,QAAQ,iBAAiB;AAAA,aACvD,WAAW,SAAS;AAC7B,qBAAiB,YAAY,KAAK,OAAO,QAAQ,iBAAiB;AAAA,aACzD,YAAY,SAAS;AAC9B,sBAAkB,YAAY,KAAK,OAAO,QAAQ,iBAAiB;AAAA,aAC1D,2BAA2B,SAAS;AAC7C,4BAAwB,YAAY,KAAK,OAAO,OAAO,MAAM,GAAG,KAAK,iBAAiB;AAAA;AAAA;AAInF,MAAM,4CAA4C,CACvD,OACA,QACA,kBAA0C,IAC1C,sBAA8C,OACrC;AACT,QAAM,EAAE,YAAY,MAAM,eAAe;AAEzC,aAAW,QAAQ,CAAC,aAAa;AAC/B,UAAM,EAAE,MAAM,QAAQ,aAAa;AAEnC,QAAI,YAAY,CAAE,SAAQ,QAAQ;AAChC,yBAAmB,OAAO,MAAM;AAAA;AAGlC,QAAI,QAAQ,SAAU,OAAM,UAAU,UAAa,WAAW;AAC5D,8BAAwB,YAAY,MAAM,MAAM,OAAO,QAAQ,iBAAiB;AAAA;AAAA;AAAA;AAM/E,MAAM,iCAAiC,CAC5C,OAEA,cACS;AACT,QAAM,CAAC,iBAAiB,sBAAsB,SAAS;AAGvD,QAAM,sBAAsB,QAAQ,MAAM;AACxC,UAAM,YAAY,MAAM;AAAA;AAGxB,WAAO,SAAS;AAAA,KACf;AAGH,sBAAoB,YAAY;AAEhC,UAAQ,MAAM;AACZ,UAAM,sBAAsB;AAE5B,8CACE,OAEA,oBAAoB,gBACpB,iBACA;AAGF,uBAAmB;AAAA,KAElB,CAAC;AAAA;",
+  "names": []
+}

package/esm/validation/validator.js

@@ -1,32 +1,26 @@
-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';
-
+import * as React from "react";
+import { throwRequiredError, throwTypeError } from "./errorTemplates";
 const useValidatePropTypes = (props, schema) => {
-  schema.properties.forEach(property => {
+  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
-
+    const currentPropTypeOf = typeof currentProp;
+    const currentFormat = property.format;
+    let isValidReactElement = false;
     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'))) {
+    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 };
+export {
+  useValidatePropTypes
+};
+//# sourceMappingURL=validator.js.map

package/esm/validation/validator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/validation/validator.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport { throwRequiredError, throwTypeError } from './errorTemplates';\n\nexport const useValidatePropTypes = (props: Record<string, unknown>, schema): void => {\n  schema.properties.forEach((property) => {\n    const propertyName = property.name;\n    const currentProp = props[propertyName];\n    const currentPropTypeOf = typeof currentProp;\n    // eslint-disable-next-line max-len\n    const currentFormat = property.format; // this is csv representing types e.g.: \"string\"/\"string,number\"/\"[object],string\"\n    let isValidReactElement = false;\n    // this depends on react desc definition\n    if (property.required && !Object.prototype.hasOwnProperty.call(props, property.name)) {\n      throwRequiredError(schema.name, property.name);\n    }\n    if (currentPropTypeOf !== 'undefined' && currentProp !== null) {\n      if (\n        currentPropTypeOf === 'object' &&\n        Object.prototype.hasOwnProperty.call(currentProp, '$$typeof') &&\n        (currentFormat.includes('node') || currentFormat.includes('element'))\n      ) {\n        isValidReactElement = true;\n      }\n\n      if (!currentFormat.includes(currentPropTypeOf) && !currentFormat.includes(currentProp) && !isValidReactElement) {\n        throwTypeError(schema.name, propertyName, currentProp, currentFormat);\n      }\n    }\n  });\n};\n"],
+  "mappings": "AAAA;ACEA;AAEO,MAAM,uBAAuB,CAAC,OAAgC,WAAiB;AACpF,SAAO,WAAW,QAAQ,CAAC,aAAa;AACtC,UAAM,eAAe,SAAS;AAC9B,UAAM,cAAc,MAAM;AAC1B,UAAM,oBAAoB,OAAO;AAEjC,UAAM,gBAAgB,SAAS;AAC/B,QAAI,sBAAsB;AAE1B,QAAI,SAAS,YAAY,CAAC,OAAO,UAAU,eAAe,KAAK,OAAO,SAAS,OAAO;AACpF,yBAAmB,OAAO,MAAM,SAAS;AAAA;AAE3C,QAAI,sBAAsB,eAAe,gBAAgB,MAAM;AAC7D,UACE,sBAAsB,YACtB,OAAO,UAAU,eAAe,KAAK,aAAa,eACjD,eAAc,SAAS,WAAW,cAAc,SAAS,aAC1D;AACA,8BAAsB;AAAA;AAGxB,UAAI,CAAC,cAAc,SAAS,sBAAsB,CAAC,cAAc,SAAS,gBAAgB,CAAC,qBAAqB;AAC9G,uBAAe,OAAO,MAAM,cAAc,aAAa;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-props-helpers",
-  "version": "2.2.0",
+  "version": "2.3.0-alpha.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Props Helpers",
   "module": "./esm/index.js",
@@ -35,9 +35,61 @@
       "import": "./esm/validation/errorTemplates.js",
       "require": "./cjs/validation/errorTemplates.js"
     },
-    "./tests/test.schema": {
-      "import": "./esm/tests/test.schema.js",
-      "require": "./cjs/tests/test.schema.js"
+    "./tests/validation/test.schema": {
+      "import": "./esm/tests/validation/test.schema.js",
+      "require": "./cjs/tests/validation/test.schema.js"
+    },
+    "./tests/globalProps/TestComponent": {
+      "import": "./esm/tests/globalProps/TestComponent.js",
+      "require": "./cjs/tests/globalProps/TestComponent.js"
+    },
+    "./propTypes/types": {
+      "import": "./esm/propTypes/types.js",
+      "require": "./cjs/propTypes/types.js"
+    },
+    "./propTypes/toTypescript": {
+      "import": "./esm/propTypes/toTypescript.js",
+      "require": "./cjs/propTypes/toTypescript.js"
+    },
+    "./propTypes/PropTypes": {
+      "import": "./esm/propTypes/PropTypes.js",
+      "require": "./cjs/propTypes/PropTypes.js"
+    },
+    "./propTypes": {
+      "import": "./esm/propTypes/index.js",
+      "require": "./cjs/propTypes/index.js"
+    },
+    "./propTypes/describeGuards": {
+      "import": "./esm/propTypes/describeGuards.js",
+      "require": "./cjs/propTypes/describeGuards.js"
+    },
+    "./propTypes/describeConversions": {
+      "import": "./esm/propTypes/describeConversions.js",
+      "require": "./cjs/propTypes/describeConversions.js"
+    },
+    "./propTypes/describe": {
+      "import": "./esm/propTypes/describe.js",
+      "require": "./cjs/propTypes/describe.js"
+    },
+    "./propTypes/customPropTypes": {
+      "import": "./esm/propTypes/customPropTypes.js",
+      "require": "./cjs/propTypes/customPropTypes.js"
+    },
+    "./globalProps/useGetGlobalAttributes": {
+      "import": "./esm/globalProps/useGetGlobalAttributes.js",
+      "require": "./cjs/globalProps/useGetGlobalAttributes.js"
+    },
+    "./globalProps": {
+      "import": "./esm/globalProps/index.js",
+      "require": "./cjs/globalProps/index.js"
+    },
+    "./globalProps/globalAttributesPropTypes": {
+      "import": "./esm/globalProps/globalAttributesPropTypes.js",
+      "require": "./cjs/globalProps/globalAttributesPropTypes.js"
+    },
+    "./globalProps/constants": {
+      "import": "./esm/globalProps/constants.js",
+      "require": "./cjs/globalProps/constants.js"
     },
     "./getProps": {
       "import": "./esm/getProps/index.js",

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>;