From e4d5e21b2944169449844be2842ca3f606d8dc35 Mon Sep 17 00:00:00 2001
From: truthwing <truthplumage@gmail.com>
Date: Mon, 10 Mar 2025 18:25:06 +0900
Subject: [PATCH 1/7] =?UTF-8?q?=EC=9E=85=ED=8F=AC=ED=8A=B8=20=EA=B5=AC?=
 =?UTF-8?q?=EC=A1=B0=20=EC=88=98=EC=A0=95=20=EC=84=9C=EC=B9=98=ED=8F=BC=20?=
 =?UTF-8?q?=EA=B8=B0=EB=B3=B8=20=ED=81=AC=EA=B8=B0=20=EC=A0=81=EC=9A=A9=20?=
 =?UTF-8?q?=EA=B8=80=EC=9E=90=ED=81=AC=EA=B8=B0=202xl=EB=A1=9C=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |  4 +-
 .../src/ui/scroll/index.tsx                   |  4 +-
 .../src/ui/search_form/index.tsx              |  4 +-
 .../src/ui/select/index.tsx                   |  4 +-
 .../src/ui/table/index.tsx                    | 72 +++++++++----------
 5 files changed, 45 insertions(+), 43 deletions(-)

diff --git a/.gitignore b/.gitignore
index 3f815ea23..a4574580d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,4 +5,6 @@
 node_modules
 
 # misc
-.DS_Store
\ No newline at end of file
+.DS_Store
+apps/wr/.next/**/*
+apps/fo/.next/**/*
\ No newline at end of file
diff --git a/packages/common/business_components/src/ui/scroll/index.tsx b/packages/common/business_components/src/ui/scroll/index.tsx
index cf253cf17..cd32e8856 100644
--- a/packages/common/business_components/src/ui/scroll/index.tsx
+++ b/packages/common/business_components/src/ui/scroll/index.tsx
@@ -1,7 +1,7 @@
-import * as React from "react"
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+import * as React from "react"
 
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
 
 const ScrollArea = React.forwardRef<
   React.ElementRef<typeof ScrollAreaPrimitive.Root>,
diff --git a/packages/common/business_components/src/ui/search_form/index.tsx b/packages/common/business_components/src/ui/search_form/index.tsx
index 45444a68f..7c6024748 100644
--- a/packages/common/business_components/src/ui/search_form/index.tsx
+++ b/packages/common/business_components/src/ui/search_form/index.tsx
@@ -1,9 +1,9 @@
 function SearchDiv ({children}:{ children: React.ReactNode; }) {
    return (
-      <div className="flex border border-black m-4 rounded-lg">
+      <div className="flex border border-black m-4 rounded-lg min-h-[80px]">
         {children}   
       </div>
     )
 }
  
