@tipp/ui 2.3.12 → 2.3.14

package/dist/molecules/index.js

@@ -2,23 +2,20 @@ import "../chunk-QDXZVPRR.js";
 import {
   ExpandTable,
   createColumnHelper
-} from "../chunk-ZBZ7IGBT.js";
+} from "../chunk-3RTIQ36S.js";
 import "../chunk-JCG2AUFJ.js";
+import {
+  DatePickerButton
+} from "../chunk-I46J2XHG.js";
+import {
+  DatePicker
+} from "../chunk-FVTBDVT4.js";
 import "../chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "../chunk-I5NKMQOT.js";
-import "../chunk-XU7H43IG.js";
-import "../chunk-QGKQ3IX7.js";
-import {
-  CurriculumSidebar
-} from "../chunk-R7NTFLYB.js";
-import "../chunk-KTUCYAG7.js";
-import "../chunk-4TST4UK5.js";
-import "../chunk-WS7IOHVK.js";
-import "../chunk-6L4OTKID.js";
-import "../chunk-SDEDXT7A.js";
-import "../chunk-4SSWZQPC.js";
+} from "../chunk-BN24NIPU.js";
+import "../chunk-YIDE5VOF.js";
+import "../chunk-OX3N37YY.js";
 import "../chunk-W3TY3SYU.js";
 import "../chunk-QIRUYN3K.js";
 import "../chunk-BUZDDAS6.js";
@@ -29,9 +26,18 @@ import "../chunk-VREM33BW.js";
 import "../chunk-AQVIQODP.js";
 import "../chunk-WHZZKXOD.js";
 import "../chunk-YT4LGWIY.js";
-import "../chunk-JNYTH4BZ.js";
 import "../chunk-PYGTM7ML.js";
+import "../chunk-JNYTH4BZ.js";
 import "../chunk-GMKRNFH5.js";
+import "../chunk-QGKQ3IX7.js";
+import {
+  CurriculumSidebar
+} from "../chunk-R7NTFLYB.js";
+import "../chunk-KTUCYAG7.js";
+import "../chunk-4TST4UK5.js";
+import "../chunk-WS7IOHVK.js";
+import "../chunk-6L4OTKID.js";
+import "../chunk-SDEDXT7A.js";
 import "../chunk-RAK5LEBO.js";
 import {
   CurriculumSubNav
@@ -43,12 +49,6 @@ import {
 import {
   CurriculumV2Layout
 } from "../chunk-CQSM6JCO.js";
-import {
-  DatePickerButton
-} from "../chunk-I46J2XHG.js";
-import {
-  DatePicker
-} from "../chunk-FVTBDVT4.js";
 import "../chunk-JF7JAMOQ.js";
 import {
   Stepper
@@ -67,7 +67,7 @@ import "../chunk-BXX3B3E4.js";
 import {
   DynamicForm,
   createYupValidation
-} from "../chunk-PBWH6CMJ.js";
+} from "../chunk-NJMRRUNJ.js";
 import {
   ForceRefresh
 } from "../chunk-GGLDVUYU.js";
@@ -96,7 +96,7 @@ import {
 } from "../chunk-G7NEBNHU.js";
 import {
   DynamicFormField
-} from "../chunk-T4HTYL5M.js";
+} from "../chunk-EEJ2JXHV.js";
 import {
   DynamicFormResponseItem
 } from "../chunk-QTQKJ4A2.js";
@@ -150,7 +150,7 @@ import "../chunk-YSYJCYHY.js";
 import "../chunk-5OM2H6RI.js";
 import "../chunk-ZUYCXCPW.js";
 import "../chunk-YVFNJE4E.js";
-import "../chunk-PB4O3U6O.js";
+import "../chunk-NCSMSA3X.js";
 import "../chunk-2OMSNCRH.js";
 import "../chunk-BESTU2AY.js";
 import "../chunk-PMJIFLDT.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "2.3.12",
+  "version": "2.3.14",
   "private": false,
   "type": "module",
   "exports": {

package/src/context/dynamic-form-context.tsx

@@ -22,6 +22,7 @@ interface DynamicFormProviderProps {
   fields: DynamicFormFieldSchema[];
   formik: FormikProps<Record<string, unknown>>;
   readonly?: boolean;
+  formStyle?: React.CSSProperties;
 }
 
 export function DynamicFormProvider({
@@ -29,6 +30,7 @@ export function DynamicFormProvider({
   fields,
   formik,
   readonly = false,
+  formStyle,
 }: DynamicFormProviderProps): React.ReactElement {
   const contextValue: DynamicFormContextValue = {
     formik,
@@ -50,7 +52,7 @@ export function DynamicFormProvider({
 
   return (
     <DynamicFormContext.Provider value={contextValue}>
-      <Form.Root onSubmit={formik.handleSubmit}>{children}</Form.Root>
+      <Form.Root onSubmit={formik.handleSubmit} style={formStyle}>{children}</Form.Root>
     </DynamicFormContext.Provider>
   );
 }

package/src/molecules/dynamic-form.tsx

@@ -20,6 +20,7 @@ export interface DynamicFormProps {
   onSubmit: (values: Record<string, unknown>) => void | Promise<void>;
   children: React.ReactNode;
   readonly?: boolean;
+  formStyle?: React.CSSProperties;
 }
 
 /**
@@ -56,6 +57,7 @@ function DynamicFormRoot({
   onSubmit,
   children,
   readonly = false,
+  formStyle,
 }: DynamicFormProps): React.ReactElement {
   const validationSchema = useMemo(() => {
     const schema: Record<string, Yup.Schema<unknown>> = {};
@@ -121,7 +123,7 @@ function DynamicFormRoot({
   }, [formik.submitCount, formik.errors, fields]);
 
   return (
-    <DynamicFormProvider fields={fields} formik={formik} readonly={readonly}>
+    <DynamicFormProvider fields={fields} formStyle={formStyle} formik={formik} readonly={readonly}>
       {children}
     </DynamicFormProvider>
   );

package/src/molecules/expand-table/index.tsx

@@ -15,6 +15,7 @@ import {
   getPaginationRowModel,
 } from '@tanstack/react-table';
 import React, { useCallback, useMemo, useState } from 'react';
+import { ScrollArea } from '@radix-ui/themes';
 import { Flex } from '@/atoms/flex';
 import { Pagination } from '@/atoms/pagination';
 import { Spinner } from '@/atoms/spinner';
@@ -22,7 +23,6 @@ import { Typo } from '@/atoms/typo';
 import { TriangleArrowDownIcon } from '../../icons/down';
 import { TriangleArrowUpIcon } from '../../icons/up';
 import { Row, type ExpandComp, type OnRowClick } from './row';
-import { ScrollArea } from '@radix-ui/themes';
 
 export type { ExpandComp, OnRowClick, ColumnDef, RowType as Row };
 export { createColumnHelper };