Core Project

React TypeScript component library built with Vite.

Installation

npm install @mertcankocak/core-project

Peer Dependencies

Bu paket aşağıdaki paketleri peer dependency olarak gerektirir:

npm install react react-dom yup

Usage

Yup Validators

T.C. Kimlik Numarası

Zorunluluk dışarıdan belirlenir. required belirtilmezse optional olur (varsayılan).

import * as yup from 'yup'
import { tcKimlikNoSchema } from '@mertcankocak/core-project'

// Optional (varsayılan)
const optionalSchema = yup.object({
  tcKimlikNo: tcKimlikNoSchema()
})

// Required
const requiredSchema = yup.object({
  tcKimlikNo: tcKimlikNoSchema({ required: true })
})

// Özel mesajlarla
const customSchema = yup.object({
  tcKimlikNo: tcKimlikNoSchema({
    required: true,
    message: 'Geçersiz T.C. kimlik numarası',
    requiredMessage: 'T.C. kimlik numarası boş bırakılamaz'
  })
})

Regex ve Manuel Validasyon

import { 
  TC_KIMLIK_NO_REGEX, 
  validateTCKimlikNo 
} from '@mertcankocak/core-project'

// Regex kontrolü
const isValid = TC_KIMLIK_NO_REGEX.test('12345678901')

// Algoritma kontrolü
const isValid = validateTCKimlikNo('12345678901')

Kullanım Örnekleri

Detaylı kullanım örnekleri için USAGE_EXAMPLES.md dosyasına bakın.

React Hook Form ile

import { useForm } from 'react-hook-form'
import { yupResolver } from '@hookform/resolvers/yup'
import * as yup from 'yup'
import { tcKimlikNoSchema } from '@mertcankocak/core-project'

const schema = yup.object({
  name: yup.string().required(),
  tcKimlikNo: tcKimlikNoSchema(), // Optional (varsayılan)
})

function MyForm() {
  const { register, handleSubmit } = useForm({
    resolver: yupResolver(schema),
  })
  
  // ...
}

Formik ile

import { Formik } from 'formik'
import * as yup from 'yup'
import { tcKimlikNoSchema } from '@mertcankocak/core-project'

const schema = yup.object({
  tcKimlikNo: tcKimlikNoSchema({ required: true }), // Required
})

Development

# Install dependencies
npm install

# Build for production
npm run build

# Type check
npm run type-check

Building as NPM Package

npm run build

This will create a dist folder with:

• core-project.es.js - ES module format
• core-project.umd.js - UMD format
• index.d.ts - TypeScript declarations