@risalabs_frontend_org/oasis-ui-kit 0.1.0

package/dist/src/SVG/ChevronDown.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ChevronDownProps {
+    className?: string;
+}
+export declare const ChevronDown: React.FC<ChevronDownProps>;
+export {};

package/dist/src/SVG/arrow-upward.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ArrowUpward: () => React.JSX.Element;

package/dist/src/SVG/black-eye-stroke.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function BlackEyeStrokeIcon(): React.JSX.Element;

package/dist/src/SVG/black-eye.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare function BlackEyeIcon(): React.JSX.Element;
+export default BlackEyeIcon;

package/dist/src/SVG/calendar-icon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const CalendarIcon: () => React.JSX.Element;
+export default CalendarIcon;

package/dist/src/SVG/close-red.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function CloseRedIcon(): React.JSX.Element;

package/dist/src/SVG/close.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare function CloseIcon(): React.JSX.Element;
+export default CloseIcon;

package/dist/src/SVG/dashed-vertical-line.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function DashedVerticalLineIcon(): React.JSX.Element;

package/dist/src/SVG/delete-bin.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function DeleteBinIcon(): React.JSX.Element;

package/dist/src/SVG/down-arrow.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare function DownArrowIcon(): React.JSX.Element;
+export default DownArrowIcon;

package/dist/src/SVG/error-for-toast.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ErrorForToast: () => React.JSX.Element;

package/dist/src/SVG/green-cross.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function GreenCrossIcon(): React.JSX.Element;

package/dist/src/SVG/infoIcon.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface InfoIconProps {
+    height?: string;
+    width?: string;
+    stroke?: string;
+}
+export declare const InfoIcon: (props?: InfoIconProps) => React.JSX.Element;
+export {};

package/dist/src/SVG/left-chevron.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface LeftChevronProps {
+    width?: number;
+    height?: number;
+    color?: string;
+}
+declare const LeftChevron: ({ width, height, color, }: LeftChevronProps) => React.JSX.Element;
+export default LeftChevron;

package/dist/src/SVG/red-bin.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function RedBinIcon(): React.JSX.Element;

package/dist/src/SVG/red-cross.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function RedCrossIcon(): React.JSX.Element;

package/dist/src/SVG/right-chevron.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface RightChevronProps {
+    width?: number;
+    height?: number;
+    color?: string;
+}
+declare const RightChevron: ({ width, height, color, }: RightChevronProps) => React.JSX.Element;
+export default RightChevron;

package/dist/src/SVG/tick-for-toast.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const TickForToast: () => React.JSX.Element;

package/dist/src/SVG/tick-with-green-bg.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function TickWithGreenBgIcon(): React.JSX.Element;

package/dist/src/SVG/tick.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare function TickIcon(): React.JSX.Element;
+export default TickIcon;

package/dist/src/SVG/up-arrow.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare function UpArrowIcon(): React.JSX.Element;
+export default UpArrowIcon;

package/dist/src/SVG/uploaded-doc.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function UploadedDocIcon(): React.JSX.Element;

package/dist/src/SVG/warning-icon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare function WarningIcon(): React.JSX.Element;
+export default WarningIcon;

package/dist/src/components/ButtonWithDropdown/ButtonWithDropdown.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { MenuItemData } from "./MenuItem";
+import "./ButtonWithDropdown.scss";
+interface ButtonWithDropdownProps {
+    disabled: boolean;
+    children: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement | HTMLSpanElement>, isOpen: boolean) => void;
+    onButtonClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;
+    buttonType: "primary" | "secondary" | "tertiary" | "danger";
+    size: "small" | "medium" | "large";
+    isOpen?: boolean;
+    menuData: MenuItemData[];
+    alwaysOpenDropdown?: boolean;
+}
+export declare function ButtonWithDropdown(props: ButtonWithDropdownProps): React.JSX.Element;
+export {};

