@asaleh37/ui-base 25.8.1-1 → 25.8.1-11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asaleh37/ui-base",
-  "version": "25.8.1-1",
+  "version": "25.8.1-11",
   "description": "",
   "license": "ISC",
   "author": "Ahmed Saleh Mohamed",

package/src/components/index.ts

@@ -7,4 +7,3 @@ export { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 export type { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
 export * from "./templates";
 export * from "@mui/x-tree-view/models";
-export { useParams } from "react-router-dom";

package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/Datefield.tsx

@@ -3,6 +3,7 @@ import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
 import moment from "moment";
 import { DATE_FORMAT } from "../../../../../util/constants";
 import { useTranslation } from "react-i18next";
+import TemplateTextField from "./TemplateTextField";
 
 interface DatefieldProps {
   value: string | null;
@@ -44,7 +45,9 @@ const Datefield: React.FC<DatefieldProps> = (props) => {
         }}
         slotProps={{
           textField: {
-            InputLabelProps: { shrink: true },
+            slotProps: {
+              inputLabel: { shrink: true },
+            },
             variant: "outlined",
             required: props.required,
             error:
@@ -56,6 +59,19 @@ const Datefield: React.FC<DatefieldProps> = (props) => {
                 <></>
               ),
           },
+          // textField: {
+          //   InputLabelProps: { shrink: true },
+          //   variant: "outlined",
+          //   required: props.required,
+          //   error:
+          //     props.errorMessage !== undefined && props.errorMessage != null,
+          //   helperText:
+          // props.errorMessage !== undefined && props.errorMessage != null ? (
+          //   <>{t(props.errorMessage)}</>
+          // ) : (
+          //   <></>
+          // ),
+          // },
         }}
       />
     </LocalizationProvider>

package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/DatetimeField.tsx

@@ -44,6 +44,9 @@ const DatetimeField: React.FC<DatetimeFieldProps> = (props) => {
         }}
         slotProps={{
           textField: {
+            slotProps: {
+              inputLabel: { shrink: true },
+            },
             variant: "outlined",
             required: props.required,
             error:

package/src/components/templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid.tsx

@@ -140,7 +140,7 @@ const TemplateGrid: React.FC<TemplateGridProps> = (props) => {
   }
 
   const themeDirection = useSelector(
-    (state: any) => state.AppLayout.appDirection
+    (state: any) =>   state.AppLayout.appDirection
   );
 
   const clearGridState = () => {

package/src/components/templates/index.ts

@@ -29,5 +29,7 @@ export { default as TemplatePieChart } from "./visuals/charts/TemplatePieChart";
 export { default as DashboardRouteView } from "./visuals/DashboardRouteView";
 export { default as DashboardViewer } from "./visuals/DashboardViewer";
 
+export { default as FormElement } from "./DataEntryTemplates/TemplateDataForm/FormElementField";
+
 export type * from "./DataEntryTemplates/DataEntryTypes";
 export type { TransferListProps } from "./TransferList";

package/src/hooks/index.ts

@@ -1,3 +1,8 @@
+import { useForm } from "react-hook-form";
+import { useParams } from "react-router-dom";
+import { zodResolver } from "@hookform/resolvers/zod";
+import * as z from "zod";
+import { useDispatch, useSelector } from "react-redux";
 export { default as useAxios } from "./useAxios";
 export { useConfirmationWindow } from "./UseConfirmationWindow";
 export { default as useLoadingMask } from "./useLoadingMask";
@@ -5,3 +10,7 @@ export { useIsMobile } from "./UseMobile";
 export { default as useSession } from "./UseSession";
 export { useWindow } from "./UseWindow";
 export { default as useApiActions } from "./useApiActions";
+export { useDispatch };
+export { useSelector };
+export { useParams };
+export { useForm, zodResolver, z };

package/src/index.ts

@@ -2,4 +2,3 @@ export * from "./components";
 export * from "./hooks";
 export * from "./util";
 export * from "./types";
-