@elliemae/ds-legacy-props-helpers 1.0.0-rc.1

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/propTypes/PropTypes.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { PropTypesTypes, DocumentedPropType, ReactDescObjT, PropTypesObj } from './types.js';\n\nconst addPropTypeDocumentationField = <T extends keyof ReactDescObjT>(fieldName: T) =>\n  function addFieldToReactDesc(this: DocumentedPropType, value: ReactDescObjT[T]): DocumentedPropType {\n    if (!this.reactDesc) {\n      this.reactDesc = {};\n    }\n    let realValue = value;\n    if (\n      fieldName === 'global' ||\n      fieldName === 'dataTestId' ||\n      fieldName === 'hidden' ||\n      fieldName === 'xstyled' ||\n      fieldName === 'omitValidation'\n    )\n      realValue = true;\n\n    this.reactDesc[fieldName] = realValue;\n    return this;\n  };\n\nconst documentedPropType: Omit<DocumentedPropType, 'type' | 'isRequired' | 'reactDesc'> = {\n  defaultValue: addPropTypeDocumentationField('defaultValue'),\n  description: addPropTypeDocumentationField('description'),\n  deprecated: addPropTypeDocumentationField('deprecated'),\n  format: addPropTypeDocumentationField('format'),\n  signature: addPropTypeDocumentationField('signature'),\n  global: addPropTypeDocumentationField('global'),\n  omitValidation: addPropTypeDocumentationField('omitValidation'),\n  hidden: addPropTypeDocumentationField('hidden'),\n  dataTestId: addPropTypeDocumentationField('dataTestId'),\n  xstyled: addPropTypeDocumentationField('xstyled'),\n  isRequiredIf: addPropTypeDocumentationField('isRequiredIf'),\n};\n\nconst createPropType = (type: PropTypesTypes) => {\n  const propTypeObj = {\n    type,\n    ...documentedPropType,\n  };\n  Object.defineProperty(propTypeObj, 'isRequired', {\n    get: function getRequired(this: DocumentedPropType) {\n      if (!this.reactDesc) {\n        this.reactDesc = {};\n      }\n      this.reactDesc.required = true;\n      return this;\n    },\n    enumerable: true,\n    configurable: true,\n  });\n\n  return propTypeObj;\n};\n\nconst createPropTypeWithArgs = (type: PropTypesTypes) => (args: unknown) => {\n  const propTypeObj = {\n    args,\n    type,\n    ...documentedPropType,\n  };\n  Object.defineProperty(propTypeObj, 'isRequired', {\n    get: function getRequired(this: DocumentedPropType) {\n      if (!this.reactDesc) {\n        this.reactDesc = {};\n      }\n      this.reactDesc.required = true;\n      return this;\n    },\n    enumerable: true,\n    configurable: true,\n  });\n  return propTypeObj;\n};\n\nconst PropTypes = {\n  custom: (callback: CallableFunction) => {\n    const target = callback.bind(null) as CallableFunction & DocumentedPropType;\n    target.type = 'func';\n    Object.keys(documentedPropType).forEach((fieldName) => {\n      const fieldNameCasted = fieldName as keyof DocumentedPropType;\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n      (target[fieldNameCasted] as unknown) = documentedPropType[fieldNameCasted] as unknown;\n    });\n    return target;\n  },\n} as unknown as PropTypesObj;\n\nfunction definePropType(type: PropTypesTypes) {\n  Object.defineProperty(PropTypes, type, {\n    get: function getPropType() {\n      return createPropType(type);\n    },\n    enumerable: true,\n    configurable: true,\n  });\n}\n\nfunction definePropTypeWithArgs(type: PropTypesTypes) {\n  Object.defineProperty(PropTypes, type, {\n    get: function getPropType() {\n      return createPropTypeWithArgs(type);\n    },\n    enumerable: true,\n    configurable: true,\n  });\n}\n\ndefinePropType('any');\ndefinePropType('array');\ndefinePropType('bool');\ndefinePropType('element');\ndefinePropType('func');\ndefinePropType('node');\ndefinePropType('number');\ndefinePropType('object');\ndefinePropType('symbol');\ndefinePropType('string');\n\ndefinePropTypeWithArgs('arrayOf');\ndefinePropTypeWithArgs('instanceOf');\ndefinePropTypeWithArgs('objectOf');\ndefinePropTypeWithArgs('oneOfType');\ndefinePropTypeWithArgs('oneOf');\ndefinePropTypeWithArgs('shape');\ndefinePropTypeWithArgs('tuple');\n\nexport default PropTypes;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/propTypes/customPropTypes.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+const tupleValidator = (tupleShape) => {
+  const func = (value, index, ...rest) => tupleShape[index](value, index, ...rest);
+  return func;
+};
+export {
+  tupleValidator
+};
+//# sourceMappingURL=customPropTypes.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/propTypes/customPropTypes.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport type { Validator } from 'prop-types';\n\nexport const tupleValidator = (tupleShape: Validator<unknown>[]): Validator<unknown> => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call\n  const func: Validator<unknown> = (value, index, ...rest) =>\n    tupleShape[index as unknown as number](value, index, ...rest);\n  return func;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGhB,MAAM,iBAAiB,CAAC,eAAyD;AAEtF,QAAM,OAA2B,CAAC,OAAO,UAAU,SACjD,WAAW,KAA0B,EAAE,OAAO,OAAO,GAAG,IAAI;AAC9D,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/propTypes/describe.js

