labsense-ui-kit 1.3.19 → 1.3.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "labsense-ui-kit",
-  "version": "1.3.19",
+  "version": "1.3.20",
   "type": "module",
   "description": "labSense UI Components",
   "author": "SNet Labs Pvt. Ltd.",
@@ -72,8 +72,9 @@
     "gh-pages": "^5.0.0",
     "microbundle-crl": "^0.13.11",
     "npm-run-all": "^4.1.5",
-    "react-scripts": "^5.0.1",
+    "react-scripts": "^0.0.0",
     "svgo": "^2.8.0",
+    "typescript": "^5.1.6",
     "vite": "^6.0.5",
     "vite-plugin-svgr": "^4.3.0"
   },
@@ -84,8 +85,7 @@
     "lodash.debounce": "^4.0.8",
     "lodash.defaultsdeep": "^4.6.1",
     "react-hot-toast": "^2.5.2",
-    "react-i18next": "^15.5.1",
-    "typescript": "^5.8.3"
+    "react-i18next": "^15.5.1"
   },
   "files": [
     "dist",

package/dist/Badge/Badge.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import { IconNames } from '../Icons';
-interface BadgeProps {
-    text: string;
-    height?: string;
-    fontSize?: string;
-    padding?: string;
-    background?: string;
-    textColor?: string;
-    icon?: {
-        icon: IconNames;
-        size?: number;
-        color?: string;
-        weight?: string;
-        onClick?: (e: React.MouseEvent<HTMLDivElement | HTMLButtonElement | SVGElement>) => void;
-    };
-    image?: {
-        src: string;
-        img_alt: string;
-        width: string;
-        height: string;
-    };
-    tooltipText?: string;
-    tooltipCSS?: {
-        background?: string;
-        color?: string;
-        border?: string;
-        fontSize?: string;
-        fontWeight?: string;
-        position?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
-    };
-}
-declare const Badge: React.FC<BadgeProps>;
-export default Badge;

package/dist/Badge/IconTooltip.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { IconProps } from '../Icons';
-interface ITooltipProps {
-    icon?: IconProps;
-    image?: {
-        src: string;
-        img_alt: string;
-        width: string;
-        height: string;
-    };
-    infoIcon?: IconProps;
-    infoText: React.ReactNode;
-    tooltipCSS?: {
-        background?: string;
-        gap?: string;
-        minWidth?: string;
-        maxWidth?: string;
-        position?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
-        tooltipTop?: string;
-        border?: string;
-        borderRadius?: string;
-    };
-}
-declare const IconTooltip: React.FC<ITooltipProps>;
-export default IconTooltip;

package/dist/Badge/index.d.ts

@@ -1,3 +0,0 @@
-import Badge from './Badge';
-import IconTooltip from './IconTooltip';
-export { Badge, IconTooltip };

package/dist/Breadcrums/Breadcrums.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export interface BreadcrumbDetail {
-    navigateLink?: string;
-    text: string;
-}
-interface BreadcrumbsProps {
-    backLink?: boolean;
-    disabled?: boolean;
-    breadcrumbs: BreadcrumbDetail[];
-    onBackClick?: () => void;
-}
-declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
-export default Breadcrumbs;

package/dist/Breadcrums/index.d.ts

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

package/dist/Buttons/Button.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import { IconNames } from '../Icons';
-export declare type buttonSizes = 'small' | 'medium' | 'large' | 'custom';
-export declare type buttonVariant = 'primary' | 'secondary' | 'tertiary' | 'error' | 'outline-primary' | 'outline-secondary' | 'outline-error' | 'custom';
-export declare type iconPosition = 'right' | 'left';
-export interface ButtonLoaderProps {
-    loading?: boolean;
-    loaderPosition?: 'right' | 'left';
-    loaderColor?: string;
-}
-export interface ButtonProps {
-    onClick?: () => void;
-    text?: string;
-    icon?: IconNames;
-    size?: buttonSizes;
-    buttonWidth?: string;
-    background?: string;
-    hoverColor?: string;
-    color?: string;
-    colorHover?: string;
-    fontWeight?: string;
-    fontSize?: string;
-    fontFamily?: string;
-    borderDefault?: string;
-    borderHover?: string;
-    borderRadius?: string;
-    padding?: string;
-    gap?: string;
-    iconClick?: () => void;
-    iconPosition?: iconPosition;
-    iconWeight?: string;
-    iconSize?: number;
-    disabled?: boolean;
-    variant?: buttonVariant;
-    loaderProps?: ButtonLoaderProps;
-}
-declare const ButtonComponent: React.FC<ButtonProps>;
-export default ButtonComponent;

package/dist/Buttons/index.d.ts

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

package/dist/Carousel/ButtonCarousel.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface InnerContentProps {
-    contentLength: number;
-    innerNode?: React.ReactNode;
-}
-declare const ButtonCarousel: React.FC<InnerContentProps>;
-export default ButtonCarousel;

package/dist/Carousel/index.d.ts

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

package/dist/Container&Span/StyledComponents.d.ts

@@ -1,65 +0,0 @@
-/// <reference types="react" />
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $width?: string | undefined;
-    $minWidth?: string | undefined;
-    $maxWidth?: string | undefined;
-    $height?: string | undefined;
-    $minHeight?: string | undefined;
-    $maxHeight?: string | undefined;
-    $flex?: string | undefined;
-    $flexDirection?: string | undefined;
-    $justifyContent?: string | undefined;
-    $alignItems?: string | undefined;
-    $gap?: string | undefined;
-    $padding?: string | undefined;
-    $background?: string | undefined;
-    $fontSize?: string | undefined;
-    $objectfit?: string | undefined;
-    $margin?: string | undefined;
-    $cursor?: string | undefined;
-    $opacity?: number | undefined;
-    $pointerEvents?: string | undefined;
-    $position?: string | undefined;
-    $top?: string | undefined;
-    $bottom?: string | undefined;
-    $left?: string | undefined;
-    $right?: string | undefined;
-    $flexWrap?: string | undefined;
-    $textAlign?: string | undefined;
-    $overflow?: string | undefined;
-    $overflowWrap?: string | undefined;
-    $overflowY?: string | undefined;
-    $color?: string | undefined;
-    $zIndex?: number | undefined;
-    $scrollbarWidth?: string | undefined;
-    $border?: string | undefined;
-    $borderRadius?: string | undefined;
-    $borderTopLeftRadius?: string | undefined;
-    $borderTopRightRadius?: string | undefined;
-    $borderBottomRightRadius?: string | undefined;
-    $borderBottomLeftRadius?: string | undefined;
-    $borderTop?: string | undefined;
-    $borderBottom?: string | undefined;
-    $borderLeft?: string | undefined;
-    $fontWeight?: string | undefined;
-    $hoverBackground?: string | undefined;
-    $hoverColor?: string | undefined;
-    $transition?: string | undefined;
-    $transform?: string | undefined;
-    $boxShadow?: string | undefined;
-    $backDropFilter?: string | undefined;
-    $whiteSpace?: string | undefined;
-}>> & string;
-export declare const Span: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $fontFamily?: string | undefined;
-    $fontWeight?: string | undefined;
-    $fontSize?: string | undefined;
-    $fontStyle?: string | undefined;
-    $color?: string | undefined;
-    $lineHeight?: string | undefined;
-    $textAlign?: string | undefined;
-    $width?: string | undefined;
-    $minWidth?: string | undefined;
-    $overflowWrap?: string | undefined;
-    $whiteSpace?: string | undefined;
-}>> & string;

