@twintag/twintag-form 1.5.0 → 1.6.0

package/lib/common/calendar.tsx

@@ -1,6 +1,6 @@
+import type * as React from 'react';
 import type { VariantProps } from 'tailwind-variants';
 
-import * as React from 'react';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { DayPicker } from 'react-day-picker';
 import { tv } from 'tailwind-variants';

package/lib/components/containers/accordion.tsx

@@ -1,7 +1,7 @@
+import type { FC } from 'react';
 import type { Props } from '@twintag/twintag-form/types';
 import type { WithChildren } from 'twintag-types/dom';
 
-import { type FC } from 'react';
 import { tv } from 'tailwind-variants';
 
 import {

package/lib/components/fields/date-picker.tsx

@@ -1,6 +1,6 @@
+import type * as React from 'react';
 import type { Props } from '@twintag/twintag-form/types';
 
-import * as React from 'react';
 import { format } from 'date-fns';
 import { AsteriskIcon, Calendar as CalendarIcon } from 'lucide-react';
 import { useFormContext } from 'react-hook-form';
@@ -137,7 +137,7 @@ export const DatePicker: React.FC<Props<'input'>> = ({
                 mode='single'
                 size={size}
                 selected={
-                  !isNaN(new Date(field.value as Date).getTime())
+                  !Number.isNaN(new Date(field.value as Date).getTime())
                     ? new Date(field.value as Date)
                     : undefined
                 }

package/lib/components/fields/radiogroup.tsx

@@ -82,7 +82,7 @@ export const RadioGroup: FC<
                   );
                 }
 
-                return <></>;
+                return null;
               })}
             </CommonRadioGroup>
           </FormControl>

package/lib/utils/data.ts

@@ -6,16 +6,18 @@ type Items = (Props<'input'> & {
 export const getBindSetFromItems = (items: Items): Set<string> => {
   const binds = new Set<string>();
 
-  items.forEach((item) => {
+  for (const item of items) {
     if (item.bind) {
       binds.add(item.bind);
     }
 
     if (item.items) {
       const subBinds = getBindSetFromItems(item.items as unknown as Items);
-      subBinds.forEach((bind) => binds.add(bind));
+      for (const bind of subBinds) {
+        binds.add(bind);
+      }
     }
-  });
+  }
 
   return binds;
 };

package/lib/utils/string.ts

@@ -1,8 +1,8 @@
 export const camelize = (str: string) => {
   return str
-    .replace(/(?:^\w|[A-Z]|\b\w)/g, function (word, index) {
-      return index === 0 ? word.toLowerCase() : word.toUpperCase();
-    })
+    .replace(/(?:^\w|[A-Z]|\b\w)/g, (word, index) =>
+      index === 0 ? word.toLowerCase() : word.toUpperCase(),
+    )
     .replace(/\s+/g, '');
 };
 

package/lib/webcomponent.ts

@@ -8,7 +8,6 @@ import config from '../twind.config';
 const withTwind = install(config);
 
 const TwintagFormElement = r2wc(Form, {
-  // @ts-expect-error: ts limitation
   props: {
     config: 'json',
     options: 'json',

package/package.json

@@ -1,16 +1,18 @@
 {
   "name": "@twintag/twintag-form",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "author": "Twintag",
   "type": "module",
   "exports": {
     ".": {
-      "import": "./dist/twintag-form.react.js",
-      "types": "./dist/react.d.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     },
     "./webcomponent": {
-      "import": "./dist/twintag-form.webcomponent.js",
-      "types": "./dist/webcomponent.d.ts"
+      "types": "./dist/webcomponent.d.ts",
+      "import": "./dist/webcomponent.js",
+      "require": "./dist/webcomponent.cjs"
     }
   },
   "dependencies": {
@@ -43,12 +45,10 @@
     "@twind/with-react": "^1.1.3",
     "@types/uuid": "^9.0.7",
     "@vitejs/plugin-react-swc": "^3.6.0",
-    "tailwindcss": "^3.3.6",
     "vite": "^5.2.11",
     "vite-plugin-dts": "^3.9.1",
     "tsconfig": "0.0.0",
-    "twintag-types": "0.2.0",
-    "eslint-config-custom": "1.0.0"
+    "twintag-types": "0.4.0"
   },
   "publishConfig": {
     "access": "public"
@@ -56,7 +56,6 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "lint": "eslint . --ext .ts,.tsx",
     "format": "prettier --write \"**/*.{ts,md,tsx,cjs,mjs,json,html}\" --ignore-path ../../.gitignore",
     "format:check": "prettier --check \"**/*.{ts,md,tsx,cjs,mjs,json,html}\" --ignore-path ../../.gitignore"
   }

package/tailwind.config.ts

@@ -34,8 +34,8 @@ const config = {
         ring: 'hsl(var(--tf-ring) / <alpha-value>)',
       },
       borderRadius: {
-        lg: `var(--tf-radius)`,
-        md: `calc(var(--tf-radius) - 2px)`,
+        lg: 'var(--tf-radius)',
+        md: 'calc(var(--tf-radius) - 2px)',
         sm: 'calc(var(--tf-radius) - 4px)',
       },
       fontFamily: {

package/tsconfig.json

@@ -1,7 +1,6 @@
 {
   "extends": "tsconfig/vite.json",
   "include": [
-    ".eslintrc.cjs",
     "lib",
     "dev",
     "scripts",

package/vite.config.ts

@@ -3,8 +3,19 @@ import { dirname, resolve } from 'pathe';
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
 
+import { dependencies, devDependencies } from './package.json';
+
 export const __dirname = dirname(new URL(import.meta.url).pathname);
 
+const externalPackages = [
+  ...Object.keys(dependencies || {}),
+  ...Object.keys(devDependencies || {}),
+].filter((packageName) => packageName !== 'twintag-types');
+
+const regexesOfPackages = externalPackages.map(
+  (packageName) => new RegExp(`^${packageName}(/.*)?`),
+);
+
 // https://vitejs.dev/config/
 export default defineConfig({
   resolve: {
@@ -16,14 +27,14 @@ export default defineConfig({
     lib: {
       // Could also be a dictionary or array of multiple entry points
       entry: {
-        react: resolve(__dirname, './lib/index.tsx'),
+        index: resolve(__dirname, './lib/index.tsx'),
         webcomponent: resolve(__dirname, './lib/webcomponent.ts'),
       },
     },
     rollupOptions: {
       // make sure to externalize deps that shouldn't be bundled
       // into your library
-      external: ['react', 'react-dom'],
+      external: regexesOfPackages,
       preserveEntrySignatures: 'strict',
       output: {
         preserveModules: false,

package/.eslintrc.cjs

@@ -1,9 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['custom'],
-  parserOptions: {
-    project: 'tsconfig.json',
-    tsconfigRootDir: __dirname,
-    sourceType: 'module',
-  },
-};