@@ -0,0 +1,49 @@
+import * as React from "react";
+import { convertPropType } from "./describeConversions.js";
+import descToTypescript from "./toTypescript.js";
+function describe(ComponentInstance) {
+  if (!ComponentInstance) {
+    throw new Error("react-desc: component is required");
+  }
+  const documentation = {
+    propTypes: {}
+  };
+  const DocumentedComponent = ComponentInstance;
+  const addDocumentationProp = (propName) => {
+    const func = (value) => {
+      documentation[propName] = value;
+      return DocumentedComponent;
+    };
+    return func;
+  };
+  DocumentedComponent.availableAt = addDocumentationProp("availableAt");
+  DocumentedComponent.description = addDocumentationProp("description");
+  DocumentedComponent.details = addDocumentationProp("details");
+  DocumentedComponent.deprecated = addDocumentationProp("deprecated");
+  DocumentedComponent.usage = addDocumentationProp("usage");
+  DocumentedComponent.intrinsicElement = addDocumentationProp("intrinsicElement");
+  DocumentedComponent.toTypescript = () => descToTypescript(ComponentInstance, documentation);
+  Object.defineProperty(DocumentedComponent, "propTypes", {
+    get: () => DocumentedComponent.propTypesValue,
+    set: (value) => {
+      if (!DocumentedComponent.propTypesValue) {
+        DocumentedComponent.propTypesValue = {};
+      }
+      Object.keys(value).forEach((name) => {
+        const propType = value[name];
+        let realPropType;
+        documentation.propTypes[name] = propType;
+        realPropType = convertPropType(propType);
+        DocumentedComponent.propTypesValue[name] = realPropType;
+        return propType;
+      });
+    },
+    enumerable: true,
+    configurable: true
+  });
+  return DocumentedComponent;
+}
+export {
+  describe as default
+};
+//# sourceMappingURL=describe.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/propTypes/describe.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/forbid-foreign-prop-types */\nimport type { Requireable, Validator } from 'prop-types';\nimport type React from 'react';\nimport { convertPropType } from './describeConversions.js';\nimport descToTypescript from './toTypescript.js';\nimport type { ReactDescT, Hook, ComponentDocumentation, DocumentedReactComponent } from './types.js';\n\nexport default function describe<C, R>(ComponentInstance: React.ComponentType<C> | Hook<C, R>) {\n  if (!ComponentInstance) {\n    throw new Error('react-desc: component is required');\n  }\n\n  const documentation: ComponentDocumentation = {\n    propTypes: {},\n  };\n\n  const DocumentedComponent = ComponentInstance as DocumentedReactComponent<C>;\n\n  const addDocumentationProp = <T extends keyof ComponentDocumentation>(propName: T) => {\n    const func = (value: ComponentDocumentation[T]): DocumentedReactComponent<C> => {\n      documentation[propName] = value;\n      return DocumentedComponent;\n    };\n    return func;\n  };\n\n  DocumentedComponent.availableAt = addDocumentationProp('availableAt');\n  DocumentedComponent.description = addDocumentationProp('description');\n  DocumentedComponent.details = addDocumentationProp('details');\n  DocumentedComponent.deprecated = addDocumentationProp('deprecated');\n  DocumentedComponent.usage = addDocumentationProp('usage');\n  DocumentedComponent.intrinsicElement = addDocumentationProp('intrinsicElement');\n\n  DocumentedComponent.toTypescript = () => descToTypescript(ComponentInstance, documentation);\n\n  Object.defineProperty(DocumentedComponent, 'propTypes', {\n    get: () => DocumentedComponent.propTypesValue,\n    set: (value: Record<string, ReactDescT>) => {\n      if (!DocumentedComponent.propTypesValue) {\n        DocumentedComponent.propTypesValue = {};\n      }\n\n      Object.keys(value).forEach((name) => {\n        const propType: ReactDescT = value[name];\n        let realPropType: Requireable<unknown> | Validator<unknown>;\n        documentation.propTypes[name] = propType;\n        realPropType = convertPropType(propType);\n        // We don't need to rely on the isRequired from prop-types package\n        // So no need to invoke (realPropType).isRequired if our own proptype is required\n        // Validation will handle that case for us\n        DocumentedComponent.propTypesValue[name] = realPropType as Validator<unknown>;\n        return propType;\n      });\n    },\n    enumerable: true,\n    configurable: true,\n  });\n\n  return DocumentedComponent;\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,uBAAuB;AAChC,OAAO,sBAAsB;AAGd,SAAR,SAAgC,mBAAwD;AAC7F,MAAI,CAAC,mBAAmB;AACtB,UAAM,IAAI,MAAM,mCAAmC;AAAA,EACrD;AAEA,QAAM,gBAAwC;AAAA,IAC5C,WAAW,CAAC;AAAA,EACd;AAEA,QAAM,sBAAsB;AAE5B,QAAM,uBAAuB,CAAyC,aAAgB;AACpF,UAAM,OAAO,CAAC,UAAkE;AAC9E,oBAAc,QAAQ,IAAI;AAC1B,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AAEA,sBAAoB,cAAc,qBAAqB,aAAa;AACpE,sBAAoB,cAAc,qBAAqB,aAAa;AACpE,sBAAoB,UAAU,qBAAqB,SAAS;AAC5D,sBAAoB,aAAa,qBAAqB,YAAY;AAClE,sBAAoB,QAAQ,qBAAqB,OAAO;AACxD,sBAAoB,mBAAmB,qBAAqB,kBAAkB;AAE9E,sBAAoB,eAAe,MAAM,iBAAiB,mBAAmB,aAAa;AAE1F,SAAO,eAAe,qBAAqB,aAAa;AAAA,IACtD,KAAK,MAAM,oBAAoB;AAAA,IAC/B,KAAK,CAAC,UAAsC;AAC1C,UAAI,CAAC,oBAAoB,gBAAgB;AACvC,4BAAoB,iBAAiB,CAAC;AAAA,MACxC;AAEA,aAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,SAAS;AACnC,cAAM,WAAuB,MAAM,IAAI;AACvC,YAAI;AACJ,sBAAc,UAAU,IAAI,IAAI;AAChC,uBAAe,gBAAgB,QAAQ;AAIvC,4BAAoB,eAAe,IAAI,IAAI;AAC3C,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,YAAY;AAAA,IACZ,cAAc;AAAA,EAChB,CAAC;AAED,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/propTypes/describeConversions.js

