@axzydev/axzy_ui_system 1.0.162 → 1.0.164

package/dist/index.d.cts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React$1, { ReactNode } from 'react';
+import * as React$1 from 'react';
+import React__default, { ReactNode } from 'react';
 import * as Yup from 'yup';
 
 declare const buttonVariants: Record<string, string>;
@@ -167,7 +168,7 @@ interface ITCalendarProps {
     disabled?: boolean;
 }
 
-declare const ITCalendar: React$1.FC<ITCalendarProps>;
+declare const ITCalendar: React__default.FC<ITCalendarProps>;
 
 interface ITCardProps {
     onClick?: () => void;
@@ -228,7 +229,7 @@ interface ITDialogProps {
     useFormHeader?: boolean;
 }
 
-declare function ITDialog({ isOpen, onClose, children, className, title, useFormHeader, }: ITDialogProps): react_jsx_runtime.JSX.Element;
+declare function ITDialog({ isOpen, onClose, children, className, title, useFormHeader, }: ITDialogProps): React$1.ReactPortal;
 
 interface FieldConfig {
     name: string;
@@ -244,8 +245,8 @@ interface FieldConfig {
         value: string;
         label: string;
     }[];
-    rightIcon?: React$1.ReactNode;
-    leftIcon?: React$1.ReactNode;
+    rightIcon?: React__default.ReactNode;
+    leftIcon?: React__default.ReactNode;
     valueField?: string;
     showHintLength?: boolean;
     labelField?: string;
@@ -294,9 +295,9 @@ interface FieldConfigV2 {
     }[]>);
     valueField?: string;
     labelField?: string;
-    leftIcon?: React$1.ReactNode;
-    rightIcon?: React$1.ReactNode;
-    component?: React$1.ComponentType<any>;
+    leftIcon?: React__default.ReactNode;
+    rightIcon?: React__default.ReactNode;
+    component?: React__default.ComponentType<any>;
     className?: string;
     currencyFormat?: boolean;
     showHintLength?: boolean;
@@ -734,12 +735,12 @@ interface ITDropfileProps {
     onStatusChange?: (status: UploadStatus) => void;
     initialPreviewUrl?: string | null;
 }
-declare const ITDropfile: React$1.FC<ITDropfileProps>;
+declare const ITDropfile: React__default.FC<ITDropfileProps>;
 
-type IconType = React$1.ReactNode;
+type IconType = React__default.ReactNode;
 interface Step {
     label: string;
-    content: React$1.ReactNode;
+    content: React__default.ReactNode;
     icon?: IconType;
 }
 interface ITStepperProps {

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React$1, { ReactNode } from 'react';
+import * as React$1 from 'react';
+import React__default, { ReactNode } from 'react';
 import * as Yup from 'yup';
 
 declare const buttonVariants: Record<string, string>;
@@ -167,7 +168,7 @@ interface ITCalendarProps {
     disabled?: boolean;
 }
 
-declare const ITCalendar: React$1.FC<ITCalendarProps>;
+declare const ITCalendar: React__default.FC<ITCalendarProps>;
 
 interface ITCardProps {
     onClick?: () => void;
@@ -228,7 +229,7 @@ interface ITDialogProps {
     useFormHeader?: boolean;
 }
 
-declare function ITDialog({ isOpen, onClose, children, className, title, useFormHeader, }: ITDialogProps): react_jsx_runtime.JSX.Element;
+declare function ITDialog({ isOpen, onClose, children, className, title, useFormHeader, }: ITDialogProps): React$1.ReactPortal;
 
 interface FieldConfig {
     name: string;
@@ -244,8 +245,8 @@ interface FieldConfig {
         value: string;
         label: string;
     }[];
-    rightIcon?: React$1.ReactNode;
-    leftIcon?: React$1.ReactNode;
+    rightIcon?: React__default.ReactNode;
+    leftIcon?: React__default.ReactNode;
     valueField?: string;
     showHintLength?: boolean;
     labelField?: string;
@@ -294,9 +295,9 @@ interface FieldConfigV2 {
     }[]>);
     valueField?: string;
     labelField?: string;
-    leftIcon?: React$1.ReactNode;
-    rightIcon?: React$1.ReactNode;
-    component?: React$1.ComponentType<any>;
+    leftIcon?: React__default.ReactNode;
+    rightIcon?: React__default.ReactNode;
+    component?: React__default.ComponentType<any>;
     className?: string;
     currencyFormat?: boolean;
     showHintLength?: boolean;
@@ -734,12 +735,12 @@ interface ITDropfileProps {
     onStatusChange?: (status: UploadStatus) => void;
     initialPreviewUrl?: string | null;
 }
-declare const ITDropfile: React$1.FC<ITDropfileProps>;
+declare const ITDropfile: React__default.FC<ITDropfileProps>;
 
-type IconType = React$1.ReactNode;
+type IconType = React__default.ReactNode;
 interface Step {
     label: string;
-    content: React$1.ReactNode;
+    content: React__default.ReactNode;
     icon?: IconType;
 }
 interface ITStepperProps {

package/dist/index.js

@@ -1616,6 +1616,7 @@ function ITDatePicker({
 }
 
 // src/components/dialog/dialog.tsx
+import { createPortal } from "react-dom";
 import { useEffect as useEffect5, useRef as useRef3 } from "react";
 import { FaRegTimesCircle } from "react-icons/fa";
 
@@ -1684,7 +1685,8 @@ function ITDialog({
     };
   }, [isOpen, onClose]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx7("div", { className: "fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50", children: /* @__PURE__ */ jsx7(
+  if (typeof document === "undefined") return null;
+  const content = /* @__PURE__ */ jsx7("div", { className: "fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-[9999]", children: /* @__PURE__ */ jsx7(
     "div",
     {
       ref: modalRef,
@@ -1693,7 +1695,6 @@ function ITDialog({
         backgroundColor: theme.card.backgroundColor,
         borderRadius: theme.card.borderRadius,
         boxShadow: theme.card.shadow,
-        // Border? theme.card.borderWidth?
         borderWidth: theme.card.borderWidth,
         borderColor: theme.card.borderColor,
         borderStyle: "solid"
@@ -1715,6 +1716,7 @@ function ITDialog({
       ] })
     }
   ) });
+  return createPortal(content, document.body);
 }
 
 // src/components/form-builder/formBuilder.tsx
@@ -2748,7 +2750,7 @@ function ITPagination({
     totalPages,
     siblingCount
   });
-  if (currentPage === 0 || paginationRange && paginationRange.length < 2) {
+  if (currentPage === 0 || !itemsPerPageOptions && paginationRange && paginationRange.length < 2) {
     return null;
   }
   const isSemantic = color in theme.colors;