fix(transitions): add missing type definitions

p3ol · Sep 27, 2023 · bd52355 · bd52355
1 parent 7358b8d
commit bd52355
Show file tree

Hide file tree

Showing 3 changed files with 65 additions and 22 deletions.
diff --git a/packages/transitions/lib/index.d.ts b/packages/transitions/lib/index.d.ts
@@ -0,0 +1,35 @@
+import { Key, ReactNode } from 'react';
+
+declare function AnimationHandler(
+  menuOrModal: ReactNode | JSX.Element,
+  opts?: {
+    opened?: boolean;
+    key?: Key;
+    [props: string]: any;
+  }
+): ReactNode | JSX.Element;
+
+export function animateMenu(
+  name: string,
+  opts?: {
+    time?: number;
+    key?: Key;
+    [props: string]: any;
+  }
+): typeof AnimationHandler;
+
+export const slideInUpMenu: typeof AnimationHandler;
+export const slideInDownMenu: typeof AnimationHandler;
+
+export function animateModal(
+  name: string,
+  opts?: {
+    time?: number;
+    key?: Key;
+    [props: string]: any;
+  }
+): typeof AnimationHandler;
+
+export const slideInUpModal: typeof AnimationHandler;
+export const slideInLeftModal: typeof AnimationHandler;
+export const appearBounceModal: typeof AnimationHandler;
diff --git a/packages/transitions/package.json b/packages/transitions/package.json
@@ -8,6 +8,7 @@
   "esnext": "src/index.js",
   "unpkg": "dist/junipero-transitions.min.js",
   "cdn": "dist/junipero-transitions.min.js",
+  "types": "dist/junipero-transitions.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/p3ol/junipero.git",

diff --git a/packages/transitions/rollup.config.mjs b/packages/transitions/rollup.config.mjs
@@ -5,6 +5,7 @@ import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import terser from '@rollup/plugin-terser';
 import alias from '@rollup/plugin-alias';
+import dts from 'rollup-plugin-dts';
 
 const input = './lib/index.js';
 const output = './dist';
@@ -37,26 +38,32 @@ const defaultPlugins = [
   terser(),
 ];
 
-export default formats.map(f => ({
-  input,
-  plugins: [
-    ...defaultPlugins,
-  ],
-  external: defaultExternals,
-  output: {
-    ...(f === 'esm' ? {
-      dir: `${output}/esm`,
-      chunkFileNames: '[name].js',
-    } : {
-      file: `${output}/${name}.${f}.js`,
-    }),
-    format: f,
-    name,
-    sourcemap: true,
-    globals: defaultGlobals,
-    ...(f === 'esm' ? {
-      manualChunks: id =>
-        id.includes('node_modules') ? 'vendor' : path.parse(id).name,
-    } : {}),
+export default [
+  ...formats.map(f => ({
+    input,
+    plugins: [
+      ...defaultPlugins,
+    ],
+    external: defaultExternals,
+    output: {
+      ...(f === 'esm' ? {
+        dir: `${output}/esm`,
+        chunkFileNames: '[name].js',
+      } : {
+        file: `${output}/${name}.${f}.js`,
+      }),
+      format: f,
+      name,
+      sourcemap: true,
+      globals: defaultGlobals,
+      ...(f === 'esm' ? {
+        manualChunks: id =>
+          id.includes('node_modules') ? 'vendor' : path.parse(id).name,
+      } : {}),
+    },
+  })), {
+    input: './lib/index.d.ts',
+    output: [{ file: `dist/${name}.d.ts`, format: 'es' }],
+    plugins: [dts()],
   },
-}));
+];