@@ -0,0 +1,86 @@
+import * as React from "react";
+import PropTypes from "prop-types";
+import { tupleValidator } from "./customPropTypes.js";
+import {
+  hasArguments,
+  isArrayOf,
+  isExact,
+  isInstanceOf,
+  isObjectOf,
+  isOneOf,
+  isOneOfType,
+  isShape
+} from "./describeGuards.js";
+const enrichPropType = (propType, reactDesc) => {
+  const func = (props, propName, componentName, ...rest) => {
+    if (reactDesc && reactDesc.deprecated && propName in props && !reactDesc.warned) {
+      const { version = "", message = "" } = reactDesc.deprecated;
+      const error = `Warning: "${propName}" property of "${componentName}" will be deprecated in version: ${version}.
+${message}`;
+      console.warn(error);
+      reactDesc.warned = true;
+    }
+    return propType(props, propName, componentName, ...rest);
+  };
+  Object.defineProperty(
+    func,
+    "isRequired",
+    Object.getOwnPropertyDescriptor(propType, "isRequired")
+  );
+  return func;
+};
+const convertArray = (array) => array.map((type) => convertPropType(type));
+const convertShape = (_shape) => {
+  const result = {};
+  Object.keys(_shape).forEach((key) => {
+    result[key] = convertPropType(_shape[key]);
+  });
+  return result;
+};
+const convertPropType = (propType) => {
+  if (!propType || !propType.type) {
+    throw new Error(`react-desc: unknown error -- proptype is not well defined`);
+  }
+  if (propType.type === "tuple") {
+    return enrichPropType(
+      PropTypes.arrayOf(tupleValidator(convertArray(propType.args))),
+      propType.reactDesc
+    );
+  }
+  const realPropType = PropTypes[propType.type];
+  if (!realPropType) {
+    throw new Error(`react-desc: unknown type ${propType.type}`);
+  }
+  if (hasArguments(propType, realPropType)) {
+    if (isOneOfType(propType, realPropType)) {
+      return enrichPropType(realPropType(convertArray(propType.args)), propType.reactDesc);
+    }
+    if (isArrayOf(propType, realPropType)) {
+      return enrichPropType(realPropType(convertPropType(propType.args)), propType.reactDesc);
+    }
+    if (isShape(propType, realPropType)) {
+      return enrichPropType(
+        realPropType(convertShape(propType.args)),
+        propType.reactDesc
+      );
+    }
+    if (isInstanceOf(propType, realPropType)) {
+      return enrichPropType(realPropType(propType.args), propType.reactDesc);
+    }
+    if (isOneOf(propType, realPropType)) {
+      return enrichPropType(realPropType(propType.args), propType.reactDesc);
+    }
+    if (isObjectOf(propType, realPropType)) {
+      return enrichPropType(realPropType(propType.args), propType.reactDesc);
+    }
+    if (isExact(propType, realPropType)) {
+      return enrichPropType(realPropType(propType.args), propType.reactDesc);
+    }
+    throw new Error(`react-desc: unknown error -- proptype with args is not matching`);
+  }
+  return enrichPropType(realPropType, propType.reactDesc);
+};
+export {
+  convertPropType
+};
+//# sourceMappingURL=describeConversions.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/propTypes/describeConversions.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable max-params */\n/* eslint-disable no-console */\n/* eslint-disable @typescript-eslint/no-use-before-define */\nimport type { ValidationMap, Requireable } from 'prop-types';\nimport PropTypes from 'prop-types';\nimport { tupleValidator } from './customPropTypes.js';\nimport {\n  hasArguments,\n  isArrayOf,\n  isExact,\n  isInstanceOf,\n  isObjectOf,\n  isOneOf,\n  isOneOfType,\n  isShape,\n} from './describeGuards.js';\nimport type { ReactDescT, ReactDescObjT, InstanceOfT, OneOfT, ObjectOfT, ExactT } from './types.js';\n\nconst enrichPropType = (propType: Requireable<unknown>, reactDesc: ReactDescObjT): Requireable<unknown> => {\n  const func = (props: Record<string, unknown>, propName: string, componentName: string, ...rest: [string, string]) => {\n    if (reactDesc && reactDesc.deprecated && propName in props && !reactDesc.warned) {\n      const { version = '', message = '' } = reactDesc.deprecated;\n      const error = `Warning: \"${propName}\" property of \"${componentName}\" will be deprecated in version: ${version}.\\n${message}`;\n      console.warn(error);\n      reactDesc.warned = true;\n    }\n    return propType(props, propName, componentName, ...rest);\n  };\n  Object.defineProperty(\n    func,\n    'isRequired',\n    Object.getOwnPropertyDescriptor(propType, 'isRequired') as PropertyDescriptor,\n  );\n  return func as Requireable<unknown>;\n};\n\nconst convertArray = (array: ReactDescT[]): Requireable<unknown>[] => array.map((type) => convertPropType(type));\n\nconst convertShape = (_shape: Record<string, ReactDescT>): ValidationMap<Record<string, unknown>> => {\n  const result: ValidationMap<Record<string, unknown>> = {};\n  Object.keys(_shape).forEach((key) => {\n    result[key] = convertPropType(_shape[key]);\n  });\n  return result;\n};\n\nexport const convertPropType = (propType: ReactDescT): Requireable<unknown> => {\n  if (!propType || !propType.type) {\n    throw new Error(`react-desc: unknown error -- proptype is not well defined`);\n  }\n\n  // DimSum PropTypes conversion\n  if (propType.type === 'tuple') {\n    return enrichPropType(\n      PropTypes.arrayOf(tupleValidator(convertArray(propType.args as ReactDescT[]))),\n      propType.reactDesc,\n    );\n  }\n\n  // Default PropType conversion\n  const realPropType = PropTypes[propType.type];\n\n  if (!realPropType) {\n    throw new Error(`react-desc: unknown type ${propType.type}`);\n  }\n\n  if (hasArguments(propType, realPropType)) {\n    if (isOneOfType(propType, realPropType)) {\n      return enrichPropType(realPropType(convertArray(propType.args as ReactDescT[])), propType.reactDesc);\n    }\n    if (isArrayOf(propType, realPropType)) {\n      return enrichPropType(realPropType(convertPropType(propType.args as ReactDescT)), propType.reactDesc);\n    }\n    if (isShape(propType, realPropType)) {\n      return enrichPropType(\n        realPropType(convertShape(propType.args as Record<string, ReactDescT>)),\n        propType.reactDesc,\n      );\n    }\n    if (isInstanceOf(propType, realPropType)) {\n      return enrichPropType(realPropType(propType.args as Parameters<InstanceOfT>[0]), propType.reactDesc);\n    }\n    if (isOneOf(propType, realPropType)) {\n      return enrichPropType(realPropType(propType.args as Parameters<OneOfT>[0]), propType.reactDesc);\n    }\n    if (isObjectOf(propType, realPropType)) {\n      return enrichPropType(realPropType(propType.args as Parameters<ObjectOfT>[0]), propType.reactDesc);\n    }\n    if (isExact(propType, realPropType)) {\n      return enrichPropType(realPropType(propType.args as Parameters<ExactT>[0]), propType.reactDesc);\n    }\n    throw new Error(`react-desc: unknown error -- proptype with args is not matching`);\n  }\n\n  return enrichPropType(realPropType, propType.reactDesc);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACMvB,OAAO,eAAe;AACtB,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,MAAM,iBAAiB,CAAC,UAAgC,cAAmD;AACzG,QAAM,OAAO,CAAC,OAAgC,UAAkB,kBAA0B,SAA2B;AACnH,QAAI,aAAa,UAAU,cAAc,YAAY,SAAS,CAAC,UAAU,QAAQ;AAC/E,YAAM,EAAE,UAAU,IAAI,UAAU,GAAG,IAAI,UAAU;AACjD,YAAM,QAAQ,aAAa,0BAA0B,iDAAiD;AAAA,EAAa;AACnH,cAAQ,KAAK,KAAK;AAClB,gBAAU,SAAS;AAAA,IACrB;AACA,WAAO,SAAS,OAAO,UAAU,eAAe,GAAG,IAAI;AAAA,EACzD;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO,yBAAyB,UAAU,YAAY;AAAA,EACxD;AACA,SAAO;AACT;AAEA,MAAM,eAAe,CAAC,UAAgD,MAAM,IAAI,CAAC,SAAS,gBAAgB,IAAI,CAAC;AAE/G,MAAM,eAAe,CAAC,WAA+E;AACnG,QAAM,SAAiD,CAAC;AACxD,SAAO,KAAK,MAAM,EAAE,QAAQ,CAAC,QAAQ;AACnC,WAAO,GAAG,IAAI,gBAAgB,OAAO,GAAG,CAAC;AAAA,EAC3C,CAAC;AACD,SAAO;AACT;AAEO,MAAM,kBAAkB,CAAC,aAA+C;AAC7E,MAAI,CAAC,YAAY,CAAC,SAAS,MAAM;AAC/B,UAAM,IAAI,MAAM,2DAA2D;AAAA,EAC7E;AAGA,MAAI,SAAS,SAAS,SAAS;AAC7B,WAAO;AAAA,MACL,UAAU,QAAQ,eAAe,aAAa,SAAS,IAAoB,CAAC,CAAC;AAAA,MAC7E,SAAS;AAAA,IACX;AAAA,EACF;AAGA,QAAM,eAAe,UAAU,SAAS,IAAI;AAE5C,MAAI,CAAC,cAAc;AACjB,UAAM,IAAI,MAAM,4BAA4B,SAAS,MAAM;AAAA,EAC7D;AAEA,MAAI,aAAa,UAAU,YAAY,GAAG;AACxC,QAAI,YAAY,UAAU,YAAY,GAAG;AACvC,aAAO,eAAe,aAAa,aAAa,SAAS,IAAoB,CAAC,GAAG,SAAS,SAAS;AAAA,IACrG;AACA,QAAI,UAAU,UAAU,YAAY,GAAG;AACrC,aAAO,eAAe,aAAa,gBAAgB,SAAS,IAAkB,CAAC,GAAG,SAAS,SAAS;AAAA,IACtG;AACA,QAAI,QAAQ,UAAU,YAAY,GAAG;AACnC,aAAO;AAAA,QACL,aAAa,aAAa,SAAS,IAAkC,CAAC;AAAA,QACtE,SAAS;AAAA,MACX;AAAA,IACF;AACA,QAAI,aAAa,UAAU,YAAY,GAAG;AACxC,aAAO,eAAe,aAAa,SAAS,IAAkC,GAAG,SAAS,SAAS;AAAA,IACrG;AACA,QAAI,QAAQ,UAAU,YAAY,GAAG;AACnC,aAAO,eAAe,aAAa,SAAS,IAA6B,GAAG,SAAS,SAAS;AAAA,IAChG;AACA,QAAI,WAAW,UAAU,YAAY,GAAG;AACtC,aAAO,eAAe,aAAa,SAAS,IAAgC,GAAG,SAAS,SAAS;AAAA,IACnG;AACA,QAAI,QAAQ,UAAU,YAAY,GAAG;AACnC,aAAO,eAAe,aAAa,SAAS,IAA6B,GAAG,SAAS,SAAS;AAAA,IAChG;AACA,UAAM,IAAI,MAAM,iEAAiE;AAAA,EACnF;AAEA,SAAO,eAAe,cAAc,SAAS,SAAS;AACxD;",
+  "names": []
+}