package/dist/Date-Time/DatePicker.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-interface DatePickerProps {
-    dateSize?: number;
-    futureDateTime?: boolean;
-    dateTime: {
-        startDate: Date | null;
-        endDate: Date | null;
-    };
-    setDateTime: React.Dispatch<React.SetStateAction<{
-        startDate: Date | null;
-        endDate: Date | null;
-    }>>;
-}
-declare const DatePicker: React.FC<DatePickerProps>;
-export default DatePicker;

package/dist/Date-Time/index.d.ts

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

package/dist/Dropdown/ButtonDropdown.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export interface DropdownOption {
-    label: string;
-    value: string;
-    onClick: () => void;
-}
-interface ButtonDropdownProps {
-    options: DropdownOption[];
-    initialValue?: string;
-    size?: 'small' | 'medium' | 'large';
-    variant?: 'primary' | 'outline-primary' | 'secondary';
-    placeholder?: string;
-    disabled?: boolean;
-}
-declare const ButtonDropdown: React.FC<ButtonDropdownProps>;
-export default ButtonDropdown;

package/dist/Dropdown/MultiSelectDropdown.d.ts

@@ -1,61 +0,0 @@
-import React from 'react';
-import { Icon, IconNames } from '../Icons';
-export declare const Asterisk: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-interface IconProps {
-    size?: number;
-    weight?: string;
-    color?: string;
-}
-interface Icon {
-    name?: IconNames;
-    size?: number;
-    weight?: string;
-    color?: string;
-}
-interface Option {
-    value: string;
-    labelText: string;
-}
-interface MultiSelectDropdownProps {
-    options: Option[];
-    title?: string;
-    titleWeight?: string;
-    titleSize?: number;
-    titleColor?: string;
-    labelText?: string;
-    handleSelectChange: (selectedValues: string[]) => void;
-    placeholder?: string;
-    width?: string;
-    height?: string;
-    background?: string;
-    border?: string;
-    borderRadius?: string;
-    menuBackground?: string;
-    optionBorder?: string;
-    optionColor?: string;
-    searchIcon?: IconProps;
-    searchbarTextColor?: string;
-    optionsBorderRadius?: string;
-    selectedOptionBackground?: string;
-    selectedOptionColor?: string;
-    selectedOptions: string[];
-    placeholderColor?: string;
-    removeIconBackground?: string;
-    removeIcon?: IconProps;
-    searchBoxBackground?: string;
-    searchBoxBorder?: string;
-    searchBoxBorderRadius?: string;
-    type?: 'add' | 'remove';
-    size?: 'small' | 'medium' | 'large';
-    replaceLabel?: boolean;
-    icon?: Icon;
-    optionWidth?: string;
-    labelStyle?: string;
-    labelColor?: string;
-    disabled?: boolean;
-    required?: boolean;
-    searchBox?: boolean;
-    NoOptionsText?: string;
-}
-declare const MultiSelectDropdown: React.FC<MultiSelectDropdownProps>;
-export default MultiSelectDropdown;

