labsense-ui-kit 1.0.39 → 1.1.1

package/dist/Inputs/TextFieldWithDropdown.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+interface IconProps {
+    size?: number;
+    weight?: string;
+    color?: string;
+}
+interface Option {
+    value: string;
+    labelText: string;
+}
+interface OptionProps {
+    options: Option[];
+    selectedOption: string | undefined;
+    onSelect?: (selectedOption: Option) => void;
+    searchQuery: string;
+    setSearchQuery: React.Dispatch<React.SetStateAction<string>>;
+    internalSearchQuery: string;
+    setInternalSearchQuery: React.Dispatch<React.SetStateAction<string>>;
+    placeholder?: string;
+    placeholderColor?: string;
+    optionBorder?: string;
+    searchIcon?: IconProps;
+    searchbarTextColor?: string;
+    searchBoxBorder?: string;
+    searchBoxBorderRadius?: string;
+    searchBox?: boolean;
+    NoOptionsText?: string;
+}
+declare const TextFieldWithDropdown: React.FC<OptionProps>;
+export default TextFieldWithDropdown;

package/dist/Inputs/index.d.ts

@@ -1,2 +1,5 @@
-import Input from "./Input";
-export { Input };
+import SearchBox from './SearchBox';
+import TextArea from './TextArea';
+import TextField from './TextField';
+import TextFieldWithDropdown from './TextFieldWithDropdown';
+export { SearchBox, TextArea, TextField, TextFieldWithDropdown };

package/dist/Loader/CircularLoader.d.ts

@@ -1,6 +1,6 @@
-import React, { ReactNode } from "react";
+import React, { ReactNode } from 'react';
 interface CircularSpinnerProps {
-    size?: "small" | "medium" | "large";
+    size?: 'small' | 'medium' | 'large';
     customSize?: number;
     color?: string;
     speed?: number;

package/dist/Loader/Loader.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface LoadingProps {
+    title?: string;
+    size?: number;
+    color?: string;
+    titleColor?: string;
+    titleSize?: string;
+}
+declare const Loader: React.FC<LoadingProps>;
+export default Loader;

package/dist/Loader/index.d.ts

@@ -1,2 +1,3 @@
-import CircularLoader from "./CircularLoader";
-export { CircularLoader };
+import CircularLoader from './CircularLoader';
+import Loader from './Loader';
+export { CircularLoader, Loader };

package/dist/Pagination/Pagination.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare type IPaginationProps = {
+    totalPages: number;
+    currentPage: number;
+    itemsPerPage: number;
+    onPageChange: (page: number) => void;
+    onItemsPerPageChange: (itemsPerPage: number) => void;
+};
+declare const Pagination: React.FC<IPaginationProps>;
+export default Pagination;

package/dist/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+import Pagination from './Pagination';
+export { Pagination };

package/dist/ProgressBar/ProgressBar.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface ProgressBarProps {
     totalSteps?: number;
 }

package/dist/ProgressBar/index.d.ts

@@ -1,2 +1,2 @@
-import ProgressBar from "./ProgressBar";
+import ProgressBar from './ProgressBar';
 export { ProgressBar };

package/dist/Sidebar/Sidebar.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { IconNames } from '../Icons';
+export interface SidebarItems {
+    id: number;
+    label: string;
+    icon: IconNames;
+    iconWeight?: string;
+    url: string;
+}
+export interface logoDetails {
+    icon: IconNames;
+    name?: string;
+}
+export interface SidebarProps {
+    logo?: logoDetails;
+    content: SidebarItems[];
+    isExpanded?: boolean;
+    ProfileContent?: React.ReactNode;
+    background?: string;
+    setIsExpanded: (value: boolean) => void;
+}
+declare const Sidebar: React.FC<SidebarProps>;
+export default Sidebar;

package/dist/Sidebar/index.d.ts

@@ -0,0 +1,2 @@
+import Sidebar from './Sidebar';
+export { Sidebar };

package/dist/Table/Table.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TableProps } from './index';
+declare const Table: React.FC<{
+    tableObject: TableProps;
+    filter?: boolean;
+    loading?: boolean;
+    noDataText?: string;
+}>;
+export default Table;