package/dist/esm/propTypes/describeGuards.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+const hasArguments = (propType, realPropType) => !!propType.args;
+const isOneOfType = (propType, realPropType) => propType.type === "oneOfType";
+const isArrayOf = (propType, realPropType) => propType.type === "arrayOf";
+const isShape = (propType, realPropType) => propType.type === "shape";
+const isInstanceOf = (propType, realPropType) => propType.type === "instanceOf";
+const isOneOf = (propType, realPropType) => propType.type === "oneOf";
+const isObjectOf = (propType, realPropType) => propType.type === "objectOf";
+const isExact = (propType, realPropType) => propType.type === "exact";
+export {
+  hasArguments,
+  isArrayOf,
+  isExact,
+  isInstanceOf,
+  isObjectOf,
+  isOneOf,
+  isOneOfType,
+  isShape
+};
+//# sourceMappingURL=describeGuards.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/propTypes/describeGuards.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {\n  AllPropTypes,\n  ArrayOfT,\n  ExactT,\n  InstanceOfT,\n  ObjectOfT,\n  OneOfT,\n  OneOfTypeT,\n  ParametizedPropTypes,\n  ReactDescT,\n  ShapeT,\n} from './types.js';\n\nexport const hasArguments = (propType: ReactDescT, realPropType: AllPropTypes): realPropType is ParametizedPropTypes =>\n  !!propType.args;\n\nexport const isOneOfType = (propType: ReactDescT, realPropType: AllPropTypes): realPropType is OneOfTypeT =>\n  propType.type === 'oneOfType';\n\nexport const isArrayOf = (propType: ReactDescT, realPropType: AllPropTypes): realPropType is ArrayOfT =>\n  propType.type === 'arrayOf';\n\nexport const isShape = (propType: ReactDescT, realPropType: AllPropTypes): realPropType is ShapeT =>\n  propType.type === 'shape';\n\nexport const isInstanceOf = (propType: ReactDescT, realPropType: AllPropTypes): realPropType is InstanceOfT =>\n  propType.type === 'instanceOf';\n\nexport const isOneOf = (propType: ReactDescT, realPropType: AllPropTypes): realPropType is OneOfT =>\n  propType.type === 'oneOf';\n\nexport const isObjectOf = (propType: ReactDescT, realPropType: AllPropTypes): realPropType is ObjectOfT =>\n  propType.type === 'objectOf';\n\nexport const isExact = (propType: ReactDescT, realPropType: AllPropTypes): realPropType is ExactT =>\n  propType.type === 'exact';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACahB,MAAM,eAAe,CAAC,UAAsB,iBACjD,CAAC,CAAC,SAAS;AAEN,MAAM,cAAc,CAAC,UAAsB,iBAChD,SAAS,SAAS;AAEb,MAAM,YAAY,CAAC,UAAsB,iBAC9C,SAAS,SAAS;AAEb,MAAM,UAAU,CAAC,UAAsB,iBAC5C,SAAS,SAAS;AAEb,MAAM,eAAe,CAAC,UAAsB,iBACjD,SAAS,SAAS;AAEb,MAAM,UAAU,CAAC,UAAsB,iBAC5C,SAAS,SAAS;AAEb,MAAM,aAAa,CAAC,UAAsB,iBAC/C,SAAS,SAAS;AAEb,MAAM,UAAU,CAAC,UAAsB,iBAC5C,SAAS,SAAS;",
+  "names": []
+}