package/dist/Dropdown/OptionComponent.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-interface Option {
-    value: string;
-    labelText: string;
-}
-interface IconProps {
-    size?: number;
-    weight?: string;
-    color?: string;
-}
-interface OptionProps {
-    options: Option[];
-    selectedOptions: string[];
-    onChange: (selectedValues: string[]) => void;
-    placeholder?: string;
-    placeholderColor?: string;
-    optionBorder?: string;
-    optionColor?: string;
-    searchIcon?: IconProps;
-    searchbarTextColor?: string;
-    searchBoxBorder?: string;
-    searchBoxBorderRadius?: string;
-    searchBoxBackground?: string;
-    searchBox?: boolean;
-    NoOptionsText?: string;
-}
-declare const OptionComponent: React.FC<OptionProps>;
-export default OptionComponent;

package/dist/Dropdown/SelectOption.d.ts

@@ -1,80 +0,0 @@
-import React from 'react';
-import { Icon, IconNames } from '../Icons';
-export declare const Options: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $optionColor?: string | undefined;
-    $optionFontSize?: string | undefined;
-    $optionFontWeight?: string | undefined;
-    $optionBackgroundColor?: string | undefined;
-    $optionSelected?: boolean | undefined;
-}>> & string;
-export declare const DropdownMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $menuBackground?: string | undefined;
-    $optionsBorderRadius?: string | undefined;
-    $width?: string | undefined;
-    $top?: string | undefined;
-    $bottom?: string | undefined;
-    $optionsAvailable: boolean;
-    $dropDownPosition?: "center" | "left" | "right" | undefined;
-}>> & string;
-interface Option {
-    label: string;
-    value: string;
-}
-interface Icon {
-    name: IconNames;
-    size?: number;
-    weight?: string;
-    color?: string;
-}
-interface SearchIconProps {
-    size?: number;
-    weight?: string;
-    color?: string;
-}
-interface SelectOption {
-    title?: string;
-    titlecolor?: string;
-    titleWeight?: string;
-    options: Option[];
-    value: string;
-    onChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
-    disabled?: boolean;
-    size?: 'small' | 'medium' | 'large';
-    labelText?: string;
-    width?: string;
-    color?: string;
-    padding?: string;
-    optionColor?: string;
-    optionFontSize?: string;
-    optionFontWeight?: string;
-    optionBackgroundColor?: string;
-    border?: string;
-    background?: string;
-    borderRadius?: string;
-    menuBackground?: string;
-    optionsBorderRadius?: string;
-    required?: boolean;
-    NoOptionsText?: string;
-    positionRef?: React.RefObject<HTMLElement>;
-    fontStyle?: string;
-    icon?: Icon;
-    searchBox?: boolean;
-    searchBoxBackground?: string;
-    searchBoxBorder?: string;
-    searchBoxBorderRadius?: string;
-    searchIcon?: SearchIconProps;
-    searchbarTextColor?: string;
-    placeholderText?: string;
-    iconColor?: string;
-    placeholderColor?: string;
-    inputColor?: string;
-    iconSize?: number;
-    allowDeselect?: boolean;
-    titleRightNode?: {
-        gap: string;
-        node: React.ReactNode;
-    };
-    dropDownPosition?: 'left' | 'center' | 'right';
-}
-declare const SelectOption: React.FC<SelectOption>;
-export default SelectOption;

