maritime-ui 0.1.61 → 0.1.65
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 +70 -42
- package/dist/maritime-ui.cjs +9 -9
- package/dist/maritime-ui.css +1 -1
- package/dist/maritime-ui.js +3247 -3186
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,13 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
1
2
|
import { FC } from 'react';
|
|
2
3
|
import { ForwardRefExoticComponent } from 'react';
|
|
3
4
|
import { JSX } from 'react';
|
|
5
|
+
import { JSXElementConstructor } from 'react';
|
|
4
6
|
import { MouseEvent as MouseEvent_2 } from 'react';
|
|
5
|
-
import { Props as
|
|
7
|
+
import { Props as Props_9 } from 'react-select';
|
|
6
8
|
import { ReactElement } from 'react';
|
|
7
9
|
import { ReactNode } from 'react';
|
|
10
|
+
import { ReactPortal } from 'react';
|
|
8
11
|
import { RefAttributes } from 'react';
|
|
9
12
|
import { RefObject } from 'react';
|
|
10
13
|
import { SelectInstance } from 'react-select';
|
|
@@ -93,7 +96,7 @@ export declare const CheckIcon: FC;
|
|
|
93
96
|
|
|
94
97
|
export declare const CheckListIcon: () => JSX.Element;
|
|
95
98
|
|
|
96
|
-
export declare const CheckMarkBlackIcon: ({ className }:
|
|
99
|
+
export declare const CheckMarkBlackIcon: ({ className }: Props_18) => JSX.Element;
|
|
97
100
|
|
|
98
101
|
export declare const CheckmarkIcon: () => JSX.Element;
|
|
99
102
|
|
|
@@ -131,6 +134,8 @@ export declare const CrossIcon: () => JSX.Element;
|
|
|
131
134
|
|
|
132
135
|
export declare const CsvIcon: () => JSX.Element;
|
|
133
136
|
|
|
137
|
+
export declare const DateSeparator: ({ date, noIcon }: Props_2) => JSX.Element;
|
|
138
|
+
|
|
134
139
|
export declare const DeleteIcon: FC;
|
|
135
140
|
|
|
136
141
|
export declare const DeleteSlotIcon: FC;
|
|
@@ -177,6 +182,12 @@ export declare const EmailSentIcon: () => JSX.Element;
|
|
|
177
182
|
|
|
178
183
|
export declare const EmployeeDetailsIcon: FC;
|
|
179
184
|
|
|
185
|
+
export declare class ErrorBoundary extends Component<Props_17, State> {
|
|
186
|
+
state: State;
|
|
187
|
+
static getDerivedStateFromError(error: Error): State;
|
|
188
|
+
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;
|
|
189
|
+
}
|
|
190
|
+
|
|
180
191
|
export declare const FileCursorIcon: FC;
|
|
181
192
|
|
|
182
193
|
export declare const fileNameWithoutExt: (path: string) => string;
|
|
@@ -228,15 +239,15 @@ export declare const formatPrice: (price: number) => string;
|
|
|
228
239
|
|
|
229
240
|
export declare const FormCalendarIcon: () => JSX.Element;
|
|
230
241
|
|
|
231
|
-
export declare const FormFieldCheckbox: ({ controlKey, options, labelText, required, disabled, exclusive, }:
|
|
242
|
+
export declare const FormFieldCheckbox: ({ controlKey, options, labelText, required, disabled, exclusive, }: Props_7) => JSX.Element;
|
|
232
243
|
|
|
233
|
-
export declare const FormFieldDatepicker: ({ controlKey, labelText, placeholder, required, disabled, clearable, dateFormat, minDate, maxDate, onAfterChange, errorText, }:
|
|
244
|
+
export declare const FormFieldDatepicker: ({ controlKey, labelText, placeholder, required, disabled, clearable, dateFormat, minDate, maxDate, onAfterChange, errorText, }: Props_10) => JSX.Element;
|
|
234
245
|
|
|
235
|
-
export declare const FormFieldDatepickerRange: ({ controlKeyStart, controlKeyEnd, labelText, placeholder, required, disabled, clearable, dateFormat, minDate, maxDate, onAfterChange, errorText, }:
|
|
246
|
+
export declare const FormFieldDatepickerRange: ({ controlKeyStart, controlKeyEnd, labelText, placeholder, required, disabled, clearable, dateFormat, minDate, maxDate, onAfterChange, errorText, }: Props_11) => JSX.Element;
|
|
236
247
|
|
|
237
|
-
export declare const FormFieldInput: ({ controlKey, labelText, type, required, disabled, numeric, digitsOnly, decimalPlaces, onAfterChange, errorText, }:
|
|
248
|
+
export declare const FormFieldInput: ({ controlKey, labelText, type, required, disabled, numeric, digitsOnly, decimalPlaces, onAfterChange, errorText, }: Props_6) => JSX.Element;
|
|
238
249
|
|
|
239
|
-
export declare const FormFieldMultiSelect: ForwardRefExoticComponent<Omit<
|
|
250
|
+
export declare const FormFieldMultiSelect: ForwardRefExoticComponent<Omit<Props_9<DropdownOption, true>, "options" | "isMulti" | "noOptionsMessage"> & {
|
|
240
251
|
controlKey: string;
|
|
241
252
|
options: DropdownOption[];
|
|
242
253
|
labelText?: string;
|
|
@@ -249,9 +260,9 @@ errorText?: string;
|
|
|
249
260
|
optimize?: boolean;
|
|
250
261
|
} & RefAttributes<SelectInstance<DropdownOption, true>>>;
|
|
251
262
|
|
|
252
|
-
export declare const FormFieldRadio: ({ controlKey, options, label, tooltipText, required, disabled, }:
|
|
263
|
+
export declare const FormFieldRadio: ({ controlKey, options, label, tooltipText, required, disabled, }: Props_12) => JSX.Element;
|
|
253
264
|
|
|
254
|
-
export declare const FormFieldSelect: ForwardRefExoticComponent<Omit<
|
|
265
|
+
export declare const FormFieldSelect: ForwardRefExoticComponent<Omit<Props_9<DropdownOption, false>, "options" | "noOptionsMessage"> & {
|
|
255
266
|
controlKey: string;
|
|
256
267
|
options: DropdownOption[];
|
|
257
268
|
labelText?: string;
|
|
@@ -262,11 +273,12 @@ disabled?: boolean;
|
|
|
262
273
|
onAfterChange?: (value: string) => void;
|
|
263
274
|
errorText?: string;
|
|
264
275
|
optimize?: boolean;
|
|
276
|
+
inline?: boolean;
|
|
265
277
|
} & RefAttributes<SelectInstance<DropdownOption, false>>>;
|
|
266
278
|
|
|
267
|
-
export declare const FormFieldTextarea: ({ controlKey, labelText, required, disabled, rows, errorText, }:
|
|
279
|
+
export declare const FormFieldTextarea: ({ controlKey, labelText, required, disabled, rows, errorText, }: Props_8) => JSX.Element;
|
|
268
280
|
|
|
269
|
-
export declare const FormFieldTimepicker: FC<
|
|
281
|
+
export declare const FormFieldTimepicker: FC<Props_13>;
|
|
270
282
|
|
|
271
283
|
export declare const getBadgeTitle: (status: string) => string;
|
|
272
284
|
|
|
@@ -316,7 +328,9 @@ export declare const JobHistoryZeroStateIcon: FC;
|
|
|
316
328
|
|
|
317
329
|
export declare const JpgIcon: () => JSX.Element;
|
|
318
330
|
|
|
319
|
-
export declare const
|
|
331
|
+
export declare const LinkIcon: () => JSX.Element;
|
|
332
|
+
|
|
333
|
+
export declare const Loader: ({ size }: Props_14) => JSX.Element;
|
|
320
334
|
|
|
321
335
|
export declare const Logo: () => JSX.Element;
|
|
322
336
|
|
|
@@ -336,7 +350,7 @@ export declare const MedicalsIcon: FC;
|
|
|
336
350
|
|
|
337
351
|
export declare const MedicalsZeroStateIcon: FC;
|
|
338
352
|
|
|
339
|
-
export declare const MessageBoxError: ({ errorTag, error }:
|
|
353
|
+
export declare const MessageBoxError: ({ errorTag, error }: Props_16) => JSX.Element;
|
|
340
354
|
|
|
341
355
|
export declare const MessageBubble: FC;
|
|
342
356
|
|
|
@@ -376,9 +390,9 @@ declare type PageLoaderProps = {
|
|
|
376
390
|
text?: ReactNode;
|
|
377
391
|
};
|
|
378
392
|
|
|
379
|
-
export declare const PageWrapper: ({ children, additionalClassName }:
|
|
393
|
+
export declare const PageWrapper: ({ children, additionalClassName }: Props_15) => JSX.Element;
|
|
380
394
|
|
|
381
|
-
export declare const Pagination: FC<
|
|
395
|
+
export declare const Pagination: FC<Props_4>;
|
|
382
396
|
|
|
383
397
|
export declare const PasswordLockIcon: () => JSX.Element;
|
|
384
398
|
|
|
@@ -421,6 +435,20 @@ declare type Props = {
|
|
|
421
435
|
};
|
|
422
436
|
|
|
423
437
|
declare type Props_10 = {
|
|
438
|
+
controlKey: string;
|
|
439
|
+
labelText?: string;
|
|
440
|
+
placeholder?: string;
|
|
441
|
+
required?: boolean;
|
|
442
|
+
disabled?: boolean;
|
|
443
|
+
clearable?: boolean;
|
|
444
|
+
dateFormat?: string;
|
|
445
|
+
minDate?: Date;
|
|
446
|
+
maxDate?: Date;
|
|
447
|
+
onAfterChange?: (value: string) => void;
|
|
448
|
+
errorText?: string;
|
|
449
|
+
};
|
|
450
|
+
|
|
451
|
+
declare type Props_11 = {
|
|
424
452
|
controlKeyStart: string;
|
|
425
453
|
controlKeyEnd: string;
|
|
426
454
|
labelText?: string;
|
|
@@ -435,7 +463,7 @@ declare type Props_10 = {
|
|
|
435
463
|
errorText?: string;
|
|
436
464
|
};
|
|
437
465
|
|
|
438
|
-
declare type
|
|
466
|
+
declare type Props_12 = {
|
|
439
467
|
controlKey: string;
|
|
440
468
|
options: RadioOption[];
|
|
441
469
|
label?: string;
|
|
@@ -444,7 +472,7 @@ declare type Props_11 = {
|
|
|
444
472
|
disabled?: boolean;
|
|
445
473
|
};
|
|
446
474
|
|
|
447
|
-
declare type
|
|
475
|
+
declare type Props_13 = {
|
|
448
476
|
controlKey: string;
|
|
449
477
|
labelText: string;
|
|
450
478
|
required?: boolean;
|
|
@@ -453,31 +481,40 @@ declare type Props_12 = {
|
|
|
453
481
|
errorText?: string;
|
|
454
482
|
};
|
|
455
483
|
|
|
456
|
-
declare type
|
|
484
|
+
declare type Props_14 = {
|
|
457
485
|
size?: number;
|
|
458
486
|
};
|
|
459
487
|
|
|
460
|
-
declare type
|
|
488
|
+
declare type Props_15 = {
|
|
461
489
|
children: ReactNode;
|
|
462
490
|
additionalClassName?: string | undefined;
|
|
463
491
|
};
|
|
464
492
|
|
|
465
|
-
declare type
|
|
493
|
+
declare type Props_16 = {
|
|
466
494
|
errorTag?: string;
|
|
467
495
|
error?: string;
|
|
468
496
|
};
|
|
469
497
|
|
|
470
|
-
declare type
|
|
498
|
+
declare type Props_17 = {
|
|
499
|
+
children: ReactNode;
|
|
500
|
+
};
|
|
501
|
+
|
|
502
|
+
declare type Props_18 = {
|
|
471
503
|
className?: string;
|
|
472
504
|
};
|
|
473
505
|
|
|
474
506
|
declare type Props_2 = {
|
|
507
|
+
date: string;
|
|
508
|
+
noIcon?: boolean;
|
|
509
|
+
};
|
|
510
|
+
|
|
511
|
+
declare type Props_3 = {
|
|
475
512
|
icon?: ReactNode;
|
|
476
513
|
illustration?: ReactNode;
|
|
477
514
|
text: string;
|
|
478
515
|
};
|
|
479
516
|
|
|
480
|
-
declare type
|
|
517
|
+
declare type Props_4 = {
|
|
481
518
|
additionalClassName?: string;
|
|
482
519
|
handleClick?: (pageNumber: number) => void;
|
|
483
520
|
page: number;
|
|
@@ -488,7 +525,7 @@ declare type Props_3 = {
|
|
|
488
525
|
showResultCount?: boolean;
|
|
489
526
|
};
|
|
490
527
|
|
|
491
|
-
declare type
|
|
528
|
+
declare type Props_5 = {
|
|
492
529
|
tooltipText?: string;
|
|
493
530
|
content?: string;
|
|
494
531
|
html?: string;
|
|
@@ -501,7 +538,7 @@ declare type Props_4 = {
|
|
|
501
538
|
ariaLabel?: string;
|
|
502
539
|
};
|
|
503
540
|
|
|
504
|
-
declare type
|
|
541
|
+
declare type Props_6 = {
|
|
505
542
|
controlKey: string;
|
|
506
543
|
labelText?: string;
|
|
507
544
|
type?: string;
|
|
@@ -514,7 +551,7 @@ declare type Props_5 = {
|
|
|
514
551
|
errorText?: string;
|
|
515
552
|
};
|
|
516
553
|
|
|
517
|
-
declare type
|
|
554
|
+
declare type Props_7 = {
|
|
518
555
|
controlKey: string;
|
|
519
556
|
options?: DropdownOption[];
|
|
520
557
|
labelText?: string;
|
|
@@ -523,7 +560,7 @@ declare type Props_6 = {
|
|
|
523
560
|
exclusive?: boolean;
|
|
524
561
|
};
|
|
525
562
|
|
|
526
|
-
declare type
|
|
563
|
+
declare type Props_8 = {
|
|
527
564
|
controlKey: string;
|
|
528
565
|
labelText?: string;
|
|
529
566
|
required?: boolean;
|
|
@@ -532,20 +569,6 @@ declare type Props_7 = {
|
|
|
532
569
|
errorText?: string;
|
|
533
570
|
};
|
|
534
571
|
|
|
535
|
-
declare type Props_9 = {
|
|
536
|
-
controlKey: string;
|
|
537
|
-
labelText?: string;
|
|
538
|
-
placeholder?: string;
|
|
539
|
-
required?: boolean;
|
|
540
|
-
disabled?: boolean;
|
|
541
|
-
clearable?: boolean;
|
|
542
|
-
dateFormat?: string;
|
|
543
|
-
minDate?: Date;
|
|
544
|
-
maxDate?: Date;
|
|
545
|
-
onAfterChange?: (value: string) => void;
|
|
546
|
-
errorText?: string;
|
|
547
|
-
};
|
|
548
|
-
|
|
549
572
|
export declare const PurchaseOrderIcon: FC;
|
|
550
573
|
|
|
551
574
|
export declare const PurchaseRequestsIcon: FC;
|
|
@@ -599,6 +622,11 @@ export declare const ShareIcon: FC;
|
|
|
599
622
|
|
|
600
623
|
export declare const SignOffIcon: FC;
|
|
601
624
|
|
|
625
|
+
declare type State = {
|
|
626
|
+
hasError: boolean;
|
|
627
|
+
errorMessage: string;
|
|
628
|
+
};
|
|
629
|
+
|
|
602
630
|
export declare const StatusCheckmarkIcon: () => JSX.Element;
|
|
603
631
|
|
|
604
632
|
export declare const Table: FC<TableProps>;
|
|
@@ -628,7 +656,7 @@ export declare type TableSortState = {
|
|
|
628
656
|
direction: 'asc' | 'desc';
|
|
629
657
|
} | null;
|
|
630
658
|
|
|
631
|
-
export declare const TableZeroStateRow: ({ icon, illustration, text }:
|
|
659
|
+
export declare const TableZeroStateRow: ({ icon, illustration, text }: Props_3) => JSX.Element;
|
|
632
660
|
|
|
633
661
|
export declare const TiffIcon: () => JSX.Element;
|
|
634
662
|
|
|
@@ -655,7 +683,7 @@ declare type ToggleViewProps = {
|
|
|
655
683
|
disabled?: boolean;
|
|
656
684
|
};
|
|
657
685
|
|
|
658
|
-
export declare const Tooltip: ({ tooltipText, content, html, children, place, position, delay, className, wrapperClassName, ariaLabel, }:
|
|
686
|
+
export declare const Tooltip: ({ tooltipText, content, html, children, place, position, delay, className, wrapperClassName, ariaLabel, }: Props_5) => JSX.Element | null;
|
|
659
687
|
|
|
660
688
|
declare type TooltipPlace = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
|
|
661
689
|
|