package/dist/esm/propTypes/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import PropTypes from "./PropTypes.js";
+import describe from "./describe.js";
+export {
+  PropTypes,
+  describe
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/propTypes/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import PropTypes from './PropTypes.js';\nimport describe from './describe.js';\n\nexport { describe, PropTypes };\nexport type { DSPropTypesSchema } from './types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,eAAe;AACtB,OAAO,cAAc;",
+  "names": []
+}

package/dist/esm/propTypes/toTypescript.js

@@ -0,0 +1,121 @@
+import * as React from "react";
+const arrayFormat = (array) => array.map((propType) => propTypeFormat(propType));
+const shapeFormat = (shape) => {
+  const props = Object.keys(shape).map((key) => {
+    const value = shape[key];
+    let valueFormat;
+    if (value.type && (value.type === "arrayOf" || value.type === "oneOfType" || value.type === "oneOf") && Array.isArray(value.args)) {
+      valueFormat = `${propTypeFormat(value)}`;
+    } else if (value.type === "shape") {
+      valueFormat = `${propTypeFormat(value)}`;
+    } else {
+      valueFormat = propTypeFormat(value);
+    }
+    return `${key}${value.reactDesc && value.reactDesc.required ? "" : "?"}: ${valueFormat}`;
+  });
+  return `{${props.join(",")}}`;
+};
+const propTypeFormat = (propType, joinWith = "") => {
+  let result;
+  if (Array.isArray(propType)) {
+    result = arrayFormat(propType).join(joinWith);
+  } else if (typeof propType !== "function" && propType.type) {
+    switch (propType.type) {
+      case "array":
+        result = "any[]";
+        break;
+      case "arrayOf":
+        if (propType.args.type === "oneOfType") {
+          result = `(${propTypeFormat(propType.args, " | ")})[]`;
+        } else {
+          result = `${propTypeFormat(propType.args, "\n")}[]`;
+        }
+        break;
+      case "tuple":
+        result = `[${propTypeFormat(propType.args, ", ")}]`;
+        break;
+      case "bool":
+        result = "boolean";
+        break;
+      case "func":
+        result = propType?.reactDesc?.signature ?? "((...args: any[]) => any)";
+        break;
+      case "node":
+        result = "React.ReactNode";
+        break;
+      case "element":
+        result = "JSX.Element";
+        break;
+      case "instanceOf":
+        result = "any";
+        break;
+      case "symbol":
+        result = "any";
+        break;
+      case "objectOf":
+        result = `{ [key: string]: ${propTypeFormat(propType.args)} }`;
+        break;
+      case "oneOf":
+        result = propType.args.map((a) => `"${a}"`).join(" | ");
+        break;
+      case "oneOfType":
+        result = `${propTypeFormat(propType.args, " | ")}`;
+        break;
+      case "shape":
+        result = `${shapeFormat(propType.args)}`;
+        break;
+      default:
+        result = `${propType.type}`;
+        break;
+    }
+  } else {
+    result = "any";
+  }
+  return result;
+};
+const propTypeAsTypescript = (propType, propName) => {
+  const documentation = {
+    ...propType.reactDesc,
+    name: propName
+  };
+  documentation.format = propTypeFormat(propType);
+  return documentation;
+};
+function descToTypescript(component, reactDesc) {
+  if (!component) {
+    throw new Error("react-desc: component is required");
+  }
+  const documentation = {
+    name: component.displayName || component.name,
+    ...reactDesc
+  };
+  if (reactDesc) {
+    delete documentation.propTypes;
+    if (reactDesc.propTypes) {
+      const propTypes = [];
+      Object.keys(reactDesc.propTypes).forEach((propName) => {
+        const propType = reactDesc.propTypes[propName];
+        if (propType.type === "shape") {
+          propType.reactDesc.group = {};
+          Object.keys(propType.args).forEach((prop) => {
+            if (!propType.reactDesc.group)
+              return;
+            propType.reactDesc.group[prop] = propTypeAsTypescript(
+              propType.args[prop],
+              prop
+            );
+          });
+        }
+        propTypes.push(propTypeAsTypescript(propType, propName));
+      });
+      if (propTypes.length > 0) {
+        documentation.properties = propTypes;
+      }
+    }
+  }
+  return documentation;
+}
+export {
+  descToTypescript as default
+};
+//# sourceMappingURL=toTypescript.js.map

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 type React from 'react';\nimport type { ComponentDocumentation, Hook, ReactDescT, TypescriptDocumentation } from './types.js';\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 = propType?.reactDesc?.signature ?? '((...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, R>(\n  component: React.ComponentType<C> | Hook<C, R>,\n  reactDesc: ComponentDocumentation,\n) {\n  if (!component) {\n    throw new Error('react-desc: component is required');\n  }\n\n  const documentation: Partial<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        if (propType.type === 'shape') {\n          propType.reactDesc.group = {};\n\n          Object.keys(propType.args as Record<string, ReactDescT>).forEach((prop) => {\n            if (!propType.reactDesc.group) return;\n            propType.reactDesc.group[prop] = propTypeAsTypescript(\n              (propType.args as Record<string, ReactDescT>)[prop],\n              prop,\n            );\n          });\n        }\n        propTypes.push(propTypeAsTypescript(propType, propName));\n      });\n      if (propTypes.length > 0) {\n        documentation.properties = propTypes;\n      }\n    }\n  }\n  return documentation as TypescriptDocumentation;\n}\n"],
+  "mappings": "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",
+  "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,YAAY,WAAW;",
+  "names": []
+}

