@elliemae/ds-props-helpers 2.3.1 → 3.0.0-alpha.3

package/dist/esm/propTypes/toTypescript.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/propTypes/toTypescript.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/restrict-template-expressions */\n/* eslint-disable @typescript-eslint/no-use-before-define */\n/* eslint-disable complexity */\n/* eslint-disable react/forbid-foreign-prop-types */\nimport React from 'react';\nimport { ComponentDocumentation, ReactDescT, TypescriptDocumentation } from './types';\n\nconst arrayFormat = (array: ReactDescT[]) => array.map((propType) => propTypeFormat(propType));\n\nconst shapeFormat = (shape: Record<string, ReactDescT>) => {\n  const props = Object.keys(shape).map((key) => {\n    const value = shape[key];\n    let valueFormat;\n    if (\n      value.type &&\n      (value.type === 'arrayOf' || value.type === 'oneOfType' || value.type === 'oneOf') &&\n      Array.isArray(value.args)\n    ) {\n      valueFormat = `${propTypeFormat(value)}`;\n    } else if (value.type === 'shape') {\n      valueFormat = `${propTypeFormat(value)}`;\n    } else {\n      valueFormat = propTypeFormat(value);\n    }\n    return `${key}${value.reactDesc && value.reactDesc.required ? '' : '?'}: ${valueFormat}`;\n  });\n  return `{${props.join(',')}}`;\n};\n\nconst propTypeFormat = (propType: ReactDescT | ReactDescT[], joinWith = ''): string => {\n  let result;\n  if (Array.isArray(propType)) {\n    result = arrayFormat(propType).join(joinWith);\n  } else if (typeof propType !== 'function' && propType.type) {\n    switch (propType.type) {\n      case 'array':\n        result = 'any[]';\n        break;\n      case 'arrayOf':\n        if ((propType.args as ReactDescT).type === 'oneOfType') {\n          result = `(${propTypeFormat(propType.args as ReactDescT, ' | ')})[]`;\n        } else {\n          result = `${propTypeFormat(propType.args as ReactDescT, '\\n')}[]`;\n        }\n        break;\n      case 'tuple':\n        result = `[${propTypeFormat(propType.args as ReactDescT, ', ')}]`;\n        break;\n      case 'bool':\n        result = 'boolean';\n        break;\n      case 'func':\n        result = '((...args: any[]) => any)';\n        break;\n      case 'node':\n        result = 'React.ReactNode';\n        break;\n      case 'element':\n        result = 'JSX.Element';\n        break;\n      case 'instanceOf':\n        result = 'any';\n        break;\n      case 'symbol':\n        result = 'any';\n        break;\n      case 'objectOf':\n        result = `{ [key: string]: ${propTypeFormat(propType.args as ReactDescT)} }`;\n        break;\n      case 'oneOf':\n        result = (propType.args as unknown[]).map((a) => `\"${a}\"`).join(' | ');\n        break;\n      case 'oneOfType':\n        result = `${propTypeFormat(propType.args as ReactDescT[], ' | ')}`;\n        break;\n      case 'shape':\n        result = `${shapeFormat(propType.args as Record<string, ReactDescT>)}`;\n        break;\n      default:\n        result = `${propType.type}`;\n        break;\n    }\n  } else {\n    result = 'any';\n  }\n  return result;\n};\n\nconst propTypeAsTypescript = (propType: ReactDescT, propName: string) => {\n  const documentation = {\n    ...propType.reactDesc,\n    name: propName,\n  };\n\n  documentation.format = propTypeFormat(propType);\n\n  return documentation;\n};\n\nexport default function descToTypescript<C>(component: React.ComponentType<C>, reactDesc: ComponentDocumentation) {\n  if (!component) {\n    throw new Error('react-desc: component is required');\n  }\n\n  const documentation: TypescriptDocumentation = {\n    name: component.displayName || component.name,\n    ...reactDesc,\n  };\n  if (reactDesc) {\n    delete documentation.propTypes;\n\n    if (reactDesc.propTypes) {\n      const propTypes: TypescriptDocumentation['properties'] = [];\n      Object.keys(reactDesc.propTypes).forEach((propName) => {\n        const propType = reactDesc.propTypes[propName];\n        propTypes.push(propTypeAsTypescript(propType, propName));\n      });\n      if (propTypes.length > 0) {\n        documentation.properties = propTypes;\n      }\n    }\n  }\n  return documentation;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACOA,MAAM,cAAc,CAAC,UAAwB,MAAM,IAAI,CAAC,aAAa,eAAe;AAEpF,MAAM,cAAc,CAAC,UAAsC;AACzD,QAAM,QAAQ,OAAO,KAAK,OAAO,IAAI,CAAC,QAAQ;AAC5C,UAAM,QAAQ,MAAM;AACpB,QAAI;AACJ,QACE,MAAM,QACL,OAAM,SAAS,aAAa,MAAM,SAAS,eAAe,MAAM,SAAS,YAC1E,MAAM,QAAQ,MAAM,OACpB;AACA,oBAAc,GAAG,eAAe;AAAA,eACvB,MAAM,SAAS,SAAS;AACjC,oBAAc,GAAG,eAAe;AAAA,WAC3B;AACL,oBAAc,eAAe;AAAA;AAE/B,WAAO,GAAG,MAAM,MAAM,aAAa,MAAM,UAAU,WAAW,KAAK,QAAQ;AAAA;AAE7E,SAAO,IAAI,MAAM,KAAK;AAAA;AAGxB,MAAM,iBAAiB,CAAC,UAAqC,WAAW,OAAe;AACrF,MAAI;AACJ,MAAI,MAAM,QAAQ,WAAW;AAC3B,aAAS,YAAY,UAAU,KAAK;AAAA,aAC3B,OAAO,aAAa,cAAc,SAAS,MAAM;AAC1D,YAAQ,SAAS;AAAA,WACV;AACH,iBAAS;AACT;AAAA,WACG;AACH,YAAK,SAAS,KAAoB,SAAS,aAAa;AACtD,mBAAS,IAAI,eAAe,SAAS,MAAoB;AAAA,eACpD;AACL,mBAAS,GAAG,eAAe,SAAS,MAAoB;AAAA;AAE1D;AAAA,WACG;AACH,iBAAS,IAAI,eAAe,SAAS,MAAoB;AACzD;AAAA,WACG;AACH,iBAAS;AACT;AAAA,WACG;AACH,iBAAS;AACT;AAAA,WACG;AACH,iBAAS;AACT;AAAA,WACG;AACH,iBAAS;AACT;AAAA,WACG;AACH,iBAAS;AACT;AAAA,WACG;AACH,iBAAS;AACT;AAAA,WACG;AACH,iBAAS,oBAAoB,eAAe,SAAS;AACrD;AAAA,WACG;AACH,iBAAU,SAAS,KAAmB,IAAI,CAAC,MAAM,IAAI,MAAM,KAAK;AAChE;AAAA,WACG;AACH,iBAAS,GAAG,eAAe,SAAS,MAAsB;AAC1D;AAAA,WACG;AACH,iBAAS,GAAG,YAAY,SAAS;AACjC;AAAA;AAEA,iBAAS,GAAG,SAAS;AACrB;AAAA;AAAA,SAEC;AACL,aAAS;AAAA;AAEX,SAAO;AAAA;AAGT,MAAM,uBAAuB,CAAC,UAAsB,aAAqB;AACvE,QAAM,gBAAgB,iCACjB,SAAS,YADQ;AAAA,IAEpB,MAAM;AAAA;AAGR,gBAAc,SAAS,eAAe;AAEtC,SAAO;AAAA;AAGM,0BAA6B,WAAmC,WAAmC;AAChH,MAAI,CAAC,WAAW;AACd,UAAM,IAAI,MAAM;AAAA;AAGlB,QAAM,gBAAyC;AAAA,IAC7C,MAAM,UAAU,eAAe,UAAU;AAAA,KACtC;AAEL,MAAI,WAAW;AACb,WAAO,cAAc;AAErB,QAAI,UAAU,WAAW;AACvB,YAAM,YAAmD;AACzD,aAAO,KAAK,UAAU,WAAW,QAAQ,CAAC,aAAa;AACrD,cAAM,WAAW,UAAU,UAAU;AACrC,kBAAU,KAAK,qBAAqB,UAAU;AAAA;AAEhD,UAAI,UAAU,SAAS,GAAG;AACxB,sBAAc,aAAa;AAAA;AAAA;AAAA;AAIjC,SAAO;AAAA;",
+  "names": []
+}