package/dist/src/components/ButtonWithDropdown/MenuItem.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface MenuItemData {
+    id: string;
+    label: string;
+    onClick: (item: MenuItemData) => void;
+    color?: string;
+}
+interface MenuItemProps {
+    label: string;
+    onClick: () => void;
+    color?: string;
+    className?: string;
+}
+export declare function MenuItem({ label, onClick, className, color }: MenuItemProps): React.JSX.Element;
+export {};

package/dist/src/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./DatePicker.scss";
+interface DatePickerProps {
+    onDateChange?: (date: Date | null) => void;
+    initialDate?: Date;
+}
+export declare function DatePicker(props: DatePickerProps): React.JSX.Element;
+export {};

package/dist/src/components/DateRangeCalendar/DateRangeCalendar.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./DateRangeCalendar.scss";
+interface DateRangeCalendarProps {
+    onDateRangeChange?: (startDate: Date | null, endDate: Date | null) => void;
+    initialStartDate?: Date;
+    initialEndDate?: Date;
+    resetSelection?: boolean;
+}
+export declare function DateRangeCalendar(props: DateRangeCalendarProps): React.JSX.Element;
+export {};

package/dist/src/components/button/button.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./button.scss";
+interface ButtonProps {
+    disabled: boolean;
+    children: React.ReactNode;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    buttonType: "primary" | "secondary" | "tertiary" | "danger";
+    size: "small" | "medium" | "large";
+}
+export declare function Button(props: ButtonProps): React.JSX.Element;
+export {};

package/dist/src/components/check-box/check-box.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import "./check-box.scss";
+interface CheckBoxProps {
+    label: string;
+    defaultValue?: boolean;
+    isDisabled?: boolean;
+    id: string;
+    onCheckBoxValueChange: (data: {
+        name: string;
+        value: boolean;
+    }) => void;
+}
+export declare function CheckBox(props: CheckBoxProps): React.JSX.Element;
+export {};

package/dist/src/components/date-input/date-input.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import "./date-input.scss";
+interface OnBlurData {
+    name: string;
+    value: string;
+    required: boolean;
+}
+interface DateInputProps {
+    id: string;
+    label: string;
+    defaultValue?: string;
+    hint?: string;
+    error?: string;
+    hasError?: boolean;
+    required?: boolean;
+    onBlur?: (data: OnBlurData) => void;
+    onChange?: (data: OnBlurData) => void;
+    readOnly?: boolean;
+    value?: string;
+    format?: string;
+    className?: string;
+    placeholder?: string;
+}
+export declare function DateInput(props: DateInputProps): React.JSX.Element;
+export {};

package/dist/src/components/file-upload/file-upload.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./file-upload.scss";
+interface FileUploadProps {
+    id?: string;
+    file?: File;
+    fileName?: string;
+    reUpload?: boolean;
+    deleteUploadedFile: () => void;
+}
+export declare function FileUpload(props: FileUploadProps): React.JSX.Element;
+export {};

package/dist/src/components/footer/footer.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import "./footer.scss";
+interface FooterProps {
+    cancelButtonText: string;
+    submitButtonText: React.ReactNode;
+    onCancelClick: () => void;
+    onSubmitClick: () => void;
+    isDisabled?: boolean;
+    isCancelDisabled?: boolean;
+    children?: React.ReactNode;
+}
+export declare function Footer(props: FooterProps): React.JSX.Element;
+export {};

package/dist/src/components/header-card/header-card.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import './header-card.scss';
+interface HeaderCardProps {
+    number: number;
+    text: string;
+    backgroundColor?: string;
+    textColor?: string;
+}
+export declare function HeaderCard(props: HeaderCardProps): React.JSX.Element;
+export {};

package/dist/src/components/info-icon/info-icon.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./info-icon.scss";
+type Direction = "left" | "right" | "top" | "bottom";
+interface InfoIconProps {
+    content: React.ReactNode;
+    className?: string;
+    maxWidth?: number;
+    maxHeight?: number;
+    directionToDisplay?: Direction;
+}
+export declare const InfoIconWithTooltip: React.FC<InfoIconProps>;
+export {};

