maritime-ui 0.1.75 → 0.1.77
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +65 -47
- package/dist/maritime-ui.cjs +9 -9
- package/dist/maritime-ui.css +1 -1
- package/dist/maritime-ui.js +6584 -6241
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { ForwardRefExoticComponent } from 'react';
|
|
|
4
4
|
import { JSX } from 'react';
|
|
5
5
|
import { JSXElementConstructor } from 'react';
|
|
6
6
|
import { MouseEvent as MouseEvent_2 } from 'react';
|
|
7
|
-
import { Props as
|
|
7
|
+
import { Props as Props_11 } from 'react-select';
|
|
8
8
|
import { ReactElement } from 'react';
|
|
9
9
|
import { ReactNode } from 'react';
|
|
10
10
|
import { ReactPortal } from 'react';
|
|
@@ -12,8 +12,6 @@ import { RefAttributes } from 'react';
|
|
|
12
12
|
import { RefObject } from 'react';
|
|
13
13
|
import { SelectInstance } from 'react-select';
|
|
14
14
|
|
|
15
|
-
export declare const ActivityIcon: () => JSX.Element;
|
|
16
|
-
|
|
17
15
|
export declare const ActivityLogIcon: FC;
|
|
18
16
|
|
|
19
17
|
export declare const ActivityLogZeroStateIcon: FC;
|
|
@@ -102,6 +100,8 @@ export declare const CancelIcon: FC;
|
|
|
102
100
|
|
|
103
101
|
export declare const CertificatesIcon: FC;
|
|
104
102
|
|
|
103
|
+
export declare const Checkbox: ({ checked, onChange, labelText, disabled, indeterminate, name, }: Props_2) => JSX.Element;
|
|
104
|
+
|
|
105
105
|
export declare const CheckboxCheckIcon: FC;
|
|
106
106
|
|
|
107
107
|
export declare const CheckboxIcon: FC;
|
|
@@ -122,12 +122,14 @@ export declare const CheckListIcon: () => JSX.Element;
|
|
|
122
122
|
|
|
123
123
|
export declare const ChecklistIcon2: FC;
|
|
124
124
|
|
|
125
|
-
export declare const CheckMarkBlackIcon: ({ className }:
|
|
125
|
+
export declare const CheckMarkBlackIcon: ({ className }: Props_20) => JSX.Element;
|
|
126
126
|
|
|
127
127
|
export declare const CheckmarkIcon: () => JSX.Element;
|
|
128
128
|
|
|
129
129
|
export declare const CheckSingleIcon: () => JSX.Element;
|
|
130
130
|
|
|
131
|
+
export declare const CheckSmallIcon: () => JSX.Element;
|
|
132
|
+
|
|
131
133
|
export declare const ChevronDownIcon: FC;
|
|
132
134
|
|
|
133
135
|
export declare const ChevronIcon: FC;
|
|
@@ -174,7 +176,7 @@ export declare const CsvIcon: () => JSX.Element;
|
|
|
174
176
|
|
|
175
177
|
export declare const CurrentRotationIcon: FC;
|
|
176
178
|
|
|
177
|
-
export declare const DateSeparator: ({ date, noIcon }:
|
|
179
|
+
export declare const DateSeparator: ({ date, noIcon }: Props_3) => JSX.Element;
|
|
178
180
|
|
|
179
181
|
export declare const DeleteIcon: FC;
|
|
180
182
|
|
|
@@ -213,6 +215,7 @@ declare type DropdownAction = {
|
|
|
213
215
|
export declare type DropdownOption = {
|
|
214
216
|
label: string;
|
|
215
217
|
value: string;
|
|
218
|
+
description?: string;
|
|
216
219
|
disabled?: boolean;
|
|
217
220
|
};
|
|
218
221
|
|
|
@@ -228,7 +231,7 @@ export declare const EmailSentIcon: () => JSX.Element;
|
|
|
228
231
|
|
|
229
232
|
export declare const EmployeeDetailsIcon: FC;
|
|
230
233
|
|
|
231
|
-
export declare class ErrorBoundary extends Component<
|
|
234
|
+
export declare class ErrorBoundary extends Component<Props_19, State> {
|
|
232
235
|
state: State;
|
|
233
236
|
static getDerivedStateFromError(error: Error): State;
|
|
234
237
|
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;
|
|
@@ -291,15 +294,15 @@ export declare const formatPrice: (price: number) => string;
|
|
|
291
294
|
|
|
292
295
|
export declare const FormCalendarIcon: () => JSX.Element;
|
|
293
296
|
|
|
294
|
-
export declare const FormFieldCheckbox: ({ controlKey, options, labelText, required, disabled, exclusive, }:
|
|
297
|
+
export declare const FormFieldCheckbox: ({ controlKey, options, labelText, required, disabled, exclusive, }: Props_9) => JSX.Element;
|
|
295
298
|
|
|
296
|
-
export declare const FormFieldDatepicker: ({ controlKey, labelText, placeholder, required, disabled, clearable, dateFormat, minDate, maxDate, onAfterChange, errorText, }:
|
|
299
|
+
export declare const FormFieldDatepicker: ({ controlKey, labelText, placeholder, required, disabled, clearable, dateFormat, minDate, maxDate, onAfterChange, errorText, }: Props_12) => JSX.Element;
|
|
297
300
|
|
|
298
|
-
export declare const FormFieldDatepickerRange: ({ controlKeyStart, controlKeyEnd, labelText, placeholder, required, disabled, clearable, dateFormat, minDate, maxDate, onAfterChange, errorText, }:
|
|
301
|
+
export declare const FormFieldDatepickerRange: ({ controlKeyStart, controlKeyEnd, labelText, placeholder, required, disabled, clearable, dateFormat, minDate, maxDate, onAfterChange, errorText, }: Props_13) => JSX.Element;
|
|
299
302
|
|
|
300
|
-
export declare const FormFieldInput: ({ controlKey, labelText, type, required, disabled, numeric, digitsOnly, decimalPlaces, onAfterChange, errorText, }:
|
|
303
|
+
export declare const FormFieldInput: ({ controlKey, labelText, type, required, disabled, numeric, digitsOnly, decimalPlaces, onAfterChange, errorText, }: Props_8) => JSX.Element;
|
|
301
304
|
|
|
302
|
-
export declare const FormFieldMultiSelect: ForwardRefExoticComponent<Omit<
|
|
305
|
+
export declare const FormFieldMultiSelect: ForwardRefExoticComponent<Omit<Props_11<DropdownOption, true>, "options" | "isMulti" | "noOptionsMessage"> & {
|
|
303
306
|
controlKey: string;
|
|
304
307
|
options: DropdownOption[];
|
|
305
308
|
labelText?: string;
|
|
@@ -312,9 +315,9 @@ errorText?: string;
|
|
|
312
315
|
optimize?: boolean;
|
|
313
316
|
} & RefAttributes<SelectInstance<DropdownOption, true>>>;
|
|
314
317
|
|
|
315
|
-
export declare const FormFieldRadio: ({ controlKey, options, label, tooltipText, required, disabled, }:
|
|
318
|
+
export declare const FormFieldRadio: ({ controlKey, options, label, tooltipText, required, disabled, }: Props_14) => JSX.Element;
|
|
316
319
|
|
|
317
|
-
export declare const FormFieldSelect: ForwardRefExoticComponent<Omit<
|
|
320
|
+
export declare const FormFieldSelect: ForwardRefExoticComponent<Omit<Props_11<DropdownOption, false>, "options" | "noOptionsMessage"> & {
|
|
318
321
|
controlKey: string;
|
|
319
322
|
options: DropdownOption[];
|
|
320
323
|
labelText?: string;
|
|
@@ -328,12 +331,18 @@ optimize?: boolean;
|
|
|
328
331
|
inline?: boolean;
|
|
329
332
|
} & RefAttributes<SelectInstance<DropdownOption, false>>>;
|
|
330
333
|
|
|
331
|
-
export declare const FormFieldTextarea: ({ controlKey, labelText, required, disabled, rows, errorText, }:
|
|
334
|
+
export declare const FormFieldTextarea: ({ controlKey, labelText, required, disabled, rows, errorText, }: Props_10) => JSX.Element;
|
|
332
335
|
|
|
333
|
-
export declare const FormFieldTimepicker: FC<
|
|
336
|
+
export declare const FormFieldTimepicker: FC<Props_15>;
|
|
334
337
|
|
|
335
338
|
export declare const getBadgeTitle: (status: string) => string;
|
|
336
339
|
|
|
340
|
+
/**
|
|
341
|
+
* Returns the flag emoji for a country name or ISO 3166-1 alpha-2 code,
|
|
342
|
+
* or an empty string when the country cannot be resolved.
|
|
343
|
+
*/
|
|
344
|
+
export declare const getCountryFlag: (country: string) => string;
|
|
345
|
+
|
|
337
346
|
export declare const getFileExtension: (name: string) => string;
|
|
338
347
|
|
|
339
348
|
export declare const getInitials: (name: string) => string;
|
|
@@ -388,7 +397,7 @@ export declare const JpgIcon: () => JSX.Element;
|
|
|
388
397
|
|
|
389
398
|
export declare const LinkIcon: () => JSX.Element;
|
|
390
399
|
|
|
391
|
-
export declare const Loader: ({ size }:
|
|
400
|
+
export declare const Loader: ({ size }: Props_16) => JSX.Element;
|
|
392
401
|
|
|
393
402
|
export declare const LoadingSpinnerIcon: FC;
|
|
394
403
|
|
|
@@ -410,7 +419,7 @@ export declare const MedicalsIcon: FC;
|
|
|
410
419
|
|
|
411
420
|
export declare const MedicalsZeroStateIcon: FC;
|
|
412
421
|
|
|
413
|
-
export declare const MessageBoxError: ({ errorTag, error }:
|
|
422
|
+
export declare const MessageBoxError: ({ errorTag, error }: Props_18) => JSX.Element;
|
|
414
423
|
|
|
415
424
|
export declare const MessageBubble: FC;
|
|
416
425
|
|
|
@@ -452,9 +461,9 @@ declare type PageLoaderProps = {
|
|
|
452
461
|
text?: ReactNode;
|
|
453
462
|
};
|
|
454
463
|
|
|
455
|
-
export declare const PageWrapper: ({ children, additionalClassName }:
|
|
464
|
+
export declare const PageWrapper: ({ children, additionalClassName }: Props_17) => JSX.Element;
|
|
456
465
|
|
|
457
|
-
export declare const Pagination: FC<
|
|
466
|
+
export declare const Pagination: FC<Props_5>;
|
|
458
467
|
|
|
459
468
|
export declare const PassportIcon: FC;
|
|
460
469
|
|
|
@@ -500,7 +509,16 @@ declare type Props = {
|
|
|
500
509
|
icon?: ReactElement;
|
|
501
510
|
};
|
|
502
511
|
|
|
503
|
-
declare type
|
|
512
|
+
declare type Props_10 = {
|
|
513
|
+
controlKey: string;
|
|
514
|
+
labelText?: string;
|
|
515
|
+
required?: boolean;
|
|
516
|
+
disabled?: boolean;
|
|
517
|
+
rows?: number;
|
|
518
|
+
errorText?: string;
|
|
519
|
+
};
|
|
520
|
+
|
|
521
|
+
declare type Props_12 = {
|
|
504
522
|
controlKey: string;
|
|
505
523
|
labelText?: string;
|
|
506
524
|
placeholder?: string;
|
|
@@ -514,7 +532,7 @@ declare type Props_11 = {
|
|
|
514
532
|
errorText?: string;
|
|
515
533
|
};
|
|
516
534
|
|
|
517
|
-
declare type
|
|
535
|
+
declare type Props_13 = {
|
|
518
536
|
controlKeyStart: string;
|
|
519
537
|
controlKeyEnd: string;
|
|
520
538
|
labelText?: string;
|
|
@@ -529,7 +547,7 @@ declare type Props_12 = {
|
|
|
529
547
|
errorText?: string;
|
|
530
548
|
};
|
|
531
549
|
|
|
532
|
-
declare type
|
|
550
|
+
declare type Props_14 = {
|
|
533
551
|
controlKey: string;
|
|
534
552
|
options: RadioOption[];
|
|
535
553
|
label?: string;
|
|
@@ -538,7 +556,7 @@ declare type Props_13 = {
|
|
|
538
556
|
disabled?: boolean;
|
|
539
557
|
};
|
|
540
558
|
|
|
541
|
-
declare type
|
|
559
|
+
declare type Props_15 = {
|
|
542
560
|
controlKey: string;
|
|
543
561
|
labelText: string;
|
|
544
562
|
required?: boolean;
|
|
@@ -547,40 +565,49 @@ declare type Props_14 = {
|
|
|
547
565
|
errorText?: string;
|
|
548
566
|
};
|
|
549
567
|
|
|
550
|
-
declare type
|
|
568
|
+
declare type Props_16 = {
|
|
551
569
|
size?: number;
|
|
552
570
|
};
|
|
553
571
|
|
|
554
|
-
declare type
|
|
572
|
+
declare type Props_17 = {
|
|
555
573
|
children: ReactNode;
|
|
556
574
|
additionalClassName?: string | undefined;
|
|
557
575
|
};
|
|
558
576
|
|
|
559
|
-
declare type
|
|
577
|
+
declare type Props_18 = {
|
|
560
578
|
errorTag?: string;
|
|
561
579
|
error?: string;
|
|
562
580
|
};
|
|
563
581
|
|
|
564
|
-
declare type
|
|
582
|
+
declare type Props_19 = {
|
|
565
583
|
children: ReactNode;
|
|
566
584
|
};
|
|
567
585
|
|
|
568
|
-
declare type
|
|
586
|
+
declare type Props_2 = {
|
|
587
|
+
checked: boolean;
|
|
588
|
+
onChange: (checked: boolean) => void;
|
|
589
|
+
labelText?: string;
|
|
590
|
+
disabled?: boolean;
|
|
591
|
+
indeterminate?: boolean;
|
|
592
|
+
name?: string;
|
|
593
|
+
};
|
|
594
|
+
|
|
595
|
+
declare type Props_20 = {
|
|
569
596
|
className?: string;
|
|
570
597
|
};
|
|
571
598
|
|
|
572
|
-
declare type
|
|
599
|
+
declare type Props_3 = {
|
|
573
600
|
date: string;
|
|
574
601
|
noIcon?: boolean;
|
|
575
602
|
};
|
|
576
603
|
|
|
577
|
-
declare type
|
|
604
|
+
declare type Props_4 = {
|
|
578
605
|
icon?: ReactNode;
|
|
579
606
|
illustration?: ReactNode;
|
|
580
607
|
text: string;
|
|
581
608
|
};
|
|
582
609
|
|
|
583
|
-
declare type
|
|
610
|
+
declare type Props_5 = {
|
|
584
611
|
additionalClassName?: string;
|
|
585
612
|
handleClick?: (pageNumber: number) => void;
|
|
586
613
|
page: number;
|
|
@@ -591,7 +618,7 @@ declare type Props_4 = {
|
|
|
591
618
|
showResultCount?: boolean;
|
|
592
619
|
};
|
|
593
620
|
|
|
594
|
-
declare type
|
|
621
|
+
declare type Props_6 = {
|
|
595
622
|
options: DropdownOption[];
|
|
596
623
|
value?: DropdownOption | null | undefined;
|
|
597
624
|
defaultValue?: DropdownOption | undefined;
|
|
@@ -604,7 +631,7 @@ declare type Props_5 = {
|
|
|
604
631
|
additionalClassName?: string | undefined;
|
|
605
632
|
};
|
|
606
633
|
|
|
607
|
-
declare type
|
|
634
|
+
declare type Props_7 = {
|
|
608
635
|
tooltipText?: string;
|
|
609
636
|
content?: string;
|
|
610
637
|
html?: string;
|
|
@@ -617,7 +644,7 @@ declare type Props_6 = {
|
|
|
617
644
|
ariaLabel?: string;
|
|
618
645
|
};
|
|
619
646
|
|
|
620
|
-
declare type
|
|
647
|
+
declare type Props_8 = {
|
|
621
648
|
controlKey: string;
|
|
622
649
|
labelText?: string;
|
|
623
650
|
type?: string;
|
|
@@ -630,7 +657,7 @@ declare type Props_7 = {
|
|
|
630
657
|
errorText?: string;
|
|
631
658
|
};
|
|
632
659
|
|
|
633
|
-
declare type
|
|
660
|
+
declare type Props_9 = {
|
|
634
661
|
controlKey: string;
|
|
635
662
|
options?: DropdownOption[];
|
|
636
663
|
labelText?: string;
|
|
@@ -639,15 +666,6 @@ declare type Props_8 = {
|
|
|
639
666
|
exclusive?: boolean;
|
|
640
667
|
};
|
|
641
668
|
|
|
642
|
-
declare type Props_9 = {
|
|
643
|
-
controlKey: string;
|
|
644
|
-
labelText?: string;
|
|
645
|
-
required?: boolean;
|
|
646
|
-
disabled?: boolean;
|
|
647
|
-
rows?: number;
|
|
648
|
-
errorText?: string;
|
|
649
|
-
};
|
|
650
|
-
|
|
651
669
|
export declare const PurchaseOrderIcon: FC;
|
|
652
670
|
|
|
653
671
|
export declare const PurchaseRequestsIcon: FC;
|
|
@@ -695,7 +713,7 @@ export declare const SearchIcon: FC;
|
|
|
695
713
|
|
|
696
714
|
export declare const SearchSmallIcon: FC;
|
|
697
715
|
|
|
698
|
-
export declare const Select: FC<
|
|
716
|
+
export declare const Select: FC<Props_6>;
|
|
699
717
|
|
|
700
718
|
export declare const SendIcon: FC;
|
|
701
719
|
|
|
@@ -753,7 +771,7 @@ export declare type TableSortState = {
|
|
|
753
771
|
direction: 'asc' | 'desc';
|
|
754
772
|
} | null;
|
|
755
773
|
|
|
756
|
-
export declare const TableZeroStateRow: ({ icon, illustration, text }:
|
|
774
|
+
export declare const TableZeroStateRow: ({ icon, illustration, text }: Props_4) => JSX.Element;
|
|
757
775
|
|
|
758
776
|
export declare const TiffIcon: () => JSX.Element;
|
|
759
777
|
|
|
@@ -780,7 +798,7 @@ declare type ToggleViewProps = {
|
|
|
780
798
|
disabled?: boolean;
|
|
781
799
|
};
|
|
782
800
|
|
|
783
|
-
export declare const Tooltip: ({ tooltipText, content, html, children, place, position, delay, className, wrapperClassName, ariaLabel, }:
|
|
801
|
+
export declare const Tooltip: ({ tooltipText, content, html, children, place, position, delay, className, wrapperClassName, ariaLabel, }: Props_7) => JSX.Element | null;
|
|
784
802
|
|
|
785
803
|
declare type TooltipPlace = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
|
|
786
804
|
|