@inntechcorp/it-design 2.0.148 → 2.0.149

package/dist/index.d.mts

@@ -86,7 +86,7 @@ export type { ModalProps, ModalContentProps, ModalRefProps } from './types/Modal
 export type { UploadProps, UploadProgressProps, UploadResultMessageProps } from './types/UploadProps';
 export type { ResultProps } from './types/ResultProps';
 export type { TabsItemProps, TabsProps } from './types/TabsProps';
-export type { TableColumnType, TableProps, TableTRProps } from './types/TableProps';
+export type { TableColumnType, TableProps, TableTRProps, TableRow } from './types/TableProps';
 export type { CardProps } from './types/CardProps';
 export type { ProgressProps, ProgressStatus } from './types/ProgressProps';
 export type { StatusProps, StatusVariant } from './types/StatusProps';

package/dist/index.d.ts

@@ -676,10 +676,7 @@ declare const Tabs: ({ tabs, activeTabKey, variant, height, onTabChange }: TabsP
 
 declare const Card: ({ title, titleSeparator, extra, tabs, onTabChange, minWidth, minHeight, children, activeTabKey, updating, contentPadding, }: CardProps) => react_jsx_runtime.JSX.Element;
 
-declare const Table: <T extends {
-    key: string;
-    children?: T[] | undefined;
-}>({ columns, data, cellHeight, size, headless, bordered, dashed, noGaps, overflow, getTRProps }: TableProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Table: <T extends TableRow>({ columns, data, cellHeight, size, headless, bordered, dashed, noGaps, overflow, getTRProps }: TableProps<T>) => react_jsx_runtime.JSX.Element;
 
 declare const Flex: ({ gap, justify, align, vertical, wrap, stretch, style, className, children }: FlexProps) => react_jsx_runtime.JSX.Element;
 
@@ -1319,7 +1316,7 @@ type TableColumnType<T> = {
     dataIndex?: keyof T;
     width?: number | string;
     maxWidth?: number | string;
-    render?: (value: any, record: T, index: number) => React.ReactNode;
+    render?: (value: any, record: T, index: number, level?: number) => React.ReactNode;
 };
 type TableProps<T> = {
     columns: TableColumnType<T>[];
@@ -1337,6 +1334,10 @@ type TableTRProps = {
     style?: React.CSSProperties;
     classNames?: string;
 };
+type TableRow = {
+    key: string;
+    children?: TableRow[];
+};
 
 type CardProps = {
     title?: ChildrenProps;
@@ -1420,4 +1421,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, type CalendarDayProps, type CalendarProps, type CalendarValueProps, Card, type CardProps, CheckFileURL, Checkbox, type CheckboxEvent, type CheckboxGroupProps, type CheckboxProps, Checkmark, ChunkArray, Collapse, ConsoleLog, ConvertCurrency, DatePicker, type DatePickerProps, 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, FormatDate, FormatDateTime, FormatSimpleDate, FormatSimpleDateTime, FormatTime, 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, type QueryValueProps, Radio, RemoveUnits, Result, type ResultProps, SVGLoader, Select, type SelectDirection, type SelectOptionProps, type SelectPosition, type SelectProps, type SelectToggleProps, type SelectValue, type SelectVariant, type SingleQueryProps, Spin, Status, type StatusProps, type StatusVariant, Switch, type SwitchProps, Table, type TableColumnType, type TableProps, type TableTRProps, 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, useContextBridge, 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, type CalendarDayProps, type CalendarProps, type CalendarValueProps, Card, type CardProps, CheckFileURL, Checkbox, type CheckboxEvent, type CheckboxGroupProps, type CheckboxProps, Checkmark, ChunkArray, Collapse, ConsoleLog, ConvertCurrency, DatePicker, type DatePickerProps, 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, FormatDate, FormatDateTime, FormatSimpleDate, FormatSimpleDateTime, FormatTime, 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, type QueryValueProps, Radio, RemoveUnits, Result, type ResultProps, SVGLoader, Select, type SelectDirection, type SelectOptionProps, type SelectPosition, type SelectProps, type SelectToggleProps, type SelectValue, type SelectVariant, type SingleQueryProps, Spin, Status, type StatusProps, type StatusVariant, Switch, type SwitchProps, Table, type TableColumnType, type TableProps, type TableRow, type TableTRProps, 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, useContextBridge, useCoreFetch, useCreateDynamicStyle, useCreateStyledStyle, useMultiQuery, useOnClickOutside, useOnESCKeyDown, useOnResize, useReCaptcha, useSingleQuery };

package/dist/{output-DjWTgiS1.css → output-BwpNST6S.css}

@@ -61,35 +61,6 @@
   -webkit-box-shadow: 0 0 0 30px #151d3d inset !important;
 }
 
-.arrow {
-  transition: all 0.25s ease-out;
-  margin-left: auto;
-  transform: rotate(0deg);
-  width: 20px;
-  height: 20px;
-  fill: rgba(255, 255, 255, 0.6);
-}
-
-.arrowNormal {
-  margin-left: auto;
-  transform: rotate(-90deg);
-}
-
-.arrowOpen {
-  transform: rotate(-180deg);
-  fill: #ffffff;
-}
-
-.icon {
-  margin-right: 8px;
-  height: 22px;
-  width: 22px;
-  color: rgba(255, 255, 255, 0.6);
-  font-size: 22px;
-  display: flex;
-  align-items: center;
-}
-
 .option {
   display: flex;
   align-items: center;
@@ -182,6 +153,35 @@
   transition: height 150ms ease-out;
 }
 
+.arrow {
+  transition: all 0.25s ease-out;
+  margin-left: auto;
+  transform: rotate(0deg);
+  width: 20px;
+  height: 20px;
+  fill: rgba(255, 255, 255, 0.6);
+}
+
+.arrowNormal {
+  margin-left: auto;
+  transform: rotate(-90deg);
+}
+
+.arrowOpen {
+  transform: rotate(-180deg);
+  fill: #ffffff;
+}
+
+.icon {
+  margin-right: 8px;
+  height: 22px;
+  width: 22px;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 22px;
+  display: flex;
+  align-items: center;
+}
+
 .container {
   display: flex;
   align-items: center;

package/dist/table/index.d.ts

@@ -1,6 +1,3 @@
-import { TableProps } from "../index";
-declare const Table: <T extends {
-    key: string;
-    children?: T[] | undefined;
-}>({ columns, data, cellHeight, size, headless, bordered, dashed, noGaps, overflow, getTRProps }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
+import { TableProps, TableRow } from "../index";
+declare const Table: <T extends TableRow>({ columns, data, cellHeight, size, headless, bordered, dashed, noGaps, overflow, getTRProps }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Table;

package/dist/types/TableProps.d.ts

@@ -6,7 +6,7 @@ export type TableColumnType<T> = {
     dataIndex?: keyof T;
     width?: number | string;
     maxWidth?: number | string;
-    render?: (value: any, record: T, index: number) => React.ReactNode;
+    render?: (value: any, record: T, index: number, level?: number) => React.ReactNode;
 };
 export type TableProps<T> = {
     columns: TableColumnType<T>[];
@@ -24,3 +24,7 @@ export type TableTRProps = {
     style?: React.CSSProperties;
     classNames?: string;
 };
+export type TableRow = {
+    key: string;
+    children?: TableRow[];
+};

package/dist/utils/GetSizeBySizeSlug.d.ts

@@ -1,2 +1,2 @@
 import { ITDSizeSlug } from "../index";
-export default function GetSizeBySizeSlug(size: ITDSizeSlug): "large" | "small" | "x-small" | "medium" | "default" | "x-large" | "df";
+export default function GetSizeBySizeSlug(size: ITDSizeSlug): "x-small" | "small" | "medium" | "default" | "large" | "x-large" | "df";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "2.0.148",
+  "version": "2.0.149",
   "description": "All in one Design library for web applications.",
   "author": "Inn.Tech",
   "license": "ISC",