maritime-ui 0.1.89 → 0.1.91

package/README.md

@@ -0,0 +1,18 @@
+# maritime-ui
+
+Common UI components and util functions.
+
+## Licenses of bundled assets
+
+### Twemoji Country Flags
+
+`CountryFlag` bundles the **Twemoji Country Flags** font so that country flag emojis
+render in Chromium-based browsers on Windows, where the system emoji font does not
+contain flags.
+
+The emoji art comes from [Twemoji](https://twemoji.twitter.com) and is used and
+redistributed under the [CC-BY 4.0](https://creativecommons.org/licenses/by/4.0/)
+license terms offered by the Twemoji project. The art is unmodified; it is only
+repackaged as a web font, as built by
+[talkjs/country-flag-emoji-polyfill](https://github.com/talkjs/country-flag-emoji-polyfill)
+(font build tooling under MIT, Copyright (c) 2022 TalkJS).

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import { ForwardRefExoticComponent } from 'react';
 import { JSX } from 'react';
 import { JSXElementConstructor } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
-import { Props as Props_11 } from 'react-select';
+import { Props as Props_12 } from 'react-select';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { ReactPortal } from 'react';
@@ -76,9 +76,11 @@ export declare const CloudUploadIcon: () => JSX.Element;
 
 export declare const ConfirmedIcon: () => JSX.Element;
 
+export declare const CountryFlag: ({ country }: Props_3) => JSX.Element | null;
+
 export declare const CsvIcon: () => JSX.Element;
 
-export declare const DateSeparator: ({ date, noIcon }: Props_3) => JSX.Element;
+export declare const DateSeparator: ({ date, noIcon }: Props_4) => JSX.Element;
 
 export declare const DeleteSlotIcon: FC;
 
@@ -107,7 +109,7 @@ export declare const EditIcon: FC;
 
 export declare const EditPenIcon: FC;
 
-export declare class ErrorBoundary extends Component<Props_19, State> {
+export declare class ErrorBoundary extends Component<Props_20, State> {
     state: State;
     static getDerivedStateFromError(error: Error): State;
     render(): string | number | bigint | boolean | JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
@@ -158,15 +160,15 @@ export declare const formatDateDots: (value?: string | Date) => string;
 
 export declare const formatPrice: (price: number) => string;
 
-export declare const FormFieldCheckbox: ({ controlKey, options, labelText, inline, required, disabled, exclusive, }: Props_9) => JSX.Element;
+export declare const FormFieldCheckbox: ({ controlKey, options, labelText, inline, required, disabled, exclusive, }: Props_10) => JSX.Element;
 
-export declare const FormFieldDatepicker: ({ controlKey, labelText, placeholder, required, disabled, clearable, dateFormat, minDate, maxDate, openToDate, onAfterChange, errorText, }: Props_12) => JSX.Element;
+export declare const FormFieldDatepicker: ({ controlKey, labelText, placeholder, required, disabled, clearable, dateFormat, minDate, maxDate, openToDate, onAfterChange, errorText, }: Props_13) => JSX.Element;
 
-export declare const FormFieldDatepickerRange: ({ controlKeyStart, controlKeyEnd, labelText, placeholder, required, disabled, clearable, dateFormat, minDate, maxDate, onAfterChange, errorText, }: Props_13) => JSX.Element;
+export declare const FormFieldDatepickerRange: ({ controlKeyStart, controlKeyEnd, labelText, placeholder, required, disabled, clearable, dateFormat, minDate, maxDate, onAfterChange, errorText, }: Props_14) => JSX.Element;
 
-export declare const FormFieldInput: ({ controlKey, labelText, type, required, disabled, numeric, digitsOnly, decimalPlaces, onAfterChange, errorText, prefixIcon, suffixIcon, onSuffixIconClick, autoFocus, }: Props_8) => JSX.Element;
+export declare const FormFieldInput: ({ controlKey, labelText, type, required, disabled, numeric, digitsOnly, decimalPlaces, onAfterChange, errorText, prefixIcon, suffixIcon, onSuffixIconClick, autoFocus, }: Props_9) => JSX.Element;
 
-export declare const FormFieldMultiSelect: ForwardRefExoticComponent<Omit<Props_11<DropdownOption, true>, "options" | "isMulti" | "noOptionsMessage"> & {
+export declare const FormFieldMultiSelect: ForwardRefExoticComponent<Omit<Props_12<DropdownOption, true>, "options" | "isMulti" | "noOptionsMessage"> & {
 controlKey: string;
 options: DropdownOption[];
 labelText?: string;
@@ -179,9 +181,9 @@ errorText?: string;
 optimize?: boolean;
 } & RefAttributes<SelectInstance<DropdownOption, true>>>;
 
-export declare const FormFieldRadio: ({ controlKey, options, label, tooltipText, required, disabled, }: Props_14) => JSX.Element;
+export declare const FormFieldRadio: ({ controlKey, options, label, tooltipText, required, disabled, }: Props_15) => JSX.Element;
 
-export declare const FormFieldSelect: ForwardRefExoticComponent<Omit<Props_11<DropdownOption, false>, "options" | "noOptionsMessage"> & {
+export declare const FormFieldSelect: ForwardRefExoticComponent<Omit<Props_12<DropdownOption, false>, "options" | "noOptionsMessage"> & {
 controlKey: string;
 options: DropdownOption[];
 labelText?: string;
@@ -195,9 +197,9 @@ optimize?: boolean;
 inline?: boolean;
 } & RefAttributes<SelectInstance<DropdownOption, false>>>;
 
-export declare const FormFieldTextarea: ({ controlKey, labelText, required, disabled, rows, errorText, }: Props_10) => JSX.Element;
+export declare const FormFieldTextarea: ({ controlKey, labelText, required, disabled, rows, errorText, }: Props_11) => JSX.Element;
 
-export declare const FormFieldTimepicker: FC<Props_15>;
+export declare const FormFieldTimepicker: FC<Props_16>;
 
 export declare const getBadgeTitle: (status: string) => string;
 
@@ -233,7 +235,7 @@ export declare const JpgIcon: () => JSX.Element;
 
 export declare const LinkIcon: () => JSX.Element;
 
-export declare const Loader: ({ size }: Props_16) => JSX.Element;
+export declare const Loader: ({ size }: Props_17) => JSX.Element;
 
 export declare const LoadingSpinnerIcon: FC;
 
@@ -245,7 +247,7 @@ export declare const MagnifierPlusIcon: FC;
 
 export declare const MailboxIcon: () => JSX.Element;
 
-export declare const MessageBoxError: ({ errorTag, error }: Props_18) => JSX.Element;
+export declare const MessageBoxError: ({ errorTag, error }: Props_19) => JSX.Element;
 
 export declare const MoreActionsDropdown: FC<MoreActionsDropdownProps>;
 
@@ -263,9 +265,9 @@ declare type PageLoaderProps = {
     text?: ReactNode;
 };
 
-export declare const PageWrapper: ({ children, additionalClassName }: Props_17) => JSX.Element;
+export declare const PageWrapper: ({ children, additionalClassName }: Props_18) => JSX.Element;
 
-export declare const Pagination: FC<Props_5>;
+export declare const Pagination: FC<Props_6>;
 
 export declare const PdfIcon: () => JSX.Element;
 
@@ -286,6 +288,16 @@ declare type Props = {
 };
 
 declare type Props_10 = {
+    controlKey: string;
+    options?: DropdownOption[];
+    labelText?: string;
+    inline?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    exclusive?: boolean;
+};
+
+declare type Props_11 = {
     controlKey: string;
     labelText?: string;
     required?: boolean;
@@ -294,7 +306,7 @@ declare type Props_10 = {
     errorText?: string;
 };
 
-declare type Props_12 = {
+declare type Props_13 = {
     controlKey: string;
     labelText?: string;
     placeholder?: string;
@@ -309,7 +321,7 @@ declare type Props_12 = {
     errorText?: string;
 };
 
-declare type Props_13 = {
+declare type Props_14 = {
     controlKeyStart: string;
     controlKeyEnd: string;
     labelText?: string;
@@ -324,7 +336,7 @@ declare type Props_13 = {
     errorText?: string;
 };
 
-declare type Props_14 = {
+declare type Props_15 = {
     controlKey: string;
     options: RadioOption[];
     label?: string;
@@ -333,7 +345,7 @@ declare type Props_14 = {
     disabled?: boolean;
 };
 
-declare type Props_15 = {
+declare type Props_16 = {
     controlKey: string;
     labelText: string;
     required?: boolean;
@@ -342,24 +354,20 @@ declare type Props_15 = {
     errorText?: string;
 };
 
-declare type Props_16 = {
+declare type Props_17 = {
     size?: number;
 };
 
-declare type Props_17 = {
+declare type Props_18 = {
     children: ReactNode;
     additionalClassName?: string | undefined;
 };
 
-declare type Props_18 = {
+declare type Props_19 = {
     errorTag?: string;
     error?: string;
 };
 
-declare type Props_19 = {
-    children: ReactNode;
-};
-
 declare type Props_2 = {
     checked: boolean;
     onChange: (checked: boolean) => void;
@@ -369,18 +377,26 @@ declare type Props_2 = {
     name?: string;
 };
 
+declare type Props_20 = {
+    children: ReactNode;
+};
+
 declare type Props_3 = {
+    country: string;
+};
+
+declare type Props_4 = {
     date: string;
     noIcon?: boolean;
 };
 
-declare type Props_4 = {
+declare type Props_5 = {
     icon?: ReactNode;
     illustration?: ReactNode;
     text: string;
 };
 
-declare type Props_5 = {
+declare type Props_6 = {
     additionalClassName?: string;
     handleClick?: (pageNumber: number) => void;
     page: number;
@@ -391,7 +407,7 @@ declare type Props_5 = {
     showResultCount?: boolean;
 };
 
-declare type Props_6 = {
+declare type Props_7 = {
     options: DropdownOption[];
     value?: DropdownOption | null | undefined;
     defaultValue?: DropdownOption | undefined;
@@ -404,7 +420,7 @@ declare type Props_6 = {
     additionalClassName?: string | undefined;
 };
 
-declare type Props_7 = {
+declare type Props_8 = {
     tooltipText?: string;
     content?: string;
     html?: string;
@@ -417,7 +433,7 @@ declare type Props_7 = {
     ariaLabel?: string;
 };
 
-declare type Props_8 = {
+declare type Props_9 = {
     controlKey: string;
     labelText?: string;
     type?: string;
@@ -434,16 +450,6 @@ declare type Props_8 = {
     autoFocus?: boolean;
 };
 
-declare type Props_9 = {
-    controlKey: string;
-    options?: DropdownOption[];
-    labelText?: string;
-    inline?: boolean;
-    required?: boolean;
-    disabled?: boolean;
-    exclusive?: boolean;
-};
-
 export declare type RadioOption = {
     label: string;
     value: string;
@@ -465,7 +471,7 @@ export declare const RotatePersonIcon: FC;
 
 export declare const SearchIcon: FC;
 
-export declare const Select: FC<Props_6>;
+export declare const Select: FC<Props_7>;
 
 export declare const SendIcon: FC;
 
@@ -511,6 +517,14 @@ declare type TableProps = {
     body: ReactElement;
     isLoading?: boolean;
     hasHoverEffect?: boolean;
+    /**
+     * Ispod 1024px red se prelama u karticu — `thead` nestaje, a svaka celija dobija
+     * labelu svoje kolone. Labela se cita iz `data-title` atributa; tamo gde ga nema
+     * `Table` ga sam upisuje po poziciji celije u redu, iz `columns` odnosno
+     * `headerItems`. Rucno prosledjen `data-title` uvek pobedjuje, `''` gasi labelu.
+     * Podrazumevano iskljuceno: bez njega se tabela i dalje skroluje vodoravno.
+     */
+    responsive?: boolean;
     additionalClassName?: string;
 };
 
@@ -519,7 +533,7 @@ export declare type TableSortState = {
     direction: 'asc' | 'desc';
 } | null;
 
-export declare const TableZeroStateRow: ({ icon, illustration, text }: Props_4) => JSX.Element;
+export declare const TableZeroStateRow: ({ icon, illustration, text }: Props_5) => JSX.Element;
 
 export declare const TiffIcon: () => JSX.Element;
 
@@ -542,7 +556,7 @@ declare type ToggleViewProps = {
     disabled?: boolean;
 };
 
-export declare const Tooltip: ({ tooltipText, content, html, children, place, position, delay, className, wrapperClassName, ariaLabel, }: Props_7) => JSX.Element | null;
+export declare const Tooltip: ({ tooltipText, content, html, children, place, position, delay, className, wrapperClassName, ariaLabel, }: Props_8) => 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';