@inntechcorp/it-design 3.1.13 → 3.1.15

package/dist/index.d.mts

@@ -659,7 +659,7 @@ export { default as ImageCropper } from './cropper';
  * COMPONENTS (HAS SUB COMPONENTS)
  */
 export { default as Collapse } from './collapse';
-export { default as ModalManager } from './modal';
+export { default as ModalManager, useModal, useModalState, useModalFull } from './modal';
 export { default as Notification } from './notification';
 export { default as Radio } from './radio';
 export { default as InlineSelect } from './inlineselect';

package/dist/index.d.ts

@@ -10,6 +10,7 @@ import { ModalProps as ModalProps$1 } from 'types/ModalProps';
 import { RadioButtonProps as RadioButtonProps$1, RadioGroupProps as RadioGroupProps$1 } from 'types/RadioProps';
 import { ITDImperativeFuncProps as ITDImperativeFuncProps$1 } from 'types/ITDImperativeFuncProps';
 import { ResultProps as ResultProps$1 } from 'types/ResultProps';
+import { NavLinkProps } from 'react-router-dom';
 
 type ITDContextType = {
     theme: string;
@@ -407,7 +408,7 @@ type InlineSVGCachedProps = {
     onLoaded?: () => void;
     onError?: (error: unknown) => void;
 };
-declare const _default$5: react.MemoExoticComponent<({ src, className, style, title, role, onLoaded, onError }: InlineSVGCachedProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$4: react.MemoExoticComponent<({ src, className, style, title, role, onLoaded, onError }: InlineSVGCachedProps) => react_jsx_runtime.JSX.Element>;
 
 type OptionsTypeProps = {
     customKey?: string;
@@ -419,13 +420,13 @@ type OptionsTypeProps = {
     checked?: boolean;
     onChange?: (value: SelectValue$1, checked: boolean, label: ChildrenProps$1) => null;
 };
-declare const _default$4: react.MemoExoticComponent<{
+declare const _default$3: react.MemoExoticComponent<{
     ({ multi, checked, icon, image, value, customKey, onChange, label }: OptionsTypeProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 }>;
 
 type SelectSubComponentProps = {
-    Option: typeof _default$4;
+    Option: typeof _default$3;
 };
 type SelectComponentProps = ForwardRefExoticComponent<PropsWithoutRef<SelectProps> & RefAttributes<ITDImperativeFuncProps>> & SelectSubComponentProps;
 declare const Select: SelectComponentProps;
@@ -637,33 +638,28 @@ declare namespace Collapse {
     export { Panel };
 }
 
-type ModalContextType = {
+type ModalActionsContextType = {
     /**
      * Opens a new modal with the provided information of the modal to be opened.
-     *
      * @param data Contains the desired parameters for opening a new modal `ModalProps`.
-     * @returns
      */
     showModal: (data: ModalProps$1) => void;
     /**
      * Dismisses the currently open modal with the ID of the modal to be hidden.
-     *
      * @param id ID of the modal to be hide.
-     * @returns
      */
     hideModal: (id: string) => void;
     /**
      * Dismisses the currently open modal with the ID of the modal to be closed.
-     *
      * @param id ID of the modal to be dismissed.
-     * @returns
      */
     removeModal: (id: string) => void;
     /**
-     *
-     * @returns
+     * Removes all open modals.
      */
     removeAllModals: () => void;
+};
+type ModalStateContextType = {
     /**
      * Triggered whenever any event related to modals occurs.
      */
@@ -673,15 +669,34 @@ type ModalContextType = {
     };
     /**
      * Returns whether a modal is visible or not.
-     *
      * @param id The visibility information of the desired modal with its ID.
-     * @returns
      */
     isVisible: (id: string) => boolean;
 };
+type ModalContextType = ModalActionsContextType & ModalStateContextType;
 
+/**
+ * Use modal actions only (stable - won't cause rerenders on modal state changes)
+ * This is the recommended hook for most use cases.
+ * @returns showModal, hideModal, removeModal, removeAllModals
+ */
+declare const useModal: () => ModalActionsContextType;
+/**
+ * Use modal state (dynamic - will rerender on modal events)
+ * Only use this if you need to react to modal state changes.
+ * @returns modalEvent, isVisible
+ */
+declare const useModalState: () => ModalStateContextType;
+/**
+ * Use both modal actions and state (legacy - will rerender on modal events)
+ * @deprecated Use useModal() for actions and useModalState() for state separately
+ * @returns All modal context values
+ */
+declare const useModalFull: () => ModalContextType;
 declare const ModalManager: {
-    useModal: () => ModalContextType;
+    useModal: () => ModalActionsContextType;
+    useModalState: () => ModalStateContextType;
+    useModalFull: () => ModalContextType;
 };
 
 type NotificationContextType = {
@@ -695,15 +710,15 @@ declare const Notification: {
 
 declare function RadioButton({ id, name, value, type, buttonProps, checked, hasError, disabled, children, icon, image, component, onChange, }: RadioButtonProps$1): react_jsx_runtime.JSX.Element;
 
-declare const _default$3: react__default.NamedExoticComponent<RadioGroupProps$1 & react__default.RefAttributes<ITDImperativeFuncProps$1>>;
+declare const _default$2: react__default.NamedExoticComponent<RadioGroupProps$1 & react__default.RefAttributes<ITDImperativeFuncProps$1>>;
 
 interface RadioComponent extends React.FC {
-    Group: typeof _default$3;
+    Group: typeof _default$2;
     Button: typeof RadioButton;
 }
 declare const Radio: RadioComponent;
 
-declare const _default$2: react__default.MemoExoticComponent<({ value, checked, single, onChange, children }: {
+declare const _default$1: react__default.MemoExoticComponent<({ value, checked, single, onChange, children }: {
     value?: string | undefined;
     checked?: boolean | undefined;
     single?: boolean | undefined;
@@ -721,7 +736,7 @@ declare function InlineSelect({ label, value, children, single, minWidth, classN
     onChange?: null | undefined;
 }): react_jsx_runtime.JSX.Element;
 declare namespace InlineSelect {
-    export { _default$2 as Option };
+    export { _default$1 as Option };
 }
 
 interface ImageProps extends react__default.ImgHTMLAttributes<HTMLImageElement> {
@@ -733,7 +748,7 @@ interface ImageProps extends react__default.ImgHTMLAttributes<HTMLImageElement>
     onLoad?: () => void;
     onError?: () => void;
 }
-declare const _default$1: react__default.NamedExoticComponent<ImageProps>;
+declare const _default: react__default.NamedExoticComponent<ImageProps>;
 
 declare namespace ConsoleLog {
     export { single };
@@ -756,7 +771,13 @@ declare const Result: {
     displayName: string;
 };
 
-declare const _default: react.MemoExoticComponent<(props: any) => react_jsx_runtime.JSX.Element>;
+interface ALinkProps extends Omit<NavLinkProps, 'to'> {
+    to: string;
+    children?: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const ALink: react.NamedExoticComponent<ALinkProps>;
 
 interface ISpin {
     updating?: boolean;
@@ -2323,5 +2344,5 @@ declare const resources: {
     };
 };
 
-export { _default as ALink, Accordion, AddDefaultThemeStyle, AddDefaultUnit, AddZero, Alert, Arrow as ArrowIcon, BackToTop, BackTop, Base64Decode, Base64Encode, Button, Calendar, Card, CheckFileURL, Checkbox, Checkmark, ChunkArray, Collapse, ComponentPositions, ComponentSizes, ComponentSizesSlug, ConnectionStatus, ConsoleLog, ConvertCurrency, DatePicker, DetermineNewHeight, DetermineNewWidth, FileChecker, FileExtensions, FileTypes, FindSelector, Flex, Form, FormValidationTypes, FormatBytes, FormatDate, FormatDateTime, FormatSimpleDate, FormatSimpleDateTime, FormatTime, GetByCurrency, GetCountryCodeByCurrencyCode, GetCountryCodeByLanguage, GetCurrencyFormat, GetCurrencySymbol, GetDecimalByCurrency, GetTypeByFileType, H1, H2, H3, H4, ITDContext, ITDProvider, _default$1 as Image, ImageCropper, _default$5 as InlineSVGCached, InlineSelect, InlineSelectArrow, Input, IsValidJSON, Lock as LockIcon, ModalManager, ModalState, NoData, Notification, Picture, Progress, Radio, RemoveUnits, Result, SVGLoader, Select, Spin, Status, Switch, Table, Tabs, TextArea, TinyScrollbar, Trash, UniUpperCase, UpdateThemeStyle, Upload, Upload$1 as UploadIcon, Wait, ZoomIn, ZoomOut, resources, toKebabCase, useAddExternalCSS, useAvoidCollision, useComponentSize, useConnectionStatus, useConstructor, useContextBridge, useCoreFetch, useKeyboardShortcut, useMultiQuery, useOnClickOutside, useOnESCKeyDown, useOnResize, useOrientation, useReCaptcha, useSingleQuery };
+export { ALink, Accordion, AddDefaultThemeStyle, AddDefaultUnit, AddZero, Alert, Arrow as ArrowIcon, BackToTop, BackTop, Base64Decode, Base64Encode, Button, Calendar, Card, CheckFileURL, Checkbox, Checkmark, ChunkArray, Collapse, ComponentPositions, ComponentSizes, ComponentSizesSlug, ConnectionStatus, ConsoleLog, ConvertCurrency, DatePicker, DetermineNewHeight, DetermineNewWidth, FileChecker, FileExtensions, FileTypes, FindSelector, Flex, Form, FormValidationTypes, FormatBytes, FormatDate, FormatDateTime, FormatSimpleDate, FormatSimpleDateTime, FormatTime, GetByCurrency, GetCountryCodeByCurrencyCode, GetCountryCodeByLanguage, GetCurrencyFormat, GetCurrencySymbol, GetDecimalByCurrency, GetTypeByFileType, H1, H2, H3, H4, ITDContext, ITDProvider, _default as Image, ImageCropper, _default$4 as InlineSVGCached, InlineSelect, InlineSelectArrow, Input, IsValidJSON, Lock as LockIcon, ModalManager, ModalState, NoData, Notification, Picture, Progress, Radio, RemoveUnits, Result, SVGLoader, Select, Spin, Status, Switch, Table, Tabs, TextArea, TinyScrollbar, Trash, UniUpperCase, UpdateThemeStyle, Upload, Upload$1 as UploadIcon, Wait, ZoomIn, ZoomOut, resources, toKebabCase, useAddExternalCSS, useAvoidCollision, useComponentSize, useConnectionStatus, useConstructor, useContextBridge, useCoreFetch, useKeyboardShortcut, useModal, useModalFull, useModalState, useMultiQuery, useOnClickOutside, useOnESCKeyDown, useOnResize, useOrientation, useReCaptcha, useSingleQuery };
 export type { AccordionItemProps, AccordionProps, AccordionSubMenuProps, AlertProps, AlertSize, AlertType, ButtonProps, ButtonState, ButtonType, ButtonVariant, CalendarDayProps, CalendarProps, CalendarValueProps, CardProps, CheckboxEvent, CheckboxGroupProps, CheckboxProps, CropArea, CropSettings, DatePickerProps, Direction, FieldUpdateProps, FlexAlignProps, FlexGapProps, FlexJustifyProps, FlexProps, FormContextType, FormItemProps, FormProps, FormRuleProps, FormSubComponentProps, FormValueProps, GroupCheckboxOptionType, ITDContextType, ITDImperativeFuncProps, ITDProviderProps, ITDSize, ITDSizeSlug, ImageCropperProps, ImageCropperRef, InputProps, InputVariant, ModalContentProps, ModalProps, ModalRefProps, NotificationContextType, NotificationsProps, ProgressProps, ProgressStatus, QueryValueProps, RadioButtonProps, RadioGroupProps, RadioType, ResultProps, SelectDirection, SelectOptionProps, SelectPosition, SelectProps, SelectToggleProps, SelectValue, SelectVariant, SingleQueryProps, StatusProps, StatusVariant, SwitchProps, TableColumnType, TableProps, TableRefProps, TableRow, TableTRProps, TabsItemProps, TabsProps, TextAreaEvent, TextAreaProps, TextAreaVariant, UploadProgressProps, UploadProps, UploadResultMessageProps };