package/dist/esm/propTypes/types.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=types.js.map

package/dist/esm/propTypes/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/esm/tests/globalProps/TestComponent.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import React2 from "react";
+import { useGetGlobalAttributes } from "../../globalProps";
+const TestComponent = (props) => {
+  const globalAttributes = useGetGlobalAttributes(props);
+  return /* @__PURE__ */ React2.createElement("div", __spreadValues({}, globalAttributes), "Some random div");
+};
+export {
+  TestComponent
+};
+//# sourceMappingURL=TestComponent.js.map

package/dist/esm/tests/globalProps/TestComponent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/globalProps/TestComponent.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes } from '../../globalProps';\n\nexport const TestComponent = (props) => {\n  const globalAttributes = useGetGlobalAttributes(props);\n\n  return <div {...globalAttributes}>Some random div</div>;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEO,MAAM,gBAAgB,CAAC,UAAU;AACtC,QAAM,mBAAmB,uBAAuB;AAEhD,SAAO,qCAAC,OAAD,mBAAS,mBAAkB;AAAA;",
+  "names": []
+}

package/dist/esm/tests/validation/test.schema.js

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { PropTypes, describe } from "react-desc";
+const TestSchema = {
+  string: PropTypes.string.description("String"),
+  number: PropTypes.number.description("Number"),
+  boolean: PropTypes.bool.description("Boolean"),
+  any: PropTypes.any.description("Any"),
+  union: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("Union"),
+  union2: PropTypes.oneOf(["A", "B"]).description("Union 2"),
+  union3: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.arrayOf(PropTypes.string),
+    PropTypes.shape({ string: PropTypes.string })
+  ]).description("Union 3"),
+  array: PropTypes.arrayOf(PropTypes.string).description("Array"),
+  object: PropTypes.object.description("Object"),
+  shape: PropTypes.shape({
+    string: PropTypes.string.description("String").isRequired,
+    number: PropTypes.number.description("Number"),
+    boolean: PropTypes.bool.description("Boolean"),
+    anotherShape: PropTypes.shape({
+      string: PropTypes.string.description("String").isRequired,
+      number: PropTypes.number.description("Number"),
+      boolean: PropTypes.bool.description("Boolean")
+    }).description("Another shape")
+  }).description("Shape"),
+  function: PropTypes.func.description("Function"),
+  jsx: PropTypes.element.description("JSX"),
+  node: PropTypes.node.description("Node")
+};
+const TestComponent = () => null;
+const TestComponentWithSchema = describe(TestComponent).description("Test Component");
+TestComponentWithSchema.propTypes = TestSchema;
+const TypescriptSchema = TestComponentWithSchema.toTypescript();
+export {
+  TypescriptSchema
+};
+//# sourceMappingURL=test.schema.js.map

