@tipp/ui 1.5.4 → 1.5.6

package/dist/molecules/time-select.js

@@ -8,16 +8,18 @@ import "../chunk-ZXQZRIRS.js";
 import "../chunk-2BPFXK4L.js";
 import "../chunk-A6W2ZWYA.js";
 import "../chunk-SRZ6X74X.js";
+import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
 import "../chunk-EW6OPYEW.js";
 import "../chunk-VOQU7ZOV.js";
+import "../chunk-MUNMDHRF.js";
 import "../chunk-TVDKGMBI.js";
 import "../chunk-ZZYFULUQ.js";
 import "../chunk-5H3YPCZK.js";
 import "../chunk-FR2GDOU2.js";
 import "../chunk-74DX4CU7.js";
 import "../chunk-OYM4XCHQ.js";
-import "../chunk-YJ7ZFOYL.js";
+import "../chunk-2JSFSQH2.js";
 import "../chunk-5AVBYDPB.js";
 import "../chunk-365QMK4D.js";
 import "../chunk-YO3BQW6S.js";
@@ -25,16 +27,16 @@ import "../chunk-6IVCARWS.js";
 import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
 import "../chunk-ZKZDVS7G.js";
-import "../chunk-MUNMDHRF.js";
+import "../chunk-EGEQY3KT.js";
 import "../chunk-O3T3TM3V.js";
 import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-SIM6HKVI.js";
-import "../chunk-RKHPVH2G.js";
-import "../chunk-TANHSKD7.js";
+import "../chunk-VTJZMOSP.js";
+import "../chunk-CEMVFONQ.js";
 import "../chunk-CYYWMYE7.js";
 import "../chunk-HK224ADT.js";
-import "../chunk-7SM2C75W.js";
+import "../chunk-NWEEOT3Z.js";
 import "../chunk-UNTA4JJU.js";
 import "../chunk-HYITAA4J.js";
 import "../chunk-O3DNDMV3.js";
@@ -43,7 +45,7 @@ import "../chunk-WKFZ5MMN.js";
 import "../chunk-ACVANQJ4.js";
 import "../chunk-2DZ2Y3JI.js";
 import "../chunk-QDZS4B6A.js";
-import "../chunk-EGEQY3KT.js";
+import "../chunk-B6XJN6EC.js";
 import "../chunk-2ZQK7NTN.js";
 import "../chunk-MIMJ7LON.js";
 import "../chunk-IQEEPHOY.js";
@@ -51,7 +53,7 @@ import "../chunk-LHCDPZ5E.js";
 import "../chunk-OHMOP5PV.js";
 import "../chunk-LZJR77Q2.js";
 import "../chunk-Q37G2GS6.js";
-import "../chunk-VTJZMOSP.js";
+import "../chunk-YJCCE5WP.js";
 import "../chunk-3SSSCLJ5.js";
 import "../chunk-EWD4AO5N.js";
 import "../chunk-YGL6SWKN.js";
@@ -62,11 +64,9 @@ import "../chunk-25HMMI7R.js";
 import "../chunk-U7JPP7WJ.js";
 import "../chunk-LQY4RKWI.js";
 import "../chunk-ZD7MNMED.js";