package/dist/esm/propsPerDataTestId/getPropsPerDatatestIdPropTypes.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { PropTypes } from "../propTypes/index.js";
+const isString = (value) => typeof value === "string";
+const isDataTestId = (value) => typeof value === "object";
+const getLeafValues = (obj) => {
+  const keys = Object.keys(obj);
+  const leafValues = keys.reduce((acc, key) => {
+    const value = obj[key];
+    if (isString(value)) {
+      acc.push(`${value}`);
+    } else if (isDataTestId(value)) {
+      acc.push(...getLeafValues(value));
+    }
+    return acc;
+  }, []);
+  return leafValues;
+};
+const getPropsPerDatatestIdPropTypes = (dataTestIdObj) => {
+  const leafValues = getLeafValues(dataTestIdObj);
+  const propsPerDataTestIdPropTypes = {};
+  leafValues.forEach((leafValue) => {
+    propsPerDataTestIdPropTypes[leafValue] = PropTypes.shape({
+      "aria-*": PropTypes.string.description("Aria related properties"),
+      "data-*": PropTypes.string.description("Any data property to attach to the root container"),
+      "on-*": PropTypes.func.description("Any supported React event"),
+      "all HTML attributes": PropTypes.any.description(
+        "HTML attributes such as id, className, autoComplete, href and so on"
+      )
+    }).description(`an object containing the definitions for ${leafValue} aria and data props`).dataTestId();
+  });
+  return propsPerDataTestIdPropTypes;
+};
+export {
+  getPropsPerDatatestIdPropTypes
+};
+//# sourceMappingURL=getPropsPerDatatestIdPropTypes.js.map