package/dist/esm/tests/validation/test.schema.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/validation/test.schema.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, describe } from 'react-desc';\n\nconst TestSchema = {\n  string: PropTypes.string.description('String'),\n  number: PropTypes.number.description('Number'),\n  boolean: PropTypes.bool.description('Boolean'),\n  any: PropTypes.any.description('Any'),\n  union: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Union'),\n  union2: PropTypes.oneOf(['A', 'B']).description('Union 2'),\n  union3: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.shape({ string: PropTypes.string }),\n  ]).description('Union 3'),\n  array: PropTypes.arrayOf(PropTypes.string).description('Array'),\n  object: PropTypes.object.description('Object'),\n  shape: PropTypes.shape({\n    string: PropTypes.string.description('String').isRequired,\n    number: PropTypes.number.description('Number'),\n    boolean: PropTypes.bool.description('Boolean'),\n    anotherShape: PropTypes.shape({\n      string: PropTypes.string.description('String').isRequired,\n      number: PropTypes.number.description('Number'),\n      boolean: PropTypes.bool.description('Boolean'),\n    }).description('Another shape'),\n  }).description('Shape'),\n  function: PropTypes.func.description('Function'),\n  jsx: PropTypes.element.description('JSX'),\n  node: PropTypes.node.description('Node'),\n};\n\nconst TestComponent = () => null;\n\nconst TestComponentWithSchema = describe(TestComponent).description('Test Component');\n\nTestComponentWithSchema.propTypes = TestSchema;\n\nexport const TypescriptSchema = TestComponentWithSchema.toTypescript();\n"],
+  "mappings": "AAAA;ACAA;AAEA,MAAM,aAAa;AAAA,EACjB,QAAQ,UAAU,OAAO,YAAY;AAAA,EACrC,QAAQ,UAAU,OAAO,YAAY;AAAA,EACrC,SAAS,UAAU,KAAK,YAAY;AAAA,EACpC,KAAK,UAAU,IAAI,YAAY;AAAA,EAC/B,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAAY;AAAA,EAC7E,QAAQ,UAAU,MAAM,CAAC,KAAK,MAAM,YAAY;AAAA,EAChD,QAAQ,UAAU,UAAU;AAAA,IAC1B,UAAU;AAAA,IACV,UAAU,QAAQ,UAAU;AAAA,IAC5B,UAAU,MAAM,EAAE,QAAQ,UAAU;AAAA,KACnC,YAAY;AAAA,EACf,OAAO,UAAU,QAAQ,UAAU,QAAQ,YAAY;AAAA,EACvD,QAAQ,UAAU,OAAO,YAAY;AAAA,EACrC,OAAO,UAAU,MAAM;AAAA,IACrB,QAAQ,UAAU,OAAO,YAAY,UAAU;AAAA,IAC/C,QAAQ,UAAU,OAAO,YAAY;AAAA,IACrC,SAAS,UAAU,KAAK,YAAY;AAAA,IACpC,cAAc,UAAU,MAAM;AAAA,MAC5B,QAAQ,UAAU,OAAO,YAAY,UAAU;AAAA,MAC/C,QAAQ,UAAU,OAAO,YAAY;AAAA,MACrC,SAAS,UAAU,KAAK,YAAY;AAAA,OACnC,YAAY;AAAA,KACd,YAAY;AAAA,EACf,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,KAAK,UAAU,QAAQ,YAAY;AAAA,EACnC,MAAM,UAAU,KAAK,YAAY;AAAA;AAGnC,MAAM,gBAAgB,MAAM;AAE5B,MAAM,0BAA0B,SAAS,eAAe,YAAY;AAEpE,wBAAwB,YAAY;AAE7B,MAAM,mBAAmB,wBAAwB;",
+  "names": []
+}

