maritime-ui 0.1.3 → 0.1.41

package/dist/index.d.ts

@@ -1,8 +1,13 @@
 import { FC } from 'react';
+import { ForwardRefExoticComponent } from 'react';
 import { JSX } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
+import { Props as Props_8 } from 'react-select';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { RefObject } from 'react';
+import { SelectInstance } from 'react-select';
 
 export declare const Badge: ({ type, title, icon }: Props) => JSX.Element;
 
@@ -28,10 +33,264 @@ declare type ButtonProps = {
     additionalClassName?: string;
 };
 
+declare type DropdownAction = {
+    label: string;
+    onClick: () => void;
+    disabled?: boolean;
+};
+
+export declare type DropdownOption = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+
+export declare const FilterButton: FC<FilterButtonProps>;
+
+declare type FilterButtonProps = {
+    Icon: FC;
+    title: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    selectedOptions: string[];
+    onChange: (selectedOptions: string[]) => void;
+    showAll?: boolean;
+};
+
+export declare const FilterSearch: FC<FilterSearchProps>;
+
+declare type FilterSearchProps = {
+    value: string;
+    onChange: (value: string) => void;
+    onSearch?: () => void;
+    onClear?: () => void;
+    placeholder?: string;
+    minSearchLength?: number;
+    searchTypeOptions?: DropdownOption[];
+    searchTypeValue?: DropdownOption;
+    onSearchTypeChange?: (value: DropdownOption) => void;
+    children?: ReactNode;
+};
+
+export declare const FormFieldCheckbox: ({ controlKey, options, labelText, required, disabled, multiple, singleSelect, }: Props_6) => JSX.Element;
+
+export declare const FormFieldDatepicker: ({ controlKey, labelText, placeholder, required, disabled, clearable, dateFormat, minDate, maxDate, onAfterChange, errorText, }: Props_9) => JSX.Element;
+
+export declare const FormFieldDatepickerRange: ({ controlKeyStart, controlKeyEnd, labelText, placeholder, required, disabled, clearable, dateFormat, minDate, maxDate, onAfterChange, errorText, }: Props_10) => JSX.Element;
+
+export declare const FormFieldInput: ({ controlKey, labelText, placeholder, type, required, disabled, numeric, digitsOnly, decimalPlaces, onAfterChange, errorText, }: Props_5) => JSX.Element;
+
+export declare const FormFieldMultiSelect: ForwardRefExoticComponent<Omit<Props_8<DropdownOption, true>, "options" | "isMulti" | "noOptionsMessage"> & {
+controlKey: string;
+options: DropdownOption[];
+labelText?: string;
+placeholder?: string;
+required?: boolean;
+isSearchable?: boolean;
+disabled?: boolean;
+onAfterChange?: (values: string[]) => void;
+errorText?: string;
+optimize?: boolean;
+} & RefAttributes<SelectInstance<DropdownOption, true>>>;
+
+export declare const FormFieldRadio: ({ controlKey, options, label, tooltipText, required, disabled, }: Props_11) => JSX.Element;
+
+export declare const FormFieldSelect: ForwardRefExoticComponent<Omit<Props_8<DropdownOption, false>, "options" | "noOptionsMessage"> & {
+controlKey: string;
+options: DropdownOption[];
+labelText?: string;
+placeholder?: string;
+required?: boolean;
+isSearchable?: boolean;
+disabled?: boolean;
+onAfterChange?: (value: string) => void;
+errorText?: string;
+optimize?: boolean;
+} & RefAttributes<SelectInstance<DropdownOption, false>>>;
+
+export declare const FormFieldTextarea: ({ controlKey, labelText, placeholder, required, disabled, rows, errorText, }: Props_7) => JSX.Element;
+
+export declare const MoreActionsDropdown: FC<MoreActionsDropdownProps>;
+
+declare type MoreActionsDropdownProps = {
+    actions: DropdownAction[];
+};
+
+export declare const PageLoader: FC<PageLoaderProps>;
+
+declare type PageLoaderProps = {
+    text?: ReactNode;
+};
+
+export declare const Pagination: FC<Props_3>;
+
 declare type Props = {
     type: BadgeType;
     title: string;
     icon?: ReactElement;
 };
 