package/dist/Table/TableCell.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableCellProps } from '.';
+declare const TableCell: React.FC<TableCellProps>;
+export default TableCell;

package/dist/Table/TableRow.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { HeaderConfig, RowConfig } from '.';
+interface TableRowProps {
+    tableheaderconfig: HeaderConfig;
+    rowconfig: RowConfig[];
+}
+declare const TableRow: React.FC<TableRowProps>;
+export default TableRow;

package/dist/Table/index.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import Table from './Table';
+import TableCell from './TableCell';
+import TableRow from './TableRow';
+interface HeaderCellConfig {
+    width?: string;
+    maintext?: string;
+    alignment?: string;
+    CustomFunction?: React.ReactElement;
+}
+interface HeaderConfig {
+    headercolor?: string;
+    textcolor?: string;
+    isAllSelectable?: boolean;
+    selectrowCallback?: (checked: boolean, id?: string | number) => void;
+    toggleAllCallback?: (checked: boolean) => void;
+    headerdata: HeaderCellConfig[];
+}
+interface TableCellProps {
+    maintext?: string;
+    maintextcolor?: string;
+    maintextfontsize?: string;
+    maintextweight?: string;
+    subtext?: string;
+    subtextcolor?: string;
+    subtextfontsize?: string;
+    subtextweight?: string;
+    alignment?: string;
+    CustomFunction?: React.ReactElement;
+    width?: string;
+    minWidth?: string;
+    background?: string;
+    padding?: string;
+    minHeight?: string;
+}
+interface RowConfig {
+    _checked?: boolean;
+    _selectable?: boolean;
+    rowData: TableCellProps[];
+}
+interface TableProps {
+    tableheaderconfig: HeaderConfig;
+    rowconfig: RowConfig[];
+}
+export type { TableProps, RowConfig, TableCellProps, HeaderCellConfig, HeaderConfig };
+export { TableCell, Table, TableRow };

package/dist/Tabs/InternalTabs.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface Tab {
+    title: string;
+    value: string;
+    onClick: () => void;
+}
+interface InternalTabsProps {
+    tabs: Tab[];
+    activeTab: string;
+    backgroundColor: string;
+    activeTabBg: string;
+    textColor: string;
+    disabled?: boolean;
+}
+declare const InternalTabs: React.FC<InternalTabsProps>;
+export default InternalTabs;

package/dist/Tabs/Tabs.d.ts

@@ -1,6 +1,21 @@
 import React from 'react';
+import { IconNames } from '../Icons';
+export interface TabContentProps {
+    title: string;
+    icon?: IconNames;
+    iconSize?: number;
+    iconWeight?: string;
+    activeColor: string;
+    onClick?: () => void;
+    content?: React.ReactNode;
+}
 interface TabProps {
-    content: string;
+    tabItems: TabContentProps[];
+    disabled?: boolean;
+    headerHeight?: string;
+    headerPadding?: string;
+    activeTab: string;
+    border?: string;
 }
 declare const Tabs: React.FC<TabProps>;
 export default Tabs;

package/dist/Tabs/index.d.ts

@@ -1,2 +1,4 @@
-import Tabs from "./Tabs";
-export { Tabs };
+import Tabs, { TabContentProps } from './Tabs';
+import InternalTabs from './InternalTabs';
+export { Tabs, InternalTabs };
+export { TabContentProps };

package/dist/Utils/Date&Time.d.ts

@@ -0,0 +1,10 @@
+export declare const convertToEpoch: (dateString: Date | null) => number;
+export declare const formatDate: (inputDate: string) => string;
+export declare const formatTimestamp: (input: string | Date) => string;
+export declare const formatCalendarDateTime: (input: Date) => string;
+export declare const timeAgo: (input: string) => string;
+export declare const formatEpochToIST: (epochTime: number) => string;
+export declare const convertEpochToDateString: (epoch: number | null) => Date | undefined;
+export declare const convertEpochToOnlyDate: (epoch: number) => string;
+export declare const getSystemTimezoneAbbreviation: () => string;
+export declare const timeStringToSeconds: (timeString: string) => number;

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
-import useClickOutside from "./useClickOutside";
-import useCustomModal from "./useCustomModal";
-export { useClickOutside, useCustomModal };
+import useClickOutside from './useClickOutside';
+import useCustomModal from './useCustomModal';
+import useNotification from './useNotification';
+export { useClickOutside, useCustomModal, useNotification };