package/dist/esm/validation/errorTemplates.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+const throwTypeError = (componentName, validPropKey, invalidProp, validFormat) => {
+  throw new Error(`${componentName}:: You are trying to pass a not valid "${validPropKey}" property, 
+    please provide a valid type.
+
+  Received: ${invalidProp} (${typeof invalidProp})
+  Expected: (${validFormat.replace("\n", " or ")})
+  `);
+};
+const throwRequiredError = (componentName, validPropKey) => {
+  throw new Error(`${componentName}:: Please provide a/an "${validPropKey}" property to use this component. 
+     This property is required.
+  `);
+};
+export {
+  throwRequiredError,
+  throwTypeError
+};
+//# sourceMappingURL=errorTemplates.js.map

package/dist/esm/validation/errorTemplates.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/validation/errorTemplates.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nexport const throwTypeError = (\n  componentName: string,\n  validPropKey: string,\n  invalidProp: unknown,\n  validFormat: string,\n): void => {\n  throw new Error(\n    `${componentName}:: You are trying to pass a not valid \"${validPropKey}\" property, \n    please provide a valid type.\n\n  Received: ${invalidProp} (${typeof invalidProp})\n  Expected: (${validFormat.replace('\\n', ' or ')})\n  `,\n  );\n};\n\nexport const throwRequiredError = (componentName: string, validPropKey: string): void => {\n  throw new Error(\n    `${componentName}:: Please provide a/an \"${validPropKey}\" property to use this component. \n     This property is required.\n  `,\n  );\n};\n"],
+  "mappings": "AAAA;ACCO,MAAM,iBAAiB,CAC5B,eACA,cACA,aACA,gBACS;AACT,QAAM,IAAI,MACR,GAAG,uDAAuD;AAAA;AAAA;AAAA,cAGhD,gBAAgB,OAAO;AAAA,eACtB,YAAY,QAAQ,MAAM;AAAA;AAAA;AAKlC,MAAM,qBAAqB,CAAC,eAAuB,iBAA+B;AACvF,QAAM,IAAI,MACR,GAAG,wCAAwC;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/validation/index.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+export * from "./validator";
+export * from "./errorTemplates";
+export * from "./typescriptValidator";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/validation/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './validator';\nexport * from './errorTemplates';\nexport * from './typescriptValidator';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;",
+  "names": []
+}