-export { SearchDiv };
\ No newline at end of file
+export { SearchDiv };
diff --git a/packages/common/business_components/src/ui/select/index.tsx b/packages/common/business_components/src/ui/select/index.tsx
index 9f5f6d25c..d039c2c2a 100644
--- a/packages/common/business_components/src/ui/select/index.tsx
+++ b/packages/common/business_components/src/ui/select/index.tsx
@@ -17,9 +17,9 @@ const SelectBox = React.forwardRef<
 
   return (
     <div className={className+" flex items-center"} ref={ref}>
-      {label && <Label className="m-4 text-lg w-1/4">{label}</Label>}
+      {label && <Label className="m-4 text-2xl w-1/4">{label}</Label>}
       <Select onValueChange={onSelectValue}>
-        <SelectTrigger className="ml-8 w-3/4 text-lg">
+        <SelectTrigger className="ml-8 w-3/4 text-2xl">
           <SelectValue placeholder={placeHolder} />
         </SelectTrigger>
         <SelectContent>
diff --git a/packages/common/business_components/src/ui/table/index.tsx b/packages/common/business_components/src/ui/table/index.tsx
index 1e2345a88..c96cabe7c 100644
--- a/packages/common/business_components/src/ui/table/index.tsx
+++ b/packages/common/business_components/src/ui/table/index.tsx
@@ -1,49 +1,49 @@
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@common/components";
 import UiPageNations from "./uiPageNations";
-  
-  
-type UiTableProps  = {
-  headName: React.ReactNode|undefined;
+
+
+type UiTableProps = {
+  headName: React.ReactNode | undefined;
   tableData: { [key: string]: string | number | boolean }[];
   headlist: UiHeadProps[];
   pageSize: number;
   total: number;
-  children: React.ReactNode|undefined;
+  children: React.ReactNode | undefined;
 }
 
-type UiHeadProps={   
-  id:string;
-  title:string;
+type UiHeadProps = {
+  id: string;
+  title: string;
 
 }
-export function UiTable({ tableData, headlist,pageSize , total, children,headName}: UiTableProps) {
+export function UiTable({ tableData, headlist, pageSize, total, children, headName }: UiTableProps) {
   const cur = 1;
 
-    return (
-      <>
-      {headName?headName:<></>}
-        <Table>
-          <TableHeader>
-            {children? <>{children}</>:<TableRow>
-              {headlist?.map((head) => (
-                <TableHead key={head.id}>{head.title}</TableHead>
-              ))}
-            </TableRow>}
-            
-          </TableHeader>
-          <TableBody className='text-center'>
-            {tableData?.map((el: { [key: string]: string | number | boolean },index) => (
-              <TableRow  key={index+"row"} >
-                {headlist.map((head) => (
-                  <TableCell key={head.id+index}>{el[head.id]}</TableCell>
-                ))}
-             
-              </TableRow>
+  return (
+    <>
+      {headName ? headName : <></>}
+      <Table>
+        <TableHeader>
+          {children ? <>{children}</> : <TableRow>
+            {headlist?.map((head) => (
+              <TableHead key={head.id}>{head.title}</TableHead>
             ))}
-          </TableBody>
-          
-        </Table>
-          {total <=0? <></>: <UiPageNations total={total} cur={cur} pageSize={pageSize} />}
-      </>
-    );
-  }
\ No newline at end of file
+          </TableRow>}
+
+        </TableHeader>
+        <TableBody className='text-center'>
+          {tableData?.map((el: { [key: string]: string | number | boolean }, index) => (
+            <TableRow key={index + "row"} >
+              {headlist.map((head) => (
+                <TableCell key={head.id + index}>{el[head.id]}</TableCell>
+              ))}
+
+            </TableRow>
+          ))}
+        </TableBody>
+
+      </Table>
+      {total <= 0 ? <></> : <UiPageNations total={total} cur={cur} pageSize={pageSize} />}
+    </>
+  );
+}

From 19d765266fc571f25e7f66c20ff77a2999354f35 Mon Sep 17 00:00:00 2001
From: truthwing <truthplumage@gmail.com>
Date: Tue, 11 Mar 2025 11:20:09 +0900
Subject: [PATCH 2/7] =?UTF-8?q?form=5Fui=20=20=EC=B6=94=EA=B0=80.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/ui/form_ui/index.tsx                  | 19 +++++++++++++++++++
 .../business_components/src/ui/index.ts       |  4 +++-
 2 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 packages/common/business_components/src/ui/form_ui/index.tsx

diff --git a/packages/common/business_components/src/ui/form_ui/index.tsx b/packages/common/business_components/src/ui/form_ui/index.tsx
new file mode 100644
index 000000000..bd9930c3c
--- /dev/null
+++ b/packages/common/business_components/src/ui/form_ui/index.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+import { FormControl, FormItem, FormLabel, FormMessage } from "../form";
+
+const FormUi = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement> & {label:string|undefined}
+>(({children, label},ref)=>{
+    return (
+        <FormItem ref={ref}>
+            {label?<FormLabel className="text-xl">{label}</FormLabel>:<></>}
+            <FormControl>
+            {children}
+            </FormControl>
+            <FormMessage />
+        </FormItem>
+    )
+})
+FormUi.displayName = 'FormUi';
+export { FormUi };
diff --git a/packages/common/business_components/src/ui/index.ts b/packages/common/business_components/src/ui/index.ts
index fba8a76ad..2791b2035 100644
--- a/packages/common/business_components/src/ui/index.ts
+++ b/packages/common/business_components/src/ui/index.ts
@@ -1,9 +1,11 @@
 export * from "./chart";
 export * from "./file-upload";
 export * from "./form";
+export * from "./form_ui";
+export * from "./scroll";
 export * from "./search_form";
 export * from "./search_input";
 export * from "./search_input_select";
 export * from "./select";
 export * from "./table";
-export * from "./scroll"
+

From e0ef37e9d7fa590d85d3a26244e0086e276a15e7 Mon Sep 17 00:00:00 2001
From: YangJinSoo94 <jschrome782@gmail.com>
Date: Tue, 11 Mar 2025 13:27:05 +0900
Subject: [PATCH 3/7] =?UTF-8?q?label=20class=20=EB=B3=80=EA=B2=BD=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/business_components/src/ui/search_input/index.tsx    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/common/business_components/src/ui/search_input/index.tsx b/packages/common/business_components/src/ui/search_input/index.tsx
index f933428fc..936b8ddbc 100644
--- a/packages/common/business_components/src/ui/search_input/index.tsx
+++ b/packages/common/business_components/src/ui/search_input/index.tsx
@@ -8,7 +8,7 @@ const SearchInput = React.forwardRef<
     console.log(ref);
     return (
         <div className={className+" flex"} >
-            {label && <Label className="m-4 text-lg w-1/4">{label}</Label>}
+            {label && <Label className="font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70 m-4 text-2xl w-1/4">{label}</Label>}
             <Input className="ml-8 w-3/4 text-lg" ref={ref}></Input>
         </div>
     )

From 8dfa052ea6c9214a73cd4a13513feefd88fd4823 Mon Sep 17 00:00:00 2001
From: YangJinSoo94 <jschrome782@gmail.com>
Date: Tue, 11 Mar 2025 13:55:14 +0900
Subject: [PATCH 4/7] =?UTF-8?q?search=20=EC=98=81=EC=97=AD=20label=20?=
 =?UTF-8?q?=ED=81=AC=EA=B8=B0=20lg=20>=202xl?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/business_components/src/ui/search_input/index.tsx    | 2 +-
 .../business_components/src/ui/search_input_select/index.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/common/business_components/src/ui/search_input/index.tsx b/packages/common/business_components/src/ui/search_input/index.tsx
index 936b8ddbc..f2d1caeb4 100644
--- a/packages/common/business_components/src/ui/search_input/index.tsx
+++ b/packages/common/business_components/src/ui/search_input/index.tsx
@@ -8,7 +8,7 @@ const SearchInput = React.forwardRef<
     console.log(ref);
     return (
         <div className={className+" flex"} >
-            {label && <Label className="font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70 m-4 text-2xl w-1/4">{label}</Label>}
+            {label && <Label className="m-4 text-2xl w-1/4">{label}</Label>}
             <Input className="ml-8 w-3/4 text-lg" ref={ref}></Input>
         </div>
     )
diff --git a/packages/common/business_components/src/ui/search_input_select/index.tsx b/packages/common/business_components/src/ui/search_input_select/index.tsx
index b00615e4b..1496d9ddd 100644
--- a/packages/common/business_components/src/ui/search_input_select/index.tsx
+++ b/packages/common/business_components/src/ui/search_input_select/index.tsx
@@ -17,7 +17,7 @@ export type SelectDataType = {
 const SearchInputSelect = React.forwardRef<HTMLInputElement, {className:string, label:string, selectData: SelectDataType[], onSelectValue:(val:string)=>void}>(({className, label, selectData, onSelectValue}, refs) => {
     return (
         <div className={className+" flex items-center"} >
-            {label && <Label className="m-4 text-lg w-1/4">{label}</Label>}
+            {label && <Label className="m-4 text-2xl w-1/4">{label}</Label>}
             <div className="flex w-full items-center">
                 <Input className="w-2/3 text-lg" ref={refs}/>
                 <Select onValueChange={onSelectValue}>

From 5785e57b40d4f4f7e467e934f19b0a874b6f1915 Mon Sep 17 00:00:00 2001
From: truthwing <truthplumage@gmail.com>
Date: Tue, 11 Mar 2025 14:00:58 +0900
Subject: [PATCH 5/7] =?UTF-8?q?=EB=8D=B0=EC=9D=B4=ED=8A=B8=20=ED=94=BC?=
 =?UTF-8?q?=EC=BB=A4=20=EC=B6=94=EA=B0=80=20=EB=94=94=EC=9E=90=EC=9D=B8=20?=
 =?UTF-8?q?=EA=B4=80=EB=A0=A8=20=EC=9B=90=EC=95=A4=EC=98=AC=EC=97=90=20?=
 =?UTF-8?q?=EB=AC=B8=EC=9D=98=20=ED=95=B4=EC=95=BC=ED=95=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/ui/date_picker/date-picker.css        |  7 +++
 .../src/ui/date_picker/index.tsx              | 46 +++++++++++++++++++
 .../business_components/src/ui/index.ts       |  1 +
 3 files changed, 54 insertions(+)
 create mode 100644 packages/common/business_components/src/ui/date_picker/date-picker.css
 create mode 100644 packages/common/business_components/src/ui/date_picker/index.tsx

diff --git a/packages/common/business_components/src/ui/date_picker/date-picker.css b/packages/common/business_components/src/ui/date_picker/date-picker.css
new file mode 100644
index 000000000..bf9415652
--- /dev/null
+++ b/packages/common/business_components/src/ui/date_picker/date-picker.css
@@ -0,0 +1,7 @@
+@tailwind components;
+
+@layer components {
+  .date-picker-trigger {
+    @apply h-[3rem] w-[12rem] justify-between border-input !bg-background px-4 py-2 text-left text-[1.3rem] font-normal leading-none text-muted-foreground hover:!bg-accent;
+  }
+}
diff --git a/packages/common/business_components/src/ui/date_picker/index.tsx b/packages/common/business_components/src/ui/date_picker/index.tsx
new file mode 100644
index 000000000..04b7b3505
--- /dev/null
+++ b/packages/common/business_components/src/ui/date_picker/index.tsx
@@ -0,0 +1,46 @@
+"use client";
+
+import "./date-picker.css";
+
+import { format } from "date-fns";
+import { CalendarIcon } from "lucide-react";
+import type { DayPickerSingleProps } from "react-day-picker";
+
+import { Button, Calendar, Popover, PopoverContent, PopoverTrigger } from "@common/components/ui";
+import { cn } from "../../lib/utils";
+import { FormControl } from "../form/form";
+
+type DatePickerProps = DayPickerSingleProps & { field: { value: Date; onChange: (date: Date | undefined) => void } };
+
+export function DatePicker({ field }: DatePickerProps) {
+    return (
+        <Popover>
+            <PopoverTrigger asChild>
+                <FormControl>
+                    <Button
+                        variant={"outline"}
+                        className={cn(
+                            "w-[240px] pl-3 text-left font-normal",
+                            !field?.value && "text-muted-foreground"
+                        )}
+                    >
+                        {field?.value ? (
+                            format(field?.value, "PPP")
+                        ) : (
+                            <span>Pick a date</span>
+                        )}
+                        <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
+                    </Button>
+                </FormControl>
+            </PopoverTrigger>
+            <PopoverContent className="w-auto p-0" align="start">
+                <Calendar
+                    mode="single"
+                    selected={field?.value}
+                    onSelect={field?.onChange}
+                    initialFocus
+                />
+            </PopoverContent>
+        </Popover>
+    );
+}
diff --git a/packages/common/business_components/src/ui/index.ts b/packages/common/business_components/src/ui/index.ts
index 2791b2035..795fffa2a 100644
--- a/packages/common/business_components/src/ui/index.ts
+++ b/packages/common/business_components/src/ui/index.ts
@@ -1,4 +1,5 @@
 export * from "./chart";
+export * from "./date_picker";
 export * from "./file-upload";
 export * from "./form";
 export * from "./form_ui";

From d145eee662b75b2035abfcba16e45bb3c6b5ee98 Mon Sep 17 00:00:00 2001
From: truthwing <truthplumage@gmail.com>
Date: Tue, 11 Mar 2025 14:02:46 +0900
Subject: [PATCH 6/7] =?UTF-8?q?form=20import=20=EC=98=A4=EB=A5=98=EB=A1=9C?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/business_components/src/ui/date_picker/index.tsx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/common/business_components/src/ui/date_picker/index.tsx b/packages/common/business_components/src/ui/date_picker/index.tsx
index 04b7b3505..37dbcb096 100644
--- a/packages/common/business_components/src/ui/date_picker/index.tsx
+++ b/packages/common/business_components/src/ui/date_picker/index.tsx
@@ -8,7 +8,7 @@ import type { DayPickerSingleProps } from "react-day-picker";
 
 import { Button, Calendar, Popover, PopoverContent, PopoverTrigger } from "@common/components/ui";
 import { cn } from "../../lib/utils";
-import { FormControl } from "../form/form";
+import { FormControl } from "../form";
 
 type DatePickerProps = DayPickerSingleProps & { field: { value: Date; onChange: (date: Date | undefined) => void } };
 

From 5c81e35bc43884ef8f9010f738063e7b60368a27 Mon Sep 17 00:00:00 2001
From: YangJinSoo94 <jschrome782@gmail.com>
Date: Tue, 11 Mar 2025 14:44:35 +0900
Subject: [PATCH 7/7] =?UTF-8?q?input=20initvalue=20=EC=B6=94=EA=B0=80,=20c?=
 =?UTF-8?q?onsole.log=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../business_components/src/ui/search_input/index.tsx      | 1 -
 .../src/ui/search_input_select/index.tsx                   | 7 +++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/common/business_components/src/ui/search_input/index.tsx b/packages/common/business_components/src/ui/search_input/index.tsx
index f2d1caeb4..61ff8ec3f 100644
--- a/packages/common/business_components/src/ui/search_input/index.tsx
+++ b/packages/common/business_components/src/ui/search_input/index.tsx
@@ -5,7 +5,6 @@ const SearchInput = React.forwardRef<
     HTMLDivElement& HTMLInputElement,
     React.HTMLAttributes<HTMLDivElement> & {className:string, label:string}>
 (({className, label}, ref) => {
-    console.log(ref);
     return (
         <div className={className+" flex"} >
             {label && <Label className="m-4 text-2xl w-1/4">{label}</Label>}
diff --git a/packages/common/business_components/src/ui/search_input_select/index.tsx b/packages/common/business_components/src/ui/search_input_select/index.tsx
index 1496d9ddd..c6face023 100644
--- a/packages/common/business_components/src/ui/search_input_select/index.tsx
+++ b/packages/common/business_components/src/ui/search_input_select/index.tsx
@@ -14,12 +14,15 @@ export type SelectDataType = {
  * @param refs - React.forwardRef<HTMLInputElement> | null 입력값 ref
  * @returns React.FC
  */
-const SearchInputSelect = React.forwardRef<HTMLInputElement, {className:string, label:string, selectData: SelectDataType[], onSelectValue:(val:string)=>void}>(({className, label, selectData, onSelectValue}, refs) => {
+const SearchInputSelect = React.forwardRef<HTMLInputElement, {className:string, label:string, selectData: SelectDataType[], onSelectValue:(val:string)=>void, textValue:string, setText:(val:string)=>void}>(({className, label, selectData, onSelectValue, textValue, setText}) => {
+    const changeText=(e:React.ChangeEvent<HTMLInputElement>)=>{
+        if(e?.target?.value) setText(e.target.value)
+    }
     return (
         <div className={className+" flex items-center"} >
             {label && <Label className="m-4 text-2xl w-1/4">{label}</Label>}
             <div className="flex w-full items-center">
-                <Input className="w-2/3 text-lg" ref={refs}/>
+                <Input className="w-2/3 text-lg" value={textValue} onChange={changeText} />
                 <Select onValueChange={onSelectValue}>
                     <SelectTrigger className="ml-2 w-1/3 text-lg" >
                     <SelectValue placeholder={selectData?.[0]?.text ?? ""} />