package/dist/src/components/modal/modal.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import "./modal.scss";
+interface ModalProps {
+    dialogId: string;
+    onSave: () => void | Promise<void>;
+    children: React.ReactNode;
+    title: string;
+    saveButtonText: string;
+    onCancel?: () => void | Promise<void>;
+    onClose?: () => void | Promise<void>;
+    cancelText: string;
+    heightPercentage?: number;
+    showSingleButton?: boolean;
+    disableSave?: boolean;
+    hideFooter?: boolean;
+    autoCloseOnSave?: boolean;
+}
+export declare function Modal(props: ModalProps): React.JSX.Element;
+export declare function openModal(arg0: string): void;
+export declare function closeModal(arg0: string, onCloseFunc?: any): void;
+export {};

package/dist/src/components/notification-card/notification-card.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './notification-card.scss';
+export interface Notification {
+    id: number;
+    icon: string;
+    title: string;
+    datetime: string;
+    text: string;
+}
+type Props = {
+    notifications: Notification[];
+    onClose: () => void;
+};
+export declare const NotificationCard: React.FC<Props>;
+export {};

package/dist/src/components/pagination/index.d.ts

@@ -0,0 +1 @@
+export { Pagination } from "./pagination";

package/dist/src/components/pagination/pagination.d.ts

@@ -0,0 +1,12 @@
+import "./pagination.scss";
+import React from "react";
+interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPrevious: () => void;
+    onNext: () => void;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function Pagination({ currentPage, totalPages, onPrevious, onNext, disabled, className, }: PaginationProps): React.JSX.Element;
+export {};

package/dist/src/components/progress-loader-with-text/progress-loader-with-text.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./progress-loader-with-text.scss";
+interface ProgressLoaderWithTextProps {
+    progress: number;
+    text?: string;
+}
+export declare function ProgressLoaderWithText(props: ProgressLoaderWithTextProps): React.JSX.Element;
+export {};

package/dist/src/components/search/search.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './search.scss';
+interface SearchComponentProps {
+    placeholder?: string;
+    searchButtonText?: string;
+    onSearch: (query: string) => void;
+}
+export declare const SearchComponent: React.FC<SearchComponentProps>;
+export {};

package/dist/src/components/select/select.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import "./select.scss";
+interface Option {
+    value: string;
+    label: string;
+}
+interface SelectProps {
+    required?: boolean;
+    id: string;
+    onOptionChange: (data: OptionChangeData) => void;
+    error?: string;
+    label: string;
+    placeholder: string;
+    hint?: string;
+    defaultValue?: string;
+    options: Option[];
+    value?: string;
+    resetValue?: boolean;
+    shouldOmitPrevSelectedValueOnReset?: boolean;
+}
+interface OptionChangeData {
+    name: string;
+    value: string;
+}
+export declare function Select(props: SelectProps): React.JSX.Element;
+export {};

package/dist/src/components/side-navigation/side-navigation.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './side-navigation.scss';
+export interface SideNavigationProps {
+    id: string;
+    label: string;
+    sideNavContent?: React.ComponentType<any>;
+}
+export declare const SideNavigation: React.FC<{
+    sideTabContent: SideNavigationProps[];
+}>;

package/dist/src/components/side-navigation/single-side-nav.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './single-side-nav.scss';
+export interface SingleSideNavProps {
+    id: string;
+    label: string;
+    currentActiveNav: string;
+}
+export default function SingleSideNav(props: SingleSideNavProps): React.JSX.Element;

package/dist/src/components/spinning-loader/spinning-loader.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './spinning-loader.scss';
+export declare function SpinningLoader(): React.JSX.Element;