-import "../chunk-B6XJN6EC.js";
-import "../chunk-UAN5JXP3.js";
+import "../chunk-SU3E53WX.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
-import "../chunk-YJCCE5WP.js";
 import "../chunk-N552FDTV.js";
 export {
   TimeSelect

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "1.5.4",
+  "version": "1.5.6",
   "private": false,
   "type": "module",
   "exports": {
@@ -29,13 +29,13 @@
     "@radix-ui/react-icons": "^1.3.2",
     "@radix-ui/themes": "^3.1.4",
     "@tanstack/react-table": "^8.19.3",
+    "@tipp/biz-utils": "^1.1.0",
     "date-fns": "^3.6.0",
     "lodash-es": "^4.17.21",
     "react": "^18.3.1",
     "react-datepicker": "^7.3.0",
     "react-dom": "^18.3.1",
-    "react-toastify": "^10.0.5",
-    "@tipp/biz-utils": "1.1.0"
+    "react-toastify": "^10.0.5"
   },
   "devDependencies": {
     "@types/echarts": "^4.9.22",
@@ -58,8 +58,8 @@
     "ts-node": "^10.9.2",
     "tsup": "^8.0.2",
     "typescript": "^5.3.3",
-    "@tipp/typescript-config": "1.0.1",
-    "@tipp/eslint-config": "1.0.1"
+    "@tipp/eslint-config": "1.0.1",
+    "@tipp/typescript-config": "1.0.1"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:css",

package/src/app/platform/userInfos/utils.tsx

@@ -10,35 +10,36 @@ export interface CoachingCustomerInfoProps {
 }
 
 export interface Customer {
-  username: string;
-  email: string;
-  gender: string;
-  birthdate: Date;
-  phone: string;
-  company: string;
-  team: string;
-  position: string;
+  username?: string;
+  email?: string;
+  gender?: string;
+  birthdate?: Date;
+  phone?: string;
+  company?: string;
+  team?: string;
+  position?: string;
   level: string;
 }
 
 export interface Session {
-  state: ProjectStatus;
-  totalSession: number;
-  restSession: number;
+  state?: ProjectStatus;
+  totalSession?: number;
+  restSession?: number;
   nextSessionDate?: Date;
   nextSessionType?: string;
-  expiredAt: Date;
+  expiredAt?: Date;
 }
 
 export interface DataListItems<T> {
   label: string;
   getValue: (original?: T) => string | undefined;
   copyable?: boolean;
+  render?: (value?: string) => React.ReactNode;
 }
 
 export const infoList: DataListItems<Customer>[] = [
   { label: '이름', getValue: (customer) => customer?.username },
-  { label: '성별', getValue: (customer) => customer?.email },
+  { label: '성별', getValue: (customer) => customer?.gender },
   {
     label: '생년월일',
     getValue: (customer) =>
@@ -51,6 +52,15 @@ export const infoList: DataListItems<Customer>[] = [
   {
     label: '전화번호',
     getValue: (customer) => customer?.phone,
+    render: (value) => {
+      // 핸드폰 전화번호 형식으로 변환
+      return (
+        value
+          ?.replace(/[^0-9]/g, '')
+          // eslint-disable-next-line prefer-named-capture-group -- target es 변경하기 전이라서 이대로 둠
+          .replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`)
+      );
+    },
     copyable: true,
   },
 ];
@@ -86,7 +96,7 @@ export const renderItem = <T extends object>(
   const value = info.getValue(data);
   return (
     <>
-      {value || '-'}
+      {info.render ? info.render(value) : value || '-'}
       {info.copyable && value ? <CopyButton value={value} /> : null}
     </>
   );

package/src/atoms/dialog.tsx

@@ -1,7 +1,6 @@
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { Cross1Icon } from '@radix-ui/react-icons';
 import { Flex, Theme } from '@radix-ui/themes';
-import { useRef } from 'react';
 import { ToastContainer } from './toast';
 import { Heading } from './heading';
 import { IconButton } from './icon-button';
@@ -38,15 +37,8 @@ function Content(props: ContentProps): React.ReactElement {
     ...rest
   } = props;
 
-  const containerRef = useRef<Element | null>(null);
-
-  if (typeof document !== 'undefined') {
-    const container = document.getElementsByClassName('radix-themes')[0];
-    containerRef.current = container;
-  }
-
   return (
-    <RadixDialog.Portal container={containerRef.current}>
+    <RadixDialog.Portal>
       <Theme asChild>
         <RadixDialog.Overlay className="DialogOverlay">
           <RadixDialog.Content

package/src/atoms/drawer.tsx

@@ -57,7 +57,7 @@ export function Content(props: ContentProps): React.ReactElement {
   );
 }
 
-export function Trigger(props: Dialog.DialogTriggerProps): React.ReactNode {
+export function Trigger(props: Dialog.DialogTriggerProps): React.ReactElement {
   return <Dialog.Trigger asChild {...props} />;
 }
 

package/src/icon.ts

@@ -39,4 +39,5 @@ export {
   RocketIcon,
   ArrowRightIcon,
   CopyIcon,
+  Pencil2Icon,
 } from '@radix-ui/react-icons';