package/dist/Dropdown/SelectedOption.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-interface Option {
-    value: string;
-    labelText: string;
-}
-interface SelectedOptionProps {
-    selectedOptions: string[];
-    allOptions: Option[];
-    selectedOptionBackground?: string;
-    selectedOptionColor?: string;
-    removeIconBackground?: string;
-    removeIconColor?: string;
-    onChange?: (selectedValues: string[]) => void;
-    type?: 'add' | 'remove';
-}
-declare const SelectedOption: React.FC<SelectedOptionProps>;
-export default SelectedOption;

package/dist/Dropdown/index.d.ts

@@ -1,6 +0,0 @@
-import ButtonDropdown from './ButtonDropdown';
-import MultiSelectDropdown from './MultiSelectDropdown';
-import OptionComponent from './OptionComponent';
-import SelectedOption from './SelectedOption';
-import SelectOption, { DropdownMenu, Options } from './SelectOption';
-export { ButtonDropdown, MultiSelectDropdown, OptionComponent, SelectedOption, SelectOption, DropdownMenu, Options };

package/dist/Fonts/Font.d.ts

@@ -1,6 +0,0 @@
-export declare const fontFaces: import("styled-components").RuleSet<object>;
-export declare const GlobalFonts: {
-    bold: string;
-    regular: string;
-    light: string;
-};

package/dist/Icons/SVGs/AI_Brain.d.ts

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

package/dist/Icons/SVGs/AI_License.d.ts

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

package/dist/Icons/SVGs/AI_Web.d.ts

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

package/dist/Icons/SVGs/Action.d.ts

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

package/dist/Icons/SVGs/AddProfile.d.ts

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

package/dist/Icons/SVGs/AddUser.d.ts

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

package/dist/Icons/SVGs/Add_1.d.ts

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

package/dist/Icons/SVGs/Add_2.d.ts

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

package/dist/Icons/SVGs/Analytics.d.ts

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

package/dist/Icons/SVGs/App.d.ts

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

package/dist/Icons/SVGs/ArrowDown.d.ts

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

package/dist/Icons/SVGs/ArrowUp.d.ts

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

package/dist/Icons/SVGs/Arrow_Up_Down_Left_Right.d.ts

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

package/dist/Icons/SVGs/Ascending.d.ts

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

package/dist/Icons/SVGs/Back.d.ts

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

package/dist/Icons/SVGs/Bag.d.ts

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

package/dist/Icons/SVGs/Bank.d.ts

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

package/dist/Icons/SVGs/Bell.d.ts

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

package/dist/Icons/SVGs/Bin.d.ts

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

package/dist/Icons/SVGs/BookmarkAdd.d.ts

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

package/dist/Icons/SVGs/BookmarkSaved.d.ts

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

package/dist/Icons/SVGs/Bookmarks.d.ts

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

package/dist/Icons/SVGs/BrainNetworking.d.ts

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

package/dist/Icons/SVGs/Building.d.ts

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

package/dist/Icons/SVGs/Bulb.d.ts

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

package/dist/Icons/SVGs/Bus.d.ts

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

package/dist/Icons/SVGs/Business.d.ts

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

package/dist/Icons/SVGs/CCTV_1.d.ts

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

package/dist/Icons/SVGs/CCTV_2.d.ts

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