package/dist/esm/validation/typescriptGuards.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+const isPrimitiveType = (format) => ["string", "number", "boolean"].includes(format);
+const isUndefined = (format) => format === '"undefined"';
+const isNull = (format) => format === '"null"';
+const isUnion = (format) => {
+  let depth = 0;
+  let satisfies = false;
+  format.split("").forEach((char) => {
+    if (["{", "("].includes(char))
+      depth += 1;
+    else if (["}", ")"].includes(char))
+      depth -= 1;
+    else if (char === "|" && depth === 0)
+      satisfies = true;
+  });
+  return satisfies;
+};
+const isString = (format) => !isUnion(format) && format[0] === '"' && format.slice(-1) === '"';
+const isArray = (format) => !isUnion(format) && format.slice(-2) === "[]";
+const isObject = (format) => format === "object" || !isUnion(format) && format[0] === "{" && format.slice(-1) === "}";
+const isFunction = (format) => !isUnion(format) && format === "((...args: any[]) => any)";
+const isJSXorNode = (format) => !isUnion(format) && ["React.ReactNode", "JSX.Element"].includes(format);
+const isSomethingWithParenthesis = (format) => !isUnion(format) && format[0] === "(" && format.slice(-1) === ")";
+export {
+  isArray,
+  isFunction,
+  isJSXorNode,
+  isNull,
+  isObject,
+  isPrimitiveType,
+  isSomethingWithParenthesis,
+  isString,
+  isUndefined,
+  isUnion
+};
+//# sourceMappingURL=typescriptGuards.js.map

package/dist/esm/validation/typescriptGuards.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/validation/typescriptGuards.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "type GuardFn = (format: string) => boolean;\n\nexport const isPrimitiveType: GuardFn = (format) => ['string', 'number', 'boolean'].includes(format);\nexport const isUndefined: GuardFn = (format) => format === '\"undefined\"';\nexport const isNull: GuardFn = (format) => format === '\"null\"';\nexport const isUnion: GuardFn = (format) => {\n  let depth = 0;\n  let satisfies = false;\n  format.split('').forEach((char) => {\n    if (['{', '('].includes(char)) depth += 1;\n    else if (['}', ')'].includes(char)) depth -= 1;\n    else if (char === '|' && depth === 0) satisfies = true;\n  });\n  return satisfies;\n};\n\nexport const isString: GuardFn = (format) => !isUnion(format) && format[0] === '\"' && format.slice(-1) === '\"';\n\nexport const isArray: GuardFn = (format) => !isUnion(format) && format.slice(-2) === '[]';\n\nexport const isObject: GuardFn = (format) =>\n  format === 'object' || (!isUnion(format) && format[0] === '{' && format.slice(-1) === '}');\n\nexport const isFunction: GuardFn = (format) => !isUnion(format) && format === '((...args: any[]) => any)';\n\nexport const isJSXorNode: GuardFn = (format) => !isUnion(format) && ['React.ReactNode', 'JSX.Element'].includes(format);\n\nexport const isSomethingWithParenthesis: GuardFn = (format) =>\n  !isUnion(format) && format[0] === '(' && format.slice(-1) === ')';\n"],
+  "mappings": "AAAA;ACEO,MAAM,kBAA2B,CAAC,WAAW,CAAC,UAAU,UAAU,WAAW,SAAS;AACtF,MAAM,cAAuB,CAAC,WAAW,WAAW;AACpD,MAAM,SAAkB,CAAC,WAAW,WAAW;AAC/C,MAAM,UAAmB,CAAC,WAAW;AAC1C,MAAI,QAAQ;AACZ,MAAI,YAAY;AAChB,SAAO,MAAM,IAAI,QAAQ,CAAC,SAAS;AACjC,QAAI,CAAC,KAAK,KAAK,SAAS;AAAO,eAAS;AAAA,aAC/B,CAAC,KAAK,KAAK,SAAS;AAAO,eAAS;AAAA,aACpC,SAAS,OAAO,UAAU;AAAG,kBAAY;AAAA;AAEpD,SAAO;AAAA;AAGF,MAAM,WAAoB,CAAC,WAAW,CAAC,QAAQ,WAAW,OAAO,OAAO,OAAO,OAAO,MAAM,QAAQ;AAEpG,MAAM,UAAmB,CAAC,WAAW,CAAC,QAAQ,WAAW,OAAO,MAAM,QAAQ;AAE9E,MAAM,WAAoB,CAAC,WAChC,WAAW,YAAa,CAAC,QAAQ,WAAW,OAAO,OAAO,OAAO,OAAO,MAAM,QAAQ;AAEjF,MAAM,aAAsB,CAAC,WAAW,CAAC,QAAQ,WAAW,WAAW;AAEvE,MAAM,cAAuB,CAAC,WAAW,CAAC,QAAQ,WAAW,CAAC,mBAAmB,eAAe,SAAS;AAEzG,MAAM,6BAAsC,CAAC,WAClD,CAAC,QAAQ,WAAW,OAAO,OAAO,OAAO,OAAO,MAAM,QAAQ;",
+  "names": []
+}

