@inntechcorp/it-design 2.0.41 → 2.0.43

package/dist/index.d.mts

@@ -61,6 +61,7 @@ export { default as TinyScrollbar } from './tinyscrollbar';
 export { default as Tabs } from './tabs';
 export { default as Card } from './card';
 export { default as Table } from './table';
+export { default as Flex } from './flex';
 export type { FormContextType } from './form/context/FormContext';
 export type { NotificationContextType } from './notification/context/NotificationsContext';
 export type { ITDContextType, ITDProviderProps } from './context/ITDContext';
@@ -86,4 +87,5 @@ export type { CardProps } from './types/CardProps';
 export type { ProgressProps, ProgressStatus } from './types/ProgressProps';
 export type { StatusProps, StatusVariant } from './types/StatusProps';
 export type { ITDSize, ITDSizeSlug } from './types/ITDProps';
+export type { FlexProps, FlexAlignProps, FlexGapProps, FlexJustifyProps } from './types/FlexProps';
 export { ModalState, FileExtensions, FileTypes } from './enums/enum';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { MutableRefObject, RefObject, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, FunctionComponent, FocusEventHandler, KeyboardEvent, ReactElement, MouseEvent } from 'react';
+import react__default, { MutableRefObject, RefObject, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, FunctionComponent, FocusEventHandler, KeyboardEvent, ReactElement, MouseEvent, CSSProperties } from 'react';
 import { ChildrenProps as ChildrenProps$1 } from 'types/ChildrenProps';
 import { IStyledComponent } from 'styled-components';
 import { Cancel, AxiosProgressEvent } from 'axios';