+declare type Props_10 = {
+    controlKeyStart: string;
+    controlKeyEnd: string;
+    labelText?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    clearable?: boolean;
+    dateFormat?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    onAfterChange?: (startValue: string, endValue: string) => void;
+    errorText?: string;
+};
+
+declare type Props_11 = {
+    controlKey: string;
+    options: RadioOption[];
+    label?: string;
+    tooltipText?: string;
+    required?: boolean;
+    disabled?: boolean;
+};
+
+declare type Props_2 = {
+    icon?: ReactNode;
+    illustration?: ReactNode;
+    text: string;
+};
+
+declare type Props_3 = {
+    additionalClassName?: string;
+    handleClick?: (pageNumber: number) => void;
+    page: number;
+    itemsPerPage?: number;
+    totalNumberOfItems?: number;
+    onSide?: number;
+    scrollTo?: RefObject<HTMLDivElement>;
+    showResultCount?: boolean;
+};
+
+declare type Props_4 = {
+    tooltipText?: string;
+    content?: string;
+    html?: string;
+    children?: ReactNode;
+    place?: TooltipPlace;
+    position?: TooltipPlace;
+    delay?: number;
+    className?: string;
+    wrapperClassName?: string;
+    ariaLabel?: string;
+};
+
+declare type Props_5 = {
+    controlKey: string;
+    labelText?: string;
+    placeholder?: string;
+    type?: string;
+    required?: boolean;
+    disabled?: boolean;
+    numeric?: boolean;
+    digitsOnly?: boolean;
+    decimalPlaces?: number;
+    onAfterChange?: (value: string) => void;
+    errorText?: string;
+};
+
+declare type Props_6 = {
+    controlKey: string;
+    options?: DropdownOption[];
+    labelText?: string;
+    required?: boolean;
+    disabled?: boolean;
+    multiple?: boolean;
+    singleSelect?: boolean;
+};
+
+declare type Props_7 = {
+    controlKey: string;
+    labelText?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    rows?: number;
+    errorText?: string;
+};
+
+declare type Props_9 = {
+    controlKey: string;
+    labelText?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    clearable?: boolean;
+    dateFormat?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    onAfterChange?: (value: string) => void;
+    errorText?: string;
+};
+
+export declare type RadioOption = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    description?: string;
+};
+
+export declare const Table: FC<TableProps>;
+
+export declare type TableColumn = {
+    label: string;
+    sortKey?: string;
+    align?: 'left' | 'center' | 'right';
+    tooltipHtml?: string;
+};
+
+declare type TableProps = {
+    headerItems?: string[];
+    columns?: TableColumn[];
+    sort?: TableSortState;
+    onSort?: (sortKey: string) => void;
+    header?: ReactElement;
+    checkBox?: ReactElement;
+    body: ReactElement;
+    isLoading?: boolean;
+    hasHoverEffect?: boolean;
+    additionalClassName?: string;
+};
+
+export declare type TableSortState = {
+    column: string;
+    direction: 'asc' | 'desc';
+} | null;
+
+export declare const TableZeroStateRow: ({ icon, illustration, text }: Props_2) => JSX.Element;
+
+export declare const ToggleButton: FC<ToggleButtonProps>;
+
+declare type ToggleButtonProps = {
+    value: boolean;
+    onChange: (value: boolean) => void;
+    buttonSize?: 'small' | 'large';
+    disabled?: boolean;
+};
+
+export declare const ToggleView: FC<ToggleViewProps>;
+
+declare type ToggleViewProps = {
+    value: boolean;
+    onChange: (value: boolean) => void;
+    LeftIcon: FC;
+    RightIcon: FC;
+    disabled?: boolean;
+};
+
+export declare const Tooltip: ({ tooltipText, content, html, children, place, position, delay, className, wrapperClassName, ariaLabel, }: Props_4) => JSX.Element | null;
+
+declare type TooltipPlace = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+
 export { }