Removed: Removed un-wanted console log.

StaticMania · Dec 24, 2023 · de962de · de962de
1 parent b2b8198
commit de962de
Show file tree

Hide file tree

Showing 24 changed files with 155 additions and 126 deletions.
diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
@@ -0,0 +1,32 @@
+name: Continuous Integration
+
+on:
+  push:
+  pull_request:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0 # Fetch all history for all branches and tags
+      - name: Use Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '20.9.0'
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Run lint
+        run: npm run lint
+
+      - name: Run format check
+        run: npm run format
+
+      - name: Check commit messages
+        uses: wagoid/commitlint-github-action@v3
+        with:
+          configFile: commitlint.config.cjs
diff --git a/.github/workflows/preview.yaml b/.github/workflows/preview.yaml
@@ -0,0 +1,21 @@
+name: GitHub Actions Vercel Preview Deployment
+env:
+  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+on:
+  push:
+    branches-ignore:
+      - main
+jobs:
+  Deploy-Preview:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install Vercel CLI
+        run: npm install --global vercel@canary
+      - name: Pull Vercel Environment Information
+        run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Build Project Artifacts
+        run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Deploy Project Artifacts to Vercel
+        run: vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }}
diff --git a/.github/workflows/production.yaml b/.github/workflows/production.yaml
@@ -0,0 +1,21 @@
+name: GitHub Actions Vercel Production Deployment
+env:
+  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+on:
+  push:
+    branches:
+      - main
+jobs:
+  Deploy-Production:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install Vercel CLI
+        run: npm install --global vercel@canary
+      - name: Pull Vercel Environment Information
+        run: vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Build Project Artifacts
+        run: vercel build --prod --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Deploy Project Artifacts to Vercel
+        run: vercel deploy --prebuilt --prod --token=${{ secrets.VERCEL_TOKEN }}
diff --git a/app/components/ComponentsList.tsx b/app/components/ComponentsList.tsx
@@ -98,11 +98,9 @@ export const CheckboxGroupComponent = () => {
   )
 }
 export const DatePickerComponent = () => {
-  const [date, setDate] = useState<Date | null>(null)
-  console.log(date)
   return (
     <div className="mx-auto flex w-3/5 scale-75">
-      <DatePicker singleDate={setDate} placeholder="Select date">
+      <DatePicker placeholder="Select date">
         <DatePicker.SingleDate />
       </DatePicker>
     </div>

diff --git a/app/docs/components/checkbox/variant/CheckboxVariant.tsx b/app/docs/components/checkbox/variant/CheckboxVariant.tsx
@@ -2,29 +2,10 @@
 import { CheckBox } from '../../../../src'
 
 const CheckboxVariant = () => {
-  const handleChecked = (value: boolean) => {
-    console.log(value)
-  }
   return (
     <div className="flex flex-row gap-3 py-3">
-      <CheckBox
-        size="md"
-        variant="square"
-        label="Square"
-        id="square"
-        name="countries"
-        color="info"
-        handleChecked={handleChecked}
-      />
-      <CheckBox
-        size="md"
-        variant="circle"
-        label="Circle"
-        id="circle"
-        name="countries"
-        color="info"
-        handleChecked={handleChecked}
-      />
+      <CheckBox size="md" variant="square" label="Square" id="square" name="countries" color="info" />
+      <CheckBox size="md" variant="circle" label="Circle" id="circle" name="countries" color="info" />
     </div>
   )
 }
@@ -35,7 +16,7 @@ import { CheckBox } from "keep-react";
 
 export const CheckboxComponent = () => {  
   const handleChecked = (value) => {
-    console.log(value);
+    // value is available
   };
   return (
     <>

diff --git a/app/docs/components/checkbox/variant/DefaultCheckbox.tsx b/app/docs/components/checkbox/variant/DefaultCheckbox.tsx
@@ -2,21 +2,7 @@
 import { CheckBox } from '../../../../src'
 
 const DefaultCheckbox = () => {
-  const handleChecked = (value: boolean) => {
-    console.log(value)
-  }
-  return (
-    <div className="py-3">
-      <CheckBox
-        variant="square"
-        label="Checkbox"
-        id="two"
-        name="countries"
-        color="info"
-        handleChecked={handleChecked}
-      />
-    </div>
-  )
+  return <CheckBox variant="square" label="Checkbox" id="two" name="countries" color="info" />
 }
 
 const DefaultCheckboxCode = `
@@ -25,7 +11,7 @@ import { CheckBox } from "keep-react";
 
 export const CheckboxComponent = () => { 
   const handleChecked = (value) => {
-    console.log(value);
+    //value
   };
   return (
       <CheckBox

diff --git a/app/docs/components/datePicker/variant/DatePickerWithTwoMonth.tsx b/app/docs/components/datePicker/variant/DatePickerWithTwoMonth.tsx
@@ -1,13 +1,10 @@
 'use client'
-import { useState } from 'react'
 import { DatePicker } from '../../../../src'
 
 const DatePickerWithTwoMonth = () => {
-  const [date, setDate] = useState<Date | null>(null)
-  console.log(date)
   return (
     <div className="w-1/3">
-      <DatePicker showTwoMonth={true} singleDate={setDate} placeholder="Select date">
+      <DatePicker showTwoMonth={true} placeholder="Select date">
         <DatePicker.SingleDate />
       </DatePicker>
     </div>

diff --git a/app/docs/components/datePicker/variant/DateRangePicker.tsx b/app/docs/components/datePicker/variant/DateRangePicker.tsx
@@ -1,14 +1,10 @@
 'use client'
-import { useState } from 'react'
 import { DatePicker } from '../../../../src'
-import { rangePicker } from '../../../../src/components/DatePicker/DatePickerContext'
 
 const DateRangePicker = () => {
-  const [range, setRangeDate] = useState<rangePicker>()
-  console.log(range)
   return (
     <div className="w-1/3">
-      <DatePicker rangeDate={setRangeDate} placeholder="Start - Finish">
+      <DatePicker placeholder="Start - Finish">
         <DatePicker.Range />
       </DatePicker>
     </div>

diff --git a/app/docs/components/datePicker/variant/DateRangePickerWithTwoMonth.tsx b/app/docs/components/datePicker/variant/DateRangePickerWithTwoMonth.tsx
@@ -1,14 +1,10 @@
 'use client'
-import { useState } from 'react'
 import { DatePicker } from '../../../../src'
-import { rangePicker } from '../../../../src/components/DatePicker/DatePickerContext'
 
 const DateRangePickerWithTwoMonth = () => {
-  const [date, setRangeDate] = useState<rangePicker>()
-  console.log(date)
   return (
     <div className="w-1/3">
-      <DatePicker showTwoMonth={true} rangeDate={setRangeDate} placeholder="Start - Finish">
+      <DatePicker showTwoMonth={true} placeholder="Start - Finish">
         <DatePicker.Range />
       </DatePicker>
     </div>

diff --git a/app/docs/components/datePicker/variant/DefaultDatePicker.tsx b/app/docs/components/datePicker/variant/DefaultDatePicker.tsx
@@ -1,13 +1,10 @@
 'use client'
-import { useState } from 'react'
 import { DatePicker } from '../../../../src'
 
 const DefaultDatePicker = () => {
-  const [date, setDate] = useState<Date | null>(null)
-  console.log(date)
   return (
     <div className="w-1/3">
-      <DatePicker singleDate={setDate} placeholder="Date / Month / Year">
+      <DatePicker placeholder="Date / Month / Year">
         <DatePicker.SingleDate />
       </DatePicker>
     </div>

diff --git a/app/docs/components/datePicker/variant/MonthPicker.tsx b/app/docs/components/datePicker/variant/MonthPicker.tsx
@@ -1,13 +1,10 @@
 'use client'
-import { useState } from 'react'
 import { DatePicker } from '../../../../src'
 
 const MonthPicker = () => {
-  const [month, setMonthPicker] = useState<Date | null | string>()
-  console.log(month)
   return (
     <div className="w-1/3">
-      <DatePicker month={setMonthPicker} placeholder="Select Month">
+      <DatePicker placeholder="Select Month">
         <DatePicker.Month />
       </DatePicker>
     </div>

diff --git a/app/docs/components/datePicker/variant/TimePicker.tsx b/app/docs/components/datePicker/variant/TimePicker.tsx
@@ -1,13 +1,10 @@
 'use client'
-import { useState } from 'react'
 import { DatePicker } from '../../../../src'
 
 const TimePicker = () => {
-  const [time, setTime] = useState<string | null | Date>()
-  console.log(time)
   return (
     <div className="w-1/3">
-      <DatePicker time={setTime} placeholder="Select time">
+      <DatePicker placeholder="Select time">
         <DatePicker.Time />
       </DatePicker>
     </div>

diff --git a/app/docs/components/datePicker/variant/YearPicker.tsx b/app/docs/components/datePicker/variant/YearPicker.tsx
@@ -1,13 +1,10 @@
 'use client'
-import { useState } from 'react'
 import { DatePicker } from '../../../../src'
 
 const YearPicker = () => {
-  const [year, setYearPicker] = useState<number | Date | null>()
-  console.log(year)
   return (
     <div className="w-1/3">
-      <DatePicker year={setYearPicker} placeholder="Select Year">
+      <DatePicker placeholder="Select Year">
         <DatePicker.Year />
       </DatePicker>
     </div>

diff --git a/app/docs/components/modal/variant/HistoryModal.tsx b/app/docs/components/modal/variant/HistoryModal.tsx
@@ -14,10 +14,6 @@ const HistoryModal = () => {
     setShowAccessModal(!showAccessModal)
   }
 
-  const handleChecked = (value: any) => {
-    console.log(value)
-  }
-
   return (
     <div className="flex flex-wrap items-end gap-2 px-2 py-3">
       <Button type="primary" onClick={onClickHistoryModal}>
@@ -35,7 +31,7 @@ const HistoryModal = () => {
             </p>
           </div>
           <div className="mt-5 flex items-center">
-            <CheckBox size="md" variant="square" id="two" name="countries" color="info" handleChecked={handleChecked} />
+            <CheckBox size="md" variant="square" id="two" name="countries" color="info" />
             <label htmlFor="two" className="ml-2 text-body-4 font-medium text-metal-500">
               Save on this browser
             </label>
@@ -66,7 +62,7 @@ const HistoryModal = () => {
             </div>
           </div>
           <div className="mt-5 flex items-center">
-            <CheckBox size="md" variant="square" id="two" name="countries" color="info" handleChecked={handleChecked} />
+            <CheckBox size="md" variant="square" id="two" name="countries" color="info" />
             <label htmlFor="two" className="ml-2 text-body-4 font-medium text-metal-500">
               Save on this browser
             </label>
@@ -103,7 +99,7 @@ export const ModalComponent = () => {
   };
 
   const handleChecked = (value) => {
-    console.log(value)
+    //value
   };
 
   return (

diff --git a/app/docs/components/switch/variant/DefaultSwitch.tsx b/app/docs/components/switch/variant/DefaultSwitch.tsx
@@ -10,7 +10,8 @@ const DefaultSwitchCode = `
 import { Toggle } from "keep-react";
 
 export const SwitchComponent = () => {
-  return <Toggle bgColor="primary" size="md" />;
+  const [toggle, setToggle] = useState(false)
+  return return <Toggle bgColor="primary" size="md" onChange={setToggle} />
 }
 `
 

diff --git a/app/docs/components/switch/variant/SwitchSizes.tsx b/app/docs/components/switch/variant/SwitchSizes.tsx
@@ -12,18 +12,19 @@ const SwitchSizes = () => {
 }
 
 const SwitchSizesCode = `
-"use client";
-import { useState } from "react";
-import { Toggle } from "keep-react";
+"use client"
+import { useState } from "react"
+import { Toggle } from "keep-react"
 
 export const SwitchComponent = () => {
+  const [toggle, setToggle] = useState(false)
   return (
     <div className="flex gap-5">
-      <Toggle bgColor="primary" label="Small" size="sm" />
-      <Toggle bgColor="primary" label="Medium" size="md" />
-      <Toggle bgColor="primary" label="Large" size="lg" />
+      <Toggle bgColor="primary" label="Small" size="sm" onChange={setToggle} />
+      <Toggle bgColor="primary" label="Medium" size="md" onChange={setToggle} />
+      <Toggle bgColor="primary" label="Large" size="lg" onChange={setToggle} />
     </div>
-  );
+  )
 }
 `
 

diff --git a/app/docs/components/switch/variant/SwitchWithBackground.tsx b/app/docs/components/switch/variant/SwitchWithBackground.tsx
@@ -14,10 +14,11 @@ const SwitchWithBackgroundCode = `
 import { Toggle } from "keep-react";
 
 export const SwitchComponent = () => {
+  const [toggle, setToggle] = useState(false)
   return (
     <div className="flex gap-5">
-      <Toggle bgColor="primary" label="Primary" size="md" />
-      <Toggle bgColor="slate" label="Slate" size="md" />
+      <Toggle bgColor="primary" label="Primary" size="md" onChange={setToggle} />
+      <Toggle bgColor="slate" label="Slate" size="md" onChange={setToggle} />
     </div>
   );
 }

diff --git a/app/docs/components/switch/variant/SwitchWithIcon.tsx b/app/docs/components/switch/variant/SwitchWithIcon.tsx
@@ -10,7 +10,8 @@ const SwitchWithIconCode = `
 import { Toggle } from "keep-react";
 
 export const SwitchComponent = () => {
-  return <Toggle bgColor="primary" label="Toggle" size="md" withIcon={true} />;
+  const [toggle, setToggle] = useState(false)
+  return <Toggle bgColor="primary" label="Toggle" size="md" withIcon={true} onChange={setToggle} />
 }
 `
 export { SwitchWithIcon, SwitchWithIconCode }
diff --git a/app/docs/components/tree/variant/TreeWithCheckbox.tsx b/app/docs/components/tree/variant/TreeWithCheckbox.tsx
@@ -3,12 +3,9 @@ import { Tree } from '../../../../src'
 import { nodes } from './DefaultTree'
 
 const TreeWithCheckbox = () => {
-  const handleChecked = (value: boolean) => {
-    console.log(value)
-  }
   return (
     <div className="overflow-x-auto py-5">
-      <Tree showCheckbox={true} showItemsNumber={true} showBorder={true} nodes={nodes} handleChecked={handleChecked} />
+      <Tree showCheckbox={true} showItemsNumber={true} showBorder={true} nodes={nodes} />
     </div>
   )
 }

diff --git a/app/page.tsx b/app/page.tsx
@@ -115,7 +115,7 @@ const Community = () => {
         const result = await response.json()
         setContributors(result)
       } catch (error) {
-        console.log(error)
+        console.error(error)
       }
     }
     getUser()