labsense-ui-kit 1.0.39 → 1.1.0

package/dist/Badge/Badge.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IconProps } from '../Icons';
+interface BadgeProps {
+    text: string;
+    height?: string;
+    fontSize?: string;
+    padding?: string;
+    background?: string;
+    textColor?: string;
+    icon?: IconProps;
+    tooltipText?: string;
+}
+declare const Badge: React.FC<BadgeProps>;
+export default Badge;

package/dist/Badge/index.d.ts

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

package/dist/Breadcrums/Breadcrums.d.ts

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

package/dist/Breadcrums/index.d.ts

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

package/dist/Buttons/index.d.ts

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

package/dist/Carousel/ButtonCarousel.d.ts

@@ -0,0 +1,7 @@
+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

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

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

@@ -0,0 +1,50 @@
+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;
+    $borderRadius?: 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;
+    $overflowY?: string | undefined;
+    $color?: string | undefined;
+    $zIndex?: number | undefined;
+    $scrollbarWidth?: string | undefined;
+    $border?: string | undefined;
+    $bottomborder?: string | undefined;
+    $fontWeight?: string | undefined;
+    $hoverBackground?: string | undefined;
+    $hoverColor?: 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;
+    $color?: string | undefined;
+    $lineHeight?: string | undefined;
+    $textAlign?: string | undefined;
+    $width?: string | undefined;
+    $minWidth?: string | undefined;
+    $overflowWrap?: string | undefined;
+}>> & string;

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

@@ -0,0 +1,15 @@
+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

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

package/dist/Dropdown/MultiSelectDropdown.d.ts

@@ -0,0 +1,60 @@
+import React from 'react';
+import { Icon, IconNames } from '../Icons';
+export declare const Asterisk: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("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;
+    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

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1,74 @@
+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<import("react").DetailedHTMLProps<import("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<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $menuBackground?: string | undefined;
+    $optionsBorderRadius?: string | undefined;
+    $width?: string | undefined;
+    $top?: string | undefined;
+    $bottom?: string | undefined;
+    $optionsAvailable: boolean;
+}>> & 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;
+}
+declare const SelectOption: React.FC<SelectOption>;
+export default SelectOption;

package/dist/Dropdown/SelectedOption.d.ts

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,5 @@
+import MultiSelectDropdown from './MultiSelectDropdown';
+import OptionComponent from './OptionComponent';
+import SelectedOption from './SelectedOption';
+import SelectOption from './SelectOption';
+export { MultiSelectDropdown, OptionComponent, SelectedOption, SelectOption };

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import React from "react";
-import { SVGProps } from "..";
+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 +1,4 @@
-import React from "react";
-import { SVGProps } from "..";
+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 +1,4 @@
-import React from "react";
-import { SVGProps } from "..";
+import React from 'react';
+import { SVGProps } from '..';
 declare const CCTV_2: React.FC<SVGProps>;
 export default CCTV_2;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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