@uniai-fe/ui-legacy 0.1.21 → 0.1.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/ui-legacy",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "description": "Legacy UI Toolkit for UNIAI FE Projects",
   "type": "module",
   "private": false,

package/src/modal/components/assets/layout/Container.tsx

@@ -1,15 +1,16 @@
 import ModalBody from "./Body";
 import ModalFooter from "./Footer";
-import ModalFormProvider from "../form/Provider";
 import ModalHeader from "./Header";
 import type { ModalComponentPropsType } from "../../../../types";
+import Form from "../../../../form";
+import ModalFormProvider from "../form/Provider";
 
 export default function ModalLayoutContainer({
   stackKey,
-  modalProps: { data, isModalForm, isHeader, isNoTitle },
+  modalProps: { data, isModalForm, formOptions, isHeader, isNoTitle },
   isDraggable,
 }: ModalComponentPropsType) {
-  return (
+  const Layout = (
     <>
       {isHeader && (
         <ModalHeader
@@ -34,4 +35,10 @@ export default function ModalLayoutContainer({
       )}
     </>
   );
+
+  return typeof formOptions !== "undefined" ? (
+    <Form.Provider {...formOptions}>{Layout}</Form.Provider>
+  ) : (
+    Layout
+  );
 }

package/src/modal/components/basic/Container.tsx

@@ -24,6 +24,7 @@ export default function ModalBasicContainer({
       isHeader = true,
       data,
       isModalForm,
+      formOptions,
       isNoTitle,
     },
   } = stackData;
@@ -39,7 +40,7 @@ export default function ModalBasicContainer({
     >
       <ModalLayoutContainer
         stackKey={stackKey}
-        modalProps={{ data, isModalForm, isHeader, isNoTitle }}
+        modalProps={{ data, isModalForm, formOptions, isHeader, isNoTitle }}
       />
     </StyledModalBasic.container>
   );

package/src/tooltip/components/Help.tsx

@@ -26,12 +26,12 @@ export default function TooltipHelp({
   className: string;
   horizontal: "left" | "right";
   vertical: "bottom" | "top";
-  buttonOptions: {
+  buttonOptions: Partial<{
     size: number;
     priorityType: ButtonPriorityType;
     fillType: ButtonFillType;
     clickEvent: () => void;
-  };
+  }>;
 }>) {
   return (
     <StyledTooltipHelp.container

package/src/types/modal/modal.d.ts

@@ -59,7 +59,17 @@ export type ModalPropsType = Partial<{
    */
   isFooter: boolean;
   initDragPos: ModalPositionDataType;
+  /**
+   * @deprecated formOptions를 대신 활용할 것. formOptions 여부로 form context 활성화
+   */
   isModalForm: boolean;
+  /**
+   * FormProvider 옵션
+   */
+  formOptions: Partial<{
+    options: UseFormProps<FormDataType>;
+    callback: (params: UseFormReturn<FormDataType>) => void | undefined;
+  }>;
   role: string;
   show: ModalShowType; // init: 최초 렌더링 시 / on: 활성화 / off: 비활성화
   showDelay: number;