package/dist/src/components/status-text/status-text.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './status-text.scss';
+interface StatusProps {
+    text: string;
+}
+export declare const StatusText: React.FC<StatusProps>;
+export {};

package/dist/src/components/stepper/stepper.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./stepper.scss";
+export interface StepperProps {
+    id: number;
+    currentActiveIndex?: number;
+    label: string;
+    stepperText: string;
+    showDashedLine?: boolean;
+    stepperContent?: React.ComponentType<any>;
+}
+export declare function Stepper(props: StepperProps): React.JSX.Element;

package/dist/src/components/tab/single-tab.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "./single-tab.scss";
+export interface SingleTabProps {
+    id: string;
+    label: string;
+    tabContent?: (...args: any[]) => any;
+    currentActiveTab?: string;
+}
+export default function SingleTab(props: SingleTabProps): React.JSX.Element;

package/dist/src/components/tab/tab-container.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./tab-container.scss";
+import { SingleTabProps } from "./single-tab";
+interface TabContainerProps {
+    tabsDetails: SingleTabProps[];
+    tabContainerId: string;
+    currentActiveTabIndex?: (index: number) => void;
+}
+export declare function TabContainer(props: TabContainerProps): React.JSX.Element;
+export {};

package/dist/src/components/text-input/text-input.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import "./text-input.scss";
+interface TextInputProps {
+    defaultValue?: string;
+    required?: boolean;
+    onBlur?: (data: {
+        name: string;
+        required: boolean;
+        value: any;
+    }) => void;
+    id: string;
+    error?: string;
+    readOnly?: boolean;
+    label: string;
+    hasError?: boolean;
+    textHidden?: boolean;
+    placeholder?: string;
+    onChange?: (data: {
+        name: string;
+        required: boolean;
+        value: any;
+    }) => void;
+    resetField?: boolean;
+    formatInput?: (value: string) => string;
+    labelSuffix?: React.ReactNode;
+    hideLabel?: boolean;
+    type?: "text" | "number";
+    onKeyDown?: (data: {
+        name: string;
+        required: boolean;
+        value: any;
+    }, event: React.KeyboardEvent<HTMLInputElement>) => void;
+    className?: string;
+}
+export declare function TextInput(props: TextInputProps): React.JSX.Element;
+export {};

package/dist/src/components/time-due/time-due.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface TimeDueProps {
+    value: Date;
+}
+export declare const TimeDue: (props: TimeDueProps) => React.JSX.Element;
+export {};

package/dist/src/components/toast/toast.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./toast.scss";
+interface ToastProps {
+    type: "success" | "error";
+    header: string;
+    message?: string;
+    duration?: number;
+    id: string;
+}
+export declare const Toast: React.FC<ToastProps>;
+export declare const controlToastState: (id: string, state?: boolean) => void;
+export {};

package/dist/src/components/toggle/toggle.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './toggle.scss';
+interface ToggleProps {
+    label: string;
+    id: string;
+    onChange?: (data: {
+        name: string;
+        required: boolean;
+        value: boolean;
+    }) => void;
+    defaultValue: boolean;
+}
+export declare function Toggle(props: ToggleProps): React.JSX.Element;
+export {};

package/dist/src/components/toggle-switch/toggle-switch.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './toggle-switch.scss';
+interface ToggleSwitchProps {
+    id: string;
+    defaultChecked?: boolean;
+    onChangeEmit: (data: {
+        name: string;
+        required: boolean;
+        value: boolean;
+    }) => void;
+}
+export declare function ToggleSwitch(props: ToggleSwitchProps): React.JSX.Element;
+export {};

package/dist/src/components/uploaded-file-banner/uploaded-file-banner.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "./uploaded-file-banner.scss";
+interface UploadedFileBannerProps {
+    fileName: string;
+    deleteUploadedFile: () => void;
+    currentProgress: number;
+}
+export declare function UploadedFileBanner(props: UploadedFileBannerProps): React.JSX.Element;
+export {};