package/dist/esm/propsPerDataTestId/getPropsPerDatatestIdPropTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/propsPerDataTestId/getPropsPerDatatestIdPropTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\nimport { PropTypes } from '../propTypes/index.js';\nimport type { ReactDescT } from '../propTypes/types.js';\n\n// recursive type where the key is a string and the value it's the either a string or a recursive type\ntype DataTestId = {\n  [key: string]: string | DataTestId;\n};\n// typescript typeguard to check if the value is a string\nconst isString = (value: string | DataTestId): value is string => typeof value === 'string';\n// typescript typeguard to check if the value is a DataTestId\nconst isDataTestId = (value: string | DataTestId): value is DataTestId => typeof value === 'object';\n\ntype PropsPerDataTestIdPropTypes = {\n  [key: string]: ReactDescT['shape'];\n};\n// implementation of a helper function that retrieves the nested values of the input object\n// and returns an array of strings, each string is the value of a leaf of the input object\n/**\n *\n * @param {object} obj - object in which the values rapresent the keys of the output object\n * @returns {string[]} an array of strings, each string is the value of a leaf of the input object\n * @example\n * const obj = {\n *   WHATEVER: 'data-testid',\n *   NESTED:{\n *     WHATEVER2: 'data-testid-2',\n *     WHATEVER3: 'data-testid-3',\n *   }\n * }\n * const leafValues = getLeafValues(obj);\n * leafValues === ['data-testid', 'data-testid-2', 'data-testid-3']\n */\nconst getLeafValues = (obj: DataTestId): string[] => {\n  const keys = Object.keys(obj);\n  const leafValues = keys.reduce((acc, key) => {\n    const value = obj[key];\n    if (isString(value)) {\n      acc.push(`${value}`);\n    } else if (isDataTestId(value)) {\n      acc.push(...getLeafValues(value));\n    }\n    return acc;\n  }, [] as string[]);\n  return leafValues;\n};\n\n/**\n * @param {object} dataTestIdObj - object in which the values rapresent the keys of the output object\n * @returns {object} output - an object in which for each leaf value of the input object there is a key with aria-* and data-* props.shape definition\n * @example\n * const dataTestIdObj = {\n *   WHATEVER: 'data-testid',\n *   NESTED:{\n *     WHATEVER2: 'data-testid-2',\n *     WHATEVER3: 'data-testid-3',\n *   }\n * }\n *\n * const propsPerDataTestIdPropTypes = getPropsPerDatatestIdPropTypes(dataTestIdObj);\n * // propsPerDataTestIdPropTypes will be\n * {\n *   'data-testid': PropTypes.shape({\n *      'aria-*': PropTypes.string,\n *      'data-*': PropTypes.string,\n *   }),\n *   'data-testid-2': PropTypes.shape({\n *      'aria-*': PropTypes.string,\n *      'data-*': PropTypes.string,\n *   })\n *   'data-testid-3': PropTypes.shape({\n *      'aria-*': PropTypes.string,\n *      'data-*': PropTypes.string,\n *   })\n * }\n * @fires getLeafValues\n */\nexport const getPropsPerDatatestIdPropTypes = (dataTestIdObj: DataTestId): PropsPerDataTestIdPropTypes => {\n  const leafValues = getLeafValues(dataTestIdObj);\n  const propsPerDataTestIdPropTypes = {} as PropsPerDataTestIdPropTypes;\n  leafValues.forEach((leafValue) => {\n    propsPerDataTestIdPropTypes[leafValue] = PropTypes.shape({\n      'aria-*': PropTypes.string.description('Aria related properties'),\n      'data-*': PropTypes.string.description('Any data property to attach to the root container'),\n      'on-*': PropTypes.func.description('Any supported React event'),\n      'all HTML attributes': PropTypes.any.description(\n        'HTML attributes such as id, className, autoComplete, href and so on',\n      ),\n    })\n      .description(`an object containing the definitions for ${leafValue} aria and data props`)\n      .dataTestId();\n  });\n  return propsPerDataTestIdPropTypes;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAQ1B,MAAM,WAAW,CAAC,UAAgD,OAAO,UAAU;AAEnF,MAAM,eAAe,CAAC,UAAoD,OAAO,UAAU;AAsB3F,MAAM,gBAAgB,CAAC,QAA8B;AACnD,QAAM,OAAO,OAAO,KAAK,GAAG;AAC5B,QAAM,aAAa,KAAK,OAAO,CAAC,KAAK,QAAQ;AAC3C,UAAM,QAAQ,IAAI,GAAG;AACrB,QAAI,SAAS,KAAK,GAAG;AACnB,UAAI,KAAK,GAAG,OAAO;AAAA,IACrB,WAAW,aAAa,KAAK,GAAG;AAC9B,UAAI,KAAK,GAAG,cAAc,KAAK,CAAC;AAAA,IAClC;AACA,WAAO;AAAA,EACT,GAAG,CAAC,CAAa;AACjB,SAAO;AACT;AAgCO,MAAM,iCAAiC,CAAC,kBAA2D;AACxG,QAAM,aAAa,cAAc,aAAa;AAC9C,QAAM,8BAA8B,CAAC;AACrC,aAAW,QAAQ,CAAC,cAAc;AAChC,gCAA4B,SAAS,IAAI,UAAU,MAAM;AAAA,MACvD,UAAU,UAAU,OAAO,YAAY,yBAAyB;AAAA,MAChE,UAAU,UAAU,OAAO,YAAY,mDAAmD;AAAA,MAC1F,QAAQ,UAAU,KAAK,YAAY,2BAA2B;AAAA,MAC9D,uBAAuB,UAAU,IAAI;AAAA,QACnC;AAAA,MACF;AAAA,IACF,CAAC,EACE,YAAY,4CAA4C,+BAA+B,EACvF,WAAW;AAAA,EAChB,CAAC;AACD,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/propsPerDataTestId/getPropsPerDatatestid.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { getAriaOrDataProps } from "../getProps/index.js";
+const getPropsPerDatatestid = (userProps) => {
+  if (userProps === void 0 || userProps === null || typeof userProps !== "object" && typeof userProps !== "function")
+    return {};
+  if (typeof userProps === "function") {
+    const values = getAriaOrDataProps(userProps());
+    return values;
+  }
+  return getAriaOrDataProps(userProps);
+};
+export {
+  getPropsPerDatatestid
+};
+//# sourceMappingURL=getPropsPerDatatestid.js.map

package/dist/esm/propsPerDataTestId/getPropsPerDatatestid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/propsPerDataTestId/getPropsPerDatatestid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\n/* eslint-disable complexity */\nimport { getAriaOrDataProps } from '../getProps/index.js';\n\n/**\n * Returns the props for a given dataTestId.\n * props are going to be filtered so only aria related and data-* props are going to be returned.\n * @param {Record<string, string> | (() => Record<string, string>)} userProps - The props passed by the user.\n * @returns The props for the given dataTestId.\n * @example\n * const userProps = {\n *  'ds-controlled-date-time-picker-month-input': {\n *    'aria-label': 'month-input-aria-label',\n *    'data-test': 'month-input-data-test',\n *    somethingElse: 'this will not be returned',\n *  },\n *  'ds-controlled-date-time-picker-day-input': {\n *   'aria-label': 'day-aria-label',\n *   'data-test': 'day-data-test',\n *  },\n * };\n * const dataTestIdProps = getDataTestIdProps(userProps['ds-controlled-date-time-picker-day-input']);\n * // dataTestIdProps = {\n * //   'aria-label': 'day-aria-label',\n * //   'data-test': 'day-data-test',\n * // }\n * @example\n * const userProps = {\n *   'ds-controlled-date-time-picker-month-input': {\n *     'aria-label': 'month-input-aria-label',\n *     'data-test': 'month-input-data-test',\n *   },\n *   'ds-controlled-date-time-picker-day-input': (props) => ({ // notice that this is a function that returns an object\n *     'aria-label': 'day-aria-label',\n *     'data-test': 'day-data-test',\n *     somethingElse: 'this will not be returned',\n *   }),\n * };\n * const dataTestIdProps = getDataTestIdProps(userProps['ds-controlled-date-time-picker-day-input']);\n * // dataTestIdProps = {\n * //   'aria-label': 'day-aria-label',\n * //   'data-test': 'day-data-test',\n * // }\n * @fires getAriaOrDataProps\n */\nconst getPropsPerDatatestid = (userProps: AriaAndDataPropsOrPropsGetter | undefined) => {\n  if (\n    userProps === undefined ||\n    userProps === null ||\n    (typeof userProps !== 'object' && typeof userProps !== 'function')\n  )\n    return {};\n\n  if (typeof userProps === 'function') {\n    const values = getAriaOrDataProps(userProps());\n    return values;\n  }\n  return getAriaOrDataProps(userProps);\n};\n\nexport { getPropsPerDatatestid };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,0BAA0B;AA2CnC,MAAM,wBAAwB,CAAC,cAAyD;AACtF,MACE,cAAc,UACd,cAAc,QACb,OAAO,cAAc,YAAY,OAAO,cAAc;AAEvD,WAAO,CAAC;AAEV,MAAI,OAAO,cAAc,YAAY;AACnC,UAAM,SAAS,mBAAmB,UAAU,CAAC;AAC7C,WAAO;AAAA,EACT;AACA,SAAO,mBAAmB,SAAS;AACrC;",
+  "names": []
+}