package/dist/esm/validation/typescriptParsers.js

@@ -0,0 +1,47 @@
+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 = "";
+    shouldAppendToKey = true;
+  };
+  let depth = 0;
+  format.split("").forEach((char) => {
+    if (char === "{") {
+      depth += 1;
+      if (depth > 1)
+        lastValue += char;
+    } else if (char === "}") {
+      if (depth > 1)
+        lastValue += char;
+      depth -= 1;
+      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;
+  });
+  pushPair();
+  return keyValuePairs;
+};
+export {
+  typescriptObjectParser
+};
+//# sourceMappingURL=typescriptParsers.js.map

package/dist/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/dist/esm/validation/typescriptValidator.js

@@ -0,0 +1,153 @@
+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 !== void 0 || 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) => {
+  if (!Array.isArray(value)) {
+    throwTypeError(schemaName, key, value, format);
+  }
+  value.forEach((val, index) => {
+    validateValueWithFormat(schemaName, `${key}[${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);
+  if (!valuesIsObject) {
+    throwTypeError(schemaName, key, value, format);
+    return;
+  }
+  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) {
+      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) => {
+    try {
+      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) => {
+  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);
+  }
+};
+const validateValueWithFormat = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {
+  nextValidationsMemo[value] = format;
+  if (value in validationsMemo) {
+    return;
+  }
+  if (isUndefined(format)) {
+    validateUndefined(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
+  } else if (isNull(format)) {
+    validateNull(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
+  } else if (isPrimitiveType(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, 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, validationsMemo, nextValidationsMemo);
+  } else if (isJSXorNode(format)) {
+    validateJSXorNode(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
+  } else if (isSomethingWithParenthesis(format)) {
+    validateValueWithFormat(schemaName, key, value, format.slice(1, -1), validationsMemo, nextValidationsMemo);
+  }
+};
+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] !== void 0 || required)) {
+      validateValueWithFormat(schemaName, name, props[name], format, validationsMemo, nextValidationsMemo);
+    }
+  });
+};
+const useValidateTypescriptPropTypes = (props, propTypes) => {
+  const [validationsMemo, setValidationsMemo] = useState({});
+  const ComponentWithSchema = useMemo(() => {
+    const Component = () => {
+    };
+    return describe(Component);
+  }, []);
+  ComponentWithSchema.propTypes = propTypes;
+  useMemo(() => {
+    const nextValidationsMemo = {};
+    validateTypescriptPropTypesImplementation(props, ComponentWithSchema.toTypescript(), validationsMemo, nextValidationsMemo);
+    setValidationsMemo(nextValidationsMemo);
+  }, [props]);
+};
+export {
+  useValidateTypescriptPropTypes,
+  validateTypescriptPropTypesImplementation
+};
+//# sourceMappingURL=typescriptValidator.js.map

package/dist/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": "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",
+  "names": []
+}

package/dist/esm/validation/validator.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { throwRequiredError, throwTypeError } from "./errorTemplates";
+const useValidatePropTypes = (props, schema) => {
+  schema.properties.forEach((property) => {
+    const propertyName = property.name;
+    const currentProp = props[propertyName];
+    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"))) {
+        isValidReactElement = true;
+      }
+      if (!currentFormat.includes(currentPropTypeOf) && !currentFormat.includes(currentProp) && !isValidReactElement) {
+        throwTypeError(schema.name, propertyName, currentProp, currentFormat);
+      }
+    }
+  });
+};
+export {
+  useValidatePropTypes
+};
+//# sourceMappingURL=validator.js.map

package/dist/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/dist/esm/xstyledProps/constants.js

@@ -0,0 +1,59 @@
+import * as React from "react";
+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
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/xstyledProps/constants.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const marginKeys = [\n  'margin',\n  'marginTop',\n  'marginRight',\n  'marginBottom',\n  'marginLeft',\n  'm',\n  'mt',\n  'mr',\n  'mb',\n  'ml',\n  'mx',\n  'my',\n];\n\nconst paddingKeys = [\n  'padding',\n  'p',\n  'paddingTop',\n  'pt',\n  'paddingRight',\n  'pr',\n  'paddingBottom',\n  'pb',\n  'paddingLeft',\n  'pl',\n  'px',\n  'py',\n];\n\nconst spaceKeys = ['spaceY', 'spaceX', 'spaceXReverse', 'spaceYReverse'];\n\nconst widthKeys = ['w', 'maxWidth', 'maxW', 'minWidth', 'minW'];\n\nconst heightKeys = ['h', 'maxHeight', 'maxH', 'minHeight', 'minH'];\n\nconst maskSizeKeys = ['maskSize'];\n\nconst spacingKeys = [...marginKeys, ...paddingKeys, ...spaceKeys];\nconst sizingKeys = [...widthKeys, ...heightKeys, ...maskSizeKeys];\nexport const layoutKeys = [\n  'display',\n  'float',\n  'boxSizing',\n  'container',\n  'overflow',\n  'overflowX',\n  'overflowY',\n  'zIndex',\n  'position',\n  'top',\n  'right',\n  'bottom',\n  'left',\n  'visibility',\n  'overscrollBehavior',\n  'objectFit',\n];\n\nexport const xstyledKeys = Object.fromEntries(\n  [...spacingKeys, ...sizingKeys, ...layoutKeys].map((item) => [item, true]),\n) as Record<string, true>;\n"],
+  "mappings": "AAAA;ACAA,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGF,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGF,MAAM,YAAY,CAAC,UAAU,UAAU,iBAAiB;AAExD,MAAM,YAAY,CAAC,KAAK,YAAY,QAAQ,YAAY;AAExD,MAAM,aAAa,CAAC,KAAK,aAAa,QAAQ,aAAa;AAE3D,MAAM,eAAe,CAAC;AAEtB,MAAM,cAAc,CAAC,GAAG,YAAY,GAAG,aAAa,GAAG;AACvD,MAAM,aAAa,CAAC,GAAG,WAAW,GAAG,YAAY,GAAG;AAC7C,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGK,MAAM,cAAc,OAAO,YAChC,CAAC,GAAG,aAAa,GAAG,YAAY,GAAG,YAAY,IAAI,CAAC,SAAS,CAAC,MAAM;",
+  "names": []
+}

package/dist/esm/xstyledProps/index.js

@@ -0,0 +1,4 @@
+import * as React from "react";
+export * from "./useGetXstyledProps";
+export * from "./xstyledPropTypes";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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 * from './useGetXstyledProps';\nexport * from './xstyledPropTypes';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

package/dist/esm/xstyledProps/useGetXstyledProps.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { useMemo } from "react";
+import { xstyledKeys } from "./constants";
+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;
+};
+export {
+  useGetXstyledProps
+};
+//# sourceMappingURL=useGetXstyledProps.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/xstyledProps/useGetXstyledProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo } from 'react';\nimport type { SizingProps, SpaceProps, LayoutProps } from '@xstyled/styled-components';\nimport { xstyledKeys } from './constants';\n\ntype XstyledProps = SpaceProps & SizingProps & LayoutProps;\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;ACAA;AAEA;AAMO,MAAM,qBAAqB,CAAI,UAA6C;AACjF,QAAM,wBAAwB,QAAQ,MAAM;AAC1C,UAAM,qBAA8C;AACpD,WAAO,QAAQ,OAAO,QAAQ,CAAC,CAAC,KAAK,WAAW;AAC9C,UAAI,OAAO,aAAa;AACtB,2BAAmB,OAAO;AAAA;AAAA;AAG9B,WAAO;AAAA,KACN,CAAC;AAEJ,SAAO;AAAA;",
+  "names": []
+}