@telegraph/helpers 0.0.1 → 0.0.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @telegraph/helpers
 
+## 0.0.3
+
+### Patch Changes
+
+- [#132](https://github.com/knocklabs/telegraph/pull/132) [`8d4c7bb`](https://github.com/knocklabs/telegraph/commit/8d4c7bb5031747c185faa31c0bc0aef7bd14d01c) Thanks [@kylemcd](https://github.com/kylemcd)! - first release of new menu component
+
+## 0.0.2
+
+### Patch Changes
+
+- [#124](https://github.com/knocklabs/telegraph/pull/124) [`def3d89`](https://github.com/knocklabs/telegraph/commit/def3d89056aa54c0d24f74e33bc04df8efc712d9) Thanks [@kylemcd](https://github.com/kylemcd)! - better ts support for as prop with custom tgphRef
+
 ## 0.0.1
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("@radix-ui/react-slot"),c=require("react"),f=c.forwardRef((e,t)=>r.jsx(o.Slot,{...e,tgphRef:t}));exports.RefToTgphRef=f;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":["../../src/components/RefToTgphRef/RefToTgphRef.tsx"],"sourcesContent":["//\n// When interacting with components like a Radix.Trigger, they assume that\n// our components accept a `ref` prop. This is not the case with our components\n// because we use the `tgphRef` prop instead. To work around this, we can create\n// a new component that accepts a `ref` prop and forwards it to the `tgphRef`\n// prop.\n//\nimport { Slot } from \"@radix-ui/react-slot\";\nimport React from \"react\";\n\n// We can't generate the type of the ref because it's a forwardRef so any\n// works for this use case\n//\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst RefToTgphRef = React.forwardRef<any, any>((props, ref) => {\n  return <Slot {...props} tgphRef={ref} />;\n});\n\nexport { RefToTgphRef };\n"],"names":["RefToTgphRef","React","props","ref","jsx","Slot"],"mappings":"0KAcMA,EAAeC,EAAM,WAAqB,CAACC,EAAOC,IAC9CC,EAAAA,IAAAC,EAAAA,KAAA,CAAM,GAAGH,EAAO,QAASC,CAAK,CAAA,CACvC"}

package/dist/esm/index.mjs

@@ -1,2 +1,8 @@
-
+import { jsx as t } from "react/jsx-runtime";
+import { Slot as f } from "@radix-ui/react-slot";
+import e from "react";
+const i = e.forwardRef((o, r) => /* @__PURE__ */ t(f, { ...o, tgphRef: r }));
+export {
+  i as RefToTgphRef
+};
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.mjs","sources":["../../src/components/RefToTgphRef/RefToTgphRef.tsx"],"sourcesContent":["//\n// When interacting with components like a Radix.Trigger, they assume that\n// our components accept a `ref` prop. This is not the case with our components\n// because we use the `tgphRef` prop instead. To work around this, we can create\n// a new component that accepts a `ref` prop and forwards it to the `tgphRef`\n// prop.\n//\nimport { Slot } from \"@radix-ui/react-slot\";\nimport React from \"react\";\n\n// We can't generate the type of the ref because it's a forwardRef so any\n// works for this use case\n//\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst RefToTgphRef = React.forwardRef<any, any>((props, ref) => {\n  return <Slot {...props} tgphRef={ref} />;\n});\n\nexport { RefToTgphRef };\n"],"names":["RefToTgphRef","React","props","ref","jsx","Slot"],"mappings":";;;AAcA,MAAMA,IAAeC,EAAM,WAAqB,CAACC,GAAOC,MAC9C,gBAAAC,EAAAC,GAAA,EAAM,GAAGH,GAAO,SAASC,EAAK,CAAA,CACvC;"}

package/dist/types/components/RefToTgphRef/RefToTgphRef.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare const RefToTgphRef: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
+export { RefToTgphRef };
+//# sourceMappingURL=RefToTgphRef.d.ts.map

package/dist/types/components/RefToTgphRef/RefToTgphRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefToTgphRef.d.ts","sourceRoot":"","sources":["../../../../src/components/RefToTgphRef/RefToTgphRef.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,YAAY,8EAEhB,CAAC;AAEH,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/types/components/RefToTgphRef/index.d.ts

@@ -0,0 +1,2 @@
+export { RefToTgphRef } from './RefToTgphRef';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/RefToTgphRef/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/RefToTgphRef/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
-export type { Required, AsProp, PropsWithAs, Optional } from "./types/utility";
+export type { Required, AsProp, PropsWithAs, Optional, PolymorphicProps, PolymorphicPropsWithTgphRef, TgphElement, TgphComponentProps, OptionalAsPropConfig, } from './types/utility';
+export { RefToTgphRef } from './components/RefToTgphRef';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,QAAQ,EACR,MAAM,EACN,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,2BAA2B,EAC3B,WAAW,EACX,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/types/types/utility.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+import { default as React } from 'react';
+
 export type Required<T, K = Record<string, unknown>> = K extends keyof T ? Omit<T, K> & Required<Pick<T, K>> : {
     [P in keyof T]-?: T[P];
 };
@@ -8,5 +9,21 @@ export type Optional<T, K extends keyof T> = K extends keyof T ? Omit<T, K> & Pa
 export type AsProp<C extends React.ElementType> = {
     as?: C;
 };
+export type OptionalAsPropConfig<E extends React.ElementType> = {
+    as?: E;
+    internal_optionalAs: true;
+} | {
+    as: E;
+    internal_optionalAs?: never;
+};
 export type PropsWithAs<C extends React.ElementType, P> = AsProp<C> & Omit<React.ComponentProps<C>, keyof AsProp<C>> & P;
+export type PolymorphicProps<E extends React.ElementType> = Omit<React.ComponentProps<E>, "as"> & {
+    as?: E;
+    children?: React.ReactNode;
+};
+export type PolymorphicPropsWithTgphRef<E extends React.ElementType, R extends HTMLElement | React.ElementType> = {
+    tgphRef?: React.Ref<R>;
+} & PolymorphicProps<E>;
+export type TgphComponentProps<T extends React.ElementType> = React.ComponentProps<T>;
+export type TgphElement = React.ElementType;
 //# sourceMappingURL=utility.d.ts.map

package/dist/types/types/utility.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utility.d.ts","sourceRoot":"","sources":["../../../src/types/utility.ts"],"names":[],"mappings":";AACA,MAAM,MAAM,QAAQ,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,GACpE,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GACjC;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAG/B,MAAM,MAAM,QAAQ,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,GAC1D,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAChC;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAK9B,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IAChD,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AASF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GACjE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,MAAM,CAAC,CAAC,CAAC,CAAC,GAC9C,CAAC,CAAC"}
+{"version":3,"file":"utility.d.ts","sourceRoot":"","sources":["../../../src/types/utility.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,QAAQ,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,GACpE,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GACjC;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAG/B,MAAM,MAAM,QAAQ,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,GAC1D,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAChC;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAK9B,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IAChD,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAIF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACxD;IAAE,EAAE,CAAC,EAAE,CAAC,CAAC;IAAC,mBAAmB,EAAE,IAAI,CAAA;CAAE,GACrC;IAAE,EAAE,EAAE,CAAC,CAAC;IAAC,mBAAmB,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAS3C,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GACjE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,MAAM,CAAC,CAAC,CAAC,CAAC,GAC9C,CAAC,CAAC;AAOJ,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,IAAI,CAC9D,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EACvB,IAAI,CACL,GAAG;IACF,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAQF,MAAM,MAAM,2BAA2B,CACrC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,CAAC,SAAS,WAAW,GAAG,KAAK,CAAC,WAAW,IACvC;IACF,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACxB,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAExB,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACxD,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;AAI1B,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telegraph/helpers",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "repository": "https://github.com/knocklabs/telegraph/tree/main/packages/helpers",
   "author": "@knocklabs",
   "license": "MIT",
@@ -29,17 +29,20 @@
     "format:check": "prettier \"src/**/*.{js,ts,tsx}\" --check",
     "preview": "vite preview"
   },
+  "dependencies": {
+    "@radix-ui/react-slot": "^1.0.2"
+  },
   "devDependencies": {
     "@knocklabs/eslint-config": "^0.0.3",
     "@knocklabs/typescript-config": "^0.0.2",
     "@telegraph/prettier-config": "^0.0.6",
-    "@telegraph/vite-config": "^0.0.8",
+    "@telegraph/vite-config": "^0.0.9",
     "@types/react": "^18.2.48",
     "eslint": "^8.56.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.3.3",
-    "vite": "^5.0.12"
+    "vite": "^5.3.0"
   },
   "peerDependencies": {
     "react": "^18.2.0",