package/dist/hooks/useNotification.d.ts

@@ -0,0 +1,31 @@
+import { IconNames } from '../Icons';
+declare type NotificationType = 'success' | 'error' | 'info' | 'custom' | 'promise';
+interface Custom {
+    background?: string;
+    color?: string;
+    icon?: IconNames;
+    iconSize?: number;
+    iconWeight?: string;
+}
+interface UseNotificationOptions<T = unknown> {
+    type: NotificationType;
+    message: string;
+    promiseConfig?: {
+        promise: Promise<T>;
+        loading: string;
+        success: string;
+        error: string;
+    };
+    customStyle?: Custom;
+    clearCurrent?: boolean;
+}
+declare const useNotification: () => {
+    sendNotification: <T>({ type, message, promiseConfig, customStyle, clearCurrent, }: UseNotificationOptions<T>) => void;
+};
+export default useNotification;
+interface Custom {
+    background?: string;
+    color?: string;
+    icon?: IconNames;
+    iconSize?: number;
+}

package/dist/index.d.ts

@@ -1,12 +1,36 @@
-import { Button, ButtonProps, ButtonLoaderProps } from "./Buttons";
-import { Input } from "./Inputs";
+import { Badge } from './Badge';
+import { Breadcrumbs, BreadcrumbDetail } from './Breadcrums';
+import { Button, ButtonProps, ButtonLoaderProps } from './Buttons';
+import { ButtonCarousel } from './Carousel';
+import { Container, Span } from './Container&Span/StyledComponents';
+import { DatePicker } from './Date-Time';
+import { MultiSelectDropdown, OptionComponent, SelectedOption, SelectOption, DropdownMenu, Options } from './Dropdown';
+import { useClickOutside, useCustomModal, useNotification } from './hooks';
 import { Icon, IconNames } from './Icons';
-import { Tabs } from './Tabs';
+import { SearchBox, TextArea, TextField, TextFieldWithDropdown } from './Inputs';
+import { CircularLoader, Loader } from './Loader';
+import { Pagination } from './Pagination';
 import { ProgressBar } from './ProgressBar';
-import { colorVariables, darkColorVariables, themes } from "./Themes/Colors";
-import { CircularLoader } from './Loader';
-import { useClickOutside, useCustomModal } from './hooks';
-export { Button, Input, Icon, Tabs, ProgressBar, colorVariables, darkColorVariables, themes };
-export { CircularLoader };
-export { IconNames, ButtonProps, ButtonLoaderProps };
-export { useClickOutside, useCustomModal };
+import { Sidebar } from './Sidebar';
+import { Table, TableCell, TableRow, TableProps } from './Table';
+import { InternalTabs, Tabs, TabContentProps } from './Tabs';
+import { colorVariables, darkColorVariables, themes } from './Themes/Colors';
+import { convertToEpoch, formatDate, formatTimestamp, formatCalendarDateTime, timeAgo, formatEpochToIST, convertEpochToDateString, convertEpochToOnlyDate, getSystemTimezoneAbbreviation, timeStringToSeconds } from './Utils/Date&Time';
+export { Badge };
+export { Breadcrumbs, BreadcrumbDetail };
+export { Button, ButtonProps, ButtonLoaderProps };
+export { ButtonCarousel };
+export { Container, Span };
+export { DatePicker };
+export { MultiSelectDropdown, OptionComponent, SelectedOption, SelectOption, DropdownMenu, Options };
+export { useClickOutside, useCustomModal, useNotification };
+export { Icon, IconNames };
+export { SearchBox, TextArea, TextField, TextFieldWithDropdown };
+export { CircularLoader, Loader };
+export { Pagination };
+export { ProgressBar };
+export { Sidebar };
+export { TableCell, Table, TableRow, TableProps };
+export { InternalTabs, Tabs, TabContentProps };
+export { colorVariables, darkColorVariables, themes };
+export { convertToEpoch, formatDate, formatTimestamp, formatCalendarDateTime, timeAgo, formatEpochToIST, convertEpochToDateString, convertEpochToOnlyDate, getSystemTimezoneAbbreviation, timeStringToSeconds };