Updating to use typescript and react 18

.eslintignore

@@ -0,0 +1,8 @@
+dist/*.ts
+dist/**/*.ts
+dist/*.js
+dist/**/*.js
+build/**/*.js
+craco.config.ts
+rollup.config.js
+node_modules

.eslintrc.json

@@ -0,0 +1,37 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "extends": [
+    "react-app",
+    "react-app/jest",
+    "airbnb",
+    "airbnb-typescript",
+    "plugin:import/typescript",
+    "plugin:prettier/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": "latest",
+    "sourceType": "module",
+    "project": ["./tsconfig.json"]
+  },
+  "plugins": ["react", "@typescript-eslint"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"]
+    }
+  ],
+  "rules": {
+    "react/jsx-uses-react": ["off"],
+    "react/react-in-jsx-scope": ["off"],
+    "react/jsx-props-no-spreading": ["off"],
+    "react/require-default-props": "off",
+    "react/prop-types": "off",
+    "no-shadow": "off"
+  }
+}

craco.config.ts

@@ -0,0 +1,2 @@
+export default {
+};

dist/cjs/types/index.d.ts

@@ -0,0 +1 @@
+export {};

dist/cjs/types/lib/Flippy.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from "react";
+import "./styles.css";
+export interface FlippyProps extends HTMLAttributes<HTMLDivElement> {
+    flipDirection?: "vertical" | "horizontal";
+    isFlipped?: boolean;
+    flipOnHover?: boolean;
+    flipOnClick?: boolean;
+}
+declare const Flippy: import("react").ForwardRefExoticComponent<FlippyProps & import("react").RefAttributes<unknown>>;
+export default Flippy;

dist/cjs/types/lib/FlippyCard.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface FlippyCardProps extends HTMLAttributes<HTMLDivElement> {
+    cardType?: "back" | "front";
+    elementType?: string;
+    animationDuration?: number;
+    children?: ReactNode;
+}
+export interface FrontBackSideProps extends FlippyCardProps {
+    isFlipped?: boolean;
+}
+export declare function FrontSide({ isFlipped, style, animationDuration, ...props }: FrontBackSideProps): JSX.Element;
+export declare function BackSide({ isFlipped, style, ...props }: FrontBackSideProps): JSX.Element;

dist/cjs/types/lib/index.d.ts

@@ -0,0 +1,4 @@
+import Flippy from "./Flippy";
+export * from "./Flippy";
+export * from "./FlippyCard";
+export default Flippy;

dist/esm/types/index.d.ts

@@ -0,0 +1 @@
+export {};

dist/esm/types/lib/Flippy.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from "react";
+import "./styles.css";
+export interface FlippyProps extends HTMLAttributes<HTMLDivElement> {
+    flipDirection?: "vertical" | "horizontal";
+    isFlipped?: boolean;
+    flipOnHover?: boolean;
+    flipOnClick?: boolean;
+}
+declare const Flippy: import("react").ForwardRefExoticComponent<FlippyProps & import("react").RefAttributes<unknown>>;
+export default Flippy;

dist/esm/types/lib/FlippyCard.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface FlippyCardProps extends HTMLAttributes<HTMLDivElement> {
+    cardType?: "back" | "front";
+    elementType?: string;
+    animationDuration?: number;
+    children?: ReactNode;
+}
+export interface FrontBackSideProps extends FlippyCardProps {
+    isFlipped?: boolean;
+}
+export declare function FrontSide({ isFlipped, style, animationDuration, ...props }: FrontBackSideProps): JSX.Element;
+export declare function BackSide({ isFlipped, style, ...props }: FrontBackSideProps): JSX.Element;

dist/esm/types/lib/index.d.ts

@@ -0,0 +1,4 @@
+import Flippy from "./Flippy";
+export * from "./Flippy";
+export * from "./FlippyCard";
+export default Flippy;

dist/index.d.ts

@@ -0,0 +1,24 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface FlippyProps extends HTMLAttributes<HTMLDivElement> {
+    flipDirection?: "vertical" | "horizontal";
+    isFlipped?: boolean;
+    flipOnHover?: boolean;
+    flipOnClick?: boolean;
+}
+declare const Flippy: react.ForwardRefExoticComponent<FlippyProps & react.RefAttributes<unknown>>;
+
+interface FlippyCardProps extends HTMLAttributes<HTMLDivElement> {
+    cardType?: "back" | "front";
+    elementType?: string;
+    animationDuration?: number;
+    children?: ReactNode;
+}
+interface FrontBackSideProps extends FlippyCardProps {
+    isFlipped?: boolean;
+}
+declare function FrontSide({ isFlipped, style, animationDuration, ...props }: FrontBackSideProps): JSX.Element;
+declare function BackSide({ isFlipped, style, ...props }: FrontBackSideProps): JSX.Element;
+
+export { BackSide, FlippyCardProps, FlippyProps, FrontBackSideProps, FrontSide, Flippy as default };