@@ -638,7 +638,10 @@ declare const Card: ({ title, titleSeparator, extra, tabs, onTabChange, minWidth
 
 declare const Table: <T>({ columns, data, size, headless, bordered, dashed, noGaps }: TableProps<T>) => react_jsx_runtime.JSX.Element;
 
-type ChildrenProps = string | JSX.Element | JSX.Element[] | null | undefined;
+declare const Flex: ({ gap, justify, align, vertical, wrap, stretch, style, className, children }: FlexProps) => react_jsx_runtime.JSX.Element;
+
+type Element = string | JSX.Element | undefined;
+type ChildrenProps = Element | Element[] | null;
 
 type AccordionProps = {
     useLink?: boolean;
@@ -649,7 +652,7 @@ type AccordionProps = {
     iconSize?: number;
     arrowSize?: number;
     onChange?: null | ((id: string) => void);
-    children: ChildrenProps;
+    children?: ChildrenProps;
 };
 
 type AccordionSubMenuProps = {
@@ -1217,6 +1220,21 @@ type StatusVariant = "gray-1" | "gray-2" | "gray-3" | "green" | "yellow" | "red"
 type ITDSize = "x-small" | "small" | "medium" | "default" | "large" | "x-large";
 type ITDSizeSlug = "xs" | "sm" | "md" | "df" | "lg" | "xlg";
 
+type FlexProps = {
+    gap?: FlexGapProps;
+    justify?: FlexJustifyProps;
+    align?: FlexAlignProps;
+    vertical?: boolean;
+    wrap?: boolean;
+    stretch?: boolean;
+    style?: CSSProperties;
+    className?: string;
+    children?: ChildrenProps$1;
+};
+type FlexGapProps = "small" | "medium" | "large" | string | number;
+type FlexJustifyProps = "unset" | "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
+type FlexAlignProps = "unset" | "flex-start" | "center" | "flex-end";
+
 declare enum ModalState {
     NOT_SHOW = "modal-not-show",
     ENTERED = "modal-entered",
@@ -1245,4 +1263,4 @@ declare enum FileExtensions {
     OTF = ".otf"
 }
 
-export { ALink, Accordion, type AccordionItemProps, type AccordionProps, type AccordionSubMenuProps, AddDefaultThemeStyle, AddZero, Alert, type AlertProps, type AlertSize, type AlertType, Arrow as ArrowIcon, BackToTop, BackTop, Button, type ButtonContentPosition, type ButtonProps, type ButtonState, type ButtonType, type ButtonVariant, Calendar, Card, type CardProps, CheckFileURL, Checkbox, type CheckboxEvent, type CheckboxGroupProps, type CheckboxProps, Checkmark, ChunkArray, Collapse, ConsoleLog, ConvertCurrency, DatePicker, DetermineNewHeight, DetermineNewWidth, type FieldUpdateProps, FileChecker, FileExtensions, FileTypes, FindSelector, Form, type FormContextType, type FormItemProps, type FormProps, type FormRuleProps, type FormSubComponentProps, type FormValueProps, FormatBytes, GetByCurrency, GetCountryCodeByCurrencyCode, GetCountryCodeByLanguage, GetCurrencyFormat, GetCurrencySymbol, GetDecimalByCurrency, GetTypeByFileType, type GroupCheckboxOptionType, H1, H2, H3, H4, ITDContext, type ITDContextType, type ITDImperativeFuncProps, ITDProvider, type ITDProviderProps, type ITDSize, type ITDSizeSlug, _default as Image, InlineSelect, InlineSelectArrow, Input, type InputProps, type InputVariant, IsValidJSON, Lock as LockIcon, type ModalContentProps, ModalManager, type ModalProps, type ModalRefProps, ModalState, NoData, Notification, type NotificationContextType, type NotificationsProps, Picture, Progress, type ProgressProps, type ProgressStatus, Radio, RemoveUnits, Result, Select, type SelectOptionProps, type SelectProps, type SelectVariant, type SingleQueryProps, Spin, Status, type StatusProps, type StatusVariant, Switch, type SwitchProps, Table, type TableColumnType, type TableProps, Tabs, type TabsItemProps, type TabsProps, TextArea, type TextAreaEvent, type TextAreaProps, type TextAreaVariant, TinyScrollbar, Tooltip, Trash, UniUpperCase, UpdateThemeStyle, Upload, Upload$1 as UploadIcon, type UploadProgressProps, type UploadProps, type UploadResultMessageProps, Wait, ZoomIn, ZoomOut, useAddExternalCSS, useComponentSize, useConnectionStatus, useConstructor, useCoreFetch, useCreateDynamicStyle, useCreateStyledStyle, useMultiQuery, useOnClickOutside, useOnESCKeyDown, useOnResize, useReCaptcha, useSingleQuery };
+export { ALink, Accordion, type AccordionItemProps, type AccordionProps, type AccordionSubMenuProps, AddDefaultThemeStyle, AddZero, Alert, type AlertProps, type AlertSize, type AlertType, Arrow as ArrowIcon, BackToTop, BackTop, Button, type ButtonContentPosition, type ButtonProps, type ButtonState, type ButtonType, type ButtonVariant, Calendar, Card, type CardProps, CheckFileURL, Checkbox, type CheckboxEvent, type CheckboxGroupProps, type CheckboxProps, Checkmark, ChunkArray, Collapse, ConsoleLog, ConvertCurrency, DatePicker, DetermineNewHeight, DetermineNewWidth, type FieldUpdateProps, FileChecker, FileExtensions, FileTypes, FindSelector, Flex, type FlexAlignProps, type FlexGapProps, type FlexJustifyProps, type FlexProps, Form, type FormContextType, type FormItemProps, type FormProps, type FormRuleProps, type FormSubComponentProps, type FormValueProps, FormatBytes, GetByCurrency, GetCountryCodeByCurrencyCode, GetCountryCodeByLanguage, GetCurrencyFormat, GetCurrencySymbol, GetDecimalByCurrency, GetTypeByFileType, type GroupCheckboxOptionType, H1, H2, H3, H4, ITDContext, type ITDContextType, type ITDImperativeFuncProps, ITDProvider, type ITDProviderProps, type ITDSize, type ITDSizeSlug, _default as Image, InlineSelect, InlineSelectArrow, Input, type InputProps, type InputVariant, IsValidJSON, Lock as LockIcon, type ModalContentProps, ModalManager, type ModalProps, type ModalRefProps, ModalState, NoData, Notification, type NotificationContextType, type NotificationsProps, Picture, Progress, type ProgressProps, type ProgressStatus, Radio, RemoveUnits, Result, Select, type SelectOptionProps, type SelectProps, type SelectVariant, type SingleQueryProps, Spin, Status, type StatusProps, type StatusVariant, Switch, type SwitchProps, Table, type TableColumnType, type TableProps, Tabs, type TabsItemProps, type TabsProps, TextArea, type TextAreaEvent, type TextAreaProps, type TextAreaVariant, TinyScrollbar, Tooltip, Trash, UniUpperCase, UpdateThemeStyle, Upload, Upload$1 as UploadIcon, type UploadProgressProps, type UploadProps, type UploadResultMessageProps, Wait, ZoomIn, ZoomOut, useAddExternalCSS, useComponentSize, useConnectionStatus, useConstructor, useCoreFetch, useCreateDynamicStyle, useCreateStyledStyle, useMultiQuery, useOnClickOutside, useOnESCKeyDown, useOnResize, useReCaptcha, useSingleQuery };