package/dist/esm/propsPerDataTestId/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { getPropsPerDatatestid } from "./getPropsPerDatatestid.js";
+import { getPropsPerDatatestIdPropTypes } from "./getPropsPerDatatestIdPropTypes.js";
+export {
+  getPropsPerDatatestIdPropTypes,
+  getPropsPerDatatestid
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/propsPerDataTestId/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { getPropsPerDatatestid } from './getPropsPerDatatestid.js';\nexport { getPropsPerDatatestIdPropTypes } from './getPropsPerDatatestIdPropTypes.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,6BAA6B;AACtC,SAAS,sCAAsC;",
+  "names": []
+}

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import React2 from "react";
+import { useGetGlobalAttributes } from "../../globalProps";
+const TestComponent = (props) => {
+  const globalAttributes = useGetGlobalAttributes(props);
+  return /* @__PURE__ */ jsx("div", { ...globalAttributes, children: "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,YAAY,WAAW;ACMd;AANT,OAAOA,YAAW;AAClB,SAAS,8BAA8B;AAEhC,MAAM,gBAAgB,CAAC,UAAU;AACtC,QAAM,mBAAmB,uBAAuB,KAAK;AAErD,SAAO,oBAAC,SAAK,GAAG,kBAAkB,6BAAe;AACnD;",
+  "names": ["React"]
+}

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

@@ -0,0 +1,42 @@
+import * as React from "react";
+import { PropTypes, describe } from "../../propTypes/index.ts";
+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"),
+  something: PropTypes.oneOf(["thing", "object"]).description("something"),
+  isRequiredIf: PropTypes.string.description("isRequiredIf").isRequiredIf((props) => props.something === "thing"),
+  objectOf: PropTypes.objectOf(PropTypes.string).description("Object of"),
+  objectOfArray: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.string)).description("Object of array")
+};
+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 '../../propTypes/index.ts';\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  something: PropTypes.oneOf(['thing', 'object']).description('something'),\n  isRequiredIf: PropTypes.string.description('isRequiredIf').isRequiredIf((props) => props.something === 'thing'),\n  objectOf: PropTypes.objectOf(PropTypes.string).description('Object of'),\n  objectOfArray: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.string)).description('Object of array'),\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,YAAY,WAAW;ACAvB,SAAS,WAAW,gBAAgB;AAEpC,MAAM,aAAa;AAAA,EACjB,QAAQ,UAAU,OAAO,YAAY,QAAQ;AAAA,EAC7C,QAAQ,UAAU,OAAO,YAAY,QAAQ;AAAA,EAC7C,SAAS,UAAU,KAAK,YAAY,SAAS;AAAA,EAC7C,KAAK,UAAU,IAAI,YAAY,KAAK;AAAA,EACpC,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,OAAO;AAAA,EACpF,QAAQ,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,SAAS;AAAA,EACzD,QAAQ,UAAU,UAAU;AAAA,IAC1B,UAAU;AAAA,IACV,UAAU,QAAQ,UAAU,MAAM;AAAA,IAClC,UAAU,MAAM,EAAE,QAAQ,UAAU,OAAO,CAAC;AAAA,EAC9C,CAAC,EAAE,YAAY,SAAS;AAAA,EACxB,OAAO,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,OAAO;AAAA,EAC9D,QAAQ,UAAU,OAAO,YAAY,QAAQ;AAAA,EAC7C,OAAO,UAAU,MAAM;AAAA,IACrB,QAAQ,UAAU,OAAO,YAAY,QAAQ,EAAE;AAAA,IAC/C,QAAQ,UAAU,OAAO,YAAY,QAAQ;AAAA,IAC7C,SAAS,UAAU,KAAK,YAAY,SAAS;AAAA,IAC7C,cAAc,UAAU,MAAM;AAAA,MAC5B,QAAQ,UAAU,OAAO,YAAY,QAAQ,EAAE;AAAA,MAC/C,QAAQ,UAAU,OAAO,YAAY,QAAQ;AAAA,MAC7C,SAAS,UAAU,KAAK,YAAY,SAAS;AAAA,IAC/C,CAAC,EAAE,YAAY,eAAe;AAAA,EAChC,CAAC,EAAE,YAAY,OAAO;AAAA,EACtB,UAAU,UAAU,KAAK,YAAY,UAAU;AAAA,EAC/C,KAAK,UAAU,QAAQ,YAAY,KAAK;AAAA,EACxC,MAAM,UAAU,KAAK,YAAY,MAAM;AAAA,EACvC,WAAW,UAAU,MAAM,CAAC,SAAS,QAAQ,CAAC,EAAE,YAAY,WAAW;AAAA,EACvE,cAAc,UAAU,OAAO,YAAY,cAAc,EAAE,aAAa,CAAC,UAAU,MAAM,cAAc,OAAO;AAAA,EAC9G,UAAU,UAAU,SAAS,UAAU,MAAM,EAAE,YAAY,WAAW;AAAA,EACtE,eAAe,UAAU,SAAS,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,iBAAiB;AACtG;AAEA,MAAM,gBAAgB,MAAM;AAE5B,MAAM,0BAA0B,SAAS,aAAa,EAAE,YAAY,gBAAgB;AAEpF,wBAAwB,YAAY;AAE7B,MAAM,mBAAmB,wBAAwB,aAAa;",
+  "names": []
+}

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import React2 from "react";
+import { useGetXstyledProps } from "../../xstyledProps";
+const TestComponent = (props) => {
+  const xstyledProps = useGetXstyledProps(props);
+  props.signal(xstyledProps);
+  return /* @__PURE__ */ jsx("div", { ...xstyledProps, "data-testid": "xstyled-div", children: "Some random div" });
+};
+export {
+  TestComponent
+};
+//# sourceMappingURL=TestComponent.js.map