@natoora-libs/core 0.0.32 → 0.0.34
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/components/index.cjs +572 -677
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.d.cts +54 -64
- package/dist/components/index.d.ts +54 -64
- package/dist/components/index.js +480 -584
- package/dist/components/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -2,6 +2,7 @@ import React, { ReactNode, FC, ComponentType } from 'react';
|
|
|
2
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
3
|
import * as prop_types from 'prop-types';
|
|
4
4
|
import prop_types__default, { any } from 'prop-types';
|
|
5
|
+
import Typography from '@mui/material/Typography';
|
|
5
6
|
|
|
6
7
|
interface AlertDialogProps {
|
|
7
8
|
open: boolean;
|
|
@@ -82,49 +83,25 @@ declare const _default$g: React.MemoExoticComponent<{
|
|
|
82
83
|
};
|
|
83
84
|
}>;
|
|
84
85
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
href: string;
|
|
105
|
-
tooltip: string;
|
|
106
|
-
component: string;
|
|
107
|
-
type: undefined;
|
|
108
|
-
className: undefined;
|
|
109
|
-
onClick: undefined;
|
|
110
|
-
subcopy: undefined;
|
|
111
|
-
variant: string;
|
|
112
|
-
};
|
|
113
|
-
propTypes: {
|
|
114
|
-
buttonType: prop_types.Requireable<string>;
|
|
115
|
-
className: prop_types.Requireable<string>;
|
|
116
|
-
color: prop_types.Requireable<string>;
|
|
117
|
-
copy: prop_types.Validator<string>;
|
|
118
|
-
disabled: prop_types.Requireable<boolean>;
|
|
119
|
-
href: prop_types.Requireable<string>;
|
|
120
|
-
onClick: prop_types.Requireable<(...args: any[]) => any>;
|
|
121
|
-
subcopy: prop_types.Requireable<string>;
|
|
122
|
-
tooltip: prop_types.Requireable<string>;
|
|
123
|
-
component: prop_types.Requireable<string>;
|
|
124
|
-
type: prop_types.Requireable<string>;
|
|
125
|
-
variant: prop_types.Requireable<string>;
|
|
126
|
-
};
|
|
127
|
-
}>;
|
|
86
|
+
type ButtonType = 'button' | 'submit';
|
|
87
|
+
type ButtonColor = 'default' | 'inherit' | 'primary' | 'secondary' | 'noOutline';
|
|
88
|
+
type IconType = 'add' | 'apps' | 'childCare' | 'delete' | 'edit' | 'importExport' | 'notes' | 'print' | 'save' | 'upload' | 'refresh' | 'download' | 'publish';
|
|
89
|
+
type ButtonVariant = 'contained' | 'outlined' | 'text';
|
|
90
|
+
interface ExtendedButtonProps {
|
|
91
|
+
buttonType?: ButtonType;
|
|
92
|
+
className?: string;
|
|
93
|
+
color?: ButtonColor;
|
|
94
|
+
copy: string;
|
|
95
|
+
disabled?: boolean;
|
|
96
|
+
href?: string;
|
|
97
|
+
onClick?: () => void;
|
|
98
|
+
subcopy?: string;
|
|
99
|
+
type?: IconType;
|
|
100
|
+
variant?: ButtonVariant;
|
|
101
|
+
component?: React.ElementType;
|
|
102
|
+
tooltip?: string;
|
|
103
|
+
}
|
|
104
|
+
declare const _default$f: React.MemoExoticComponent<({ buttonType, className, color, copy, disabled, href, onClick, subcopy, type, variant, component, tooltip, }: ExtendedButtonProps) => react_jsx_runtime.JSX.Element>;
|
|
128
105
|
|
|
129
106
|
declare const _default$e: React.MemoExoticComponent<{
|
|
130
107
|
({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: {
|
|
@@ -261,13 +238,6 @@ interface IDeleteUserDialogContent {
|
|
|
261
238
|
}
|
|
262
239
|
declare const _default$a: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
|
|
263
240
|
|
|
264
|
-
type Props$1 = {
|
|
265
|
-
children: React.ReactNode;
|
|
266
|
-
imageLogoDarkSmall: string;
|
|
267
|
-
imageLogoLightSmall: string;
|
|
268
|
-
};
|
|
269
|
-
declare const DesktopContainer: ({ imageLogoDarkSmall, imageLogoLightSmall, children, }: Props$1) => react_jsx_runtime.JSX.Element;
|
|
270
|
-
|
|
271
241
|
interface ITwoButtonDialogProps {
|
|
272
242
|
confirmButton: () => void;
|
|
273
243
|
dialogLoading?: boolean;
|
|
@@ -397,8 +367,15 @@ interface ILeftDrawer {
|
|
|
397
367
|
open: boolean;
|
|
398
368
|
handleOpen: () => void;
|
|
399
369
|
handleClose: () => void;
|
|
370
|
+
onLogout: () => void;
|
|
371
|
+
user: {
|
|
372
|
+
profile_picture: string;
|
|
373
|
+
first_name: string;
|
|
374
|
+
last_name: string;
|
|
375
|
+
username: string;
|
|
376
|
+
};
|
|
400
377
|
}
|
|
401
|
-
declare const _default$9: React.MemoExoticComponent<({ handleClose, handleOpen, open }: ILeftDrawer) => react_jsx_runtime.JSX.Element>;
|
|
378
|
+
declare const _default$9: React.MemoExoticComponent<({ handleClose, handleOpen, onLogout, open, user, }: ILeftDrawer) => react_jsx_runtime.JSX.Element>;
|
|
402
379
|
|
|
403
380
|
interface ILoading {
|
|
404
381
|
isLoading: boolean;
|
|
@@ -627,8 +604,10 @@ declare const _default$3: React.MemoExoticComponent<{
|
|
|
627
604
|
type Props = {
|
|
628
605
|
imageLogoDarkSmall: string;
|
|
629
606
|
imageLogoLightSmall: string;
|
|
607
|
+
handleOpen: () => void;
|
|
608
|
+
LeftDrawer: ReactNode;
|
|
630
609
|
};
|
|
631
|
-
declare const _default$2: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall }: Props) => react_jsx_runtime.JSX.Element>;
|
|
610
|
+
declare const _default$2: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall, handleOpen, LeftDrawer, }: Props) => react_jsx_runtime.JSX.Element>;
|
|
632
611
|
|
|
633
612
|
declare const _default$1: React.MemoExoticComponent<{
|
|
634
613
|
({ src, width, height }: {
|
|
@@ -643,17 +622,28 @@ declare const _default$1: React.MemoExoticComponent<{
|
|
|
643
622
|
};
|
|
644
623
|
}>;
|
|
645
624
|
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
propTypes: {
|
|
653
|
-
user: prop_types__default.Requireable<any>;
|
|
654
|
-
avatarProps: prop_types__default.Requireable<any>;
|
|
655
|
-
typographyProps: prop_types__default.Requireable<any>;
|
|
625
|
+
type UserBustProps = {
|
|
626
|
+
user: {
|
|
627
|
+
profile_picture: string;
|
|
628
|
+
first_name: string;
|
|
629
|
+
last_name: string;
|
|
630
|
+
username: string;
|
|
656
631
|
};
|
|
657
|
-
|
|
632
|
+
avatarProps: {
|
|
633
|
+
height: number;
|
|
634
|
+
width: number;
|
|
635
|
+
};
|
|
636
|
+
typographyProps: {
|
|
637
|
+
name?: {
|
|
638
|
+
variant: React.ComponentProps<typeof Typography>['variant'];
|
|
639
|
+
component: string;
|
|
640
|
+
};
|
|
641
|
+
username?: {
|
|
642
|
+
variant: React.ComponentProps<typeof Typography>['variant'];
|
|
643
|
+
component: string;
|
|
644
|
+
};
|
|
645
|
+
};
|
|
646
|
+
};
|
|
647
|
+
declare const _default: React.MemoExoticComponent<({ user, avatarProps, typographyProps }: UserBustProps) => react_jsx_runtime.JSX.Element>;
|
|
658
648
|
|
|
659
|
-
export { AlertDialog, AlertDialogFullScreen, AppLabel, BackHeader, BottomBar, _default$g as BoxButton, CompanyLogo, Date, _default$b as DeleteSubstitutionDialogContent, _default$a as DeleteUserDialogContent,
|
|
649
|
+
export { AlertDialog, AlertDialogFullScreen, AppLabel, BackHeader, BottomBar, _default$g as BoxButton, CompanyLogo, Date, _default$b as DeleteSubstitutionDialogContent, _default$a as DeleteUserDialogContent, _default$f as ExtendedButton, _default$e as FilledButton, _default$d as FilledButtonLg, _default$5 as FixedFooter, _default$9 as LeftDrawer, Loading, _default$c as OutlinedButton, PaginationForTable as Pagination, ProductImage, RenderContentList, RoundButton, RowProductCard, _default$8 as SearchAndFilterHeaderForTable, _default$7 as SearchWithFilters, _default$6 as SearchWithFiltersForTable, SectionName, Shift, _default$4 as SmartTableHeader, TableDesktop, TableEmptyResult, _default$3 as TableHeader, _default$2 as TheToolbar, TwoButtonDialog, _default$1 as UserAvatar, _default as UserBust, icons };
|
|
@@ -2,6 +2,7 @@ import React, { ReactNode, FC, ComponentType } from 'react';
|
|
|
2
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
3
|
import * as prop_types from 'prop-types';
|
|
4
4
|
import prop_types__default, { any } from 'prop-types';
|
|
5
|
+
import Typography from '@mui/material/Typography';
|
|
5
6
|
|
|
6
7
|
interface AlertDialogProps {
|
|
7
8
|
open: boolean;
|
|
@@ -82,49 +83,25 @@ declare const _default$g: React.MemoExoticComponent<{
|
|
|
82
83
|
};
|
|
83
84
|
}>;
|
|
84
85
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
href: string;
|
|
105
|
-
tooltip: string;
|
|
106
|
-
component: string;
|
|
107
|
-
type: undefined;
|
|
108
|
-
className: undefined;
|
|
109
|
-
onClick: undefined;
|
|
110
|
-
subcopy: undefined;
|
|
111
|
-
variant: string;
|
|
112
|
-
};
|
|
113
|
-
propTypes: {
|
|
114
|
-
buttonType: prop_types.Requireable<string>;
|
|
115
|
-
className: prop_types.Requireable<string>;
|
|
116
|
-
color: prop_types.Requireable<string>;
|
|
117
|
-
copy: prop_types.Validator<string>;
|
|
118
|
-
disabled: prop_types.Requireable<boolean>;
|
|
119
|
-
href: prop_types.Requireable<string>;
|
|
120
|
-
onClick: prop_types.Requireable<(...args: any[]) => any>;
|
|
121
|
-
subcopy: prop_types.Requireable<string>;
|
|
122
|
-
tooltip: prop_types.Requireable<string>;
|
|
123
|
-
component: prop_types.Requireable<string>;
|
|
124
|
-
type: prop_types.Requireable<string>;
|
|
125
|
-
variant: prop_types.Requireable<string>;
|
|
126
|
-
};
|
|
127
|
-
}>;
|
|
86
|
+
type ButtonType = 'button' | 'submit';
|
|
87
|
+
type ButtonColor = 'default' | 'inherit' | 'primary' | 'secondary' | 'noOutline';
|
|
88
|
+
type IconType = 'add' | 'apps' | 'childCare' | 'delete' | 'edit' | 'importExport' | 'notes' | 'print' | 'save' | 'upload' | 'refresh' | 'download' | 'publish';
|
|
89
|
+
type ButtonVariant = 'contained' | 'outlined' | 'text';
|
|
90
|
+
interface ExtendedButtonProps {
|
|
91
|
+
buttonType?: ButtonType;
|
|
92
|
+
className?: string;
|
|
93
|
+
color?: ButtonColor;
|
|
94
|
+
copy: string;
|
|
95
|
+
disabled?: boolean;
|
|
96
|
+
href?: string;
|
|
97
|
+
onClick?: () => void;
|
|
98
|
+
subcopy?: string;
|
|
99
|
+
type?: IconType;
|
|
100
|
+
variant?: ButtonVariant;
|
|
101
|
+
component?: React.ElementType;
|
|
102
|
+
tooltip?: string;
|
|
103
|
+
}
|
|
104
|
+
declare const _default$f: React.MemoExoticComponent<({ buttonType, className, color, copy, disabled, href, onClick, subcopy, type, variant, component, tooltip, }: ExtendedButtonProps) => react_jsx_runtime.JSX.Element>;
|
|
128
105
|
|
|
129
106
|
declare const _default$e: React.MemoExoticComponent<{
|
|
130
107
|
({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: {
|
|
@@ -261,13 +238,6 @@ interface IDeleteUserDialogContent {
|
|
|
261
238
|
}
|
|
262
239
|
declare const _default$a: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
|
|
263
240
|
|
|
264
|
-
type Props$1 = {
|
|
265
|
-
children: React.ReactNode;
|
|
266
|
-
imageLogoDarkSmall: string;
|
|
267
|
-
imageLogoLightSmall: string;
|
|
268
|
-
};
|
|
269
|
-
declare const DesktopContainer: ({ imageLogoDarkSmall, imageLogoLightSmall, children, }: Props$1) => react_jsx_runtime.JSX.Element;
|
|
270
|
-
|
|
271
241
|
interface ITwoButtonDialogProps {
|
|
272
242
|
confirmButton: () => void;
|
|
273
243
|
dialogLoading?: boolean;
|
|
@@ -397,8 +367,15 @@ interface ILeftDrawer {
|
|
|
397
367
|
open: boolean;
|
|
398
368
|
handleOpen: () => void;
|
|
399
369
|
handleClose: () => void;
|
|
370
|
+
onLogout: () => void;
|
|
371
|
+
user: {
|
|
372
|
+
profile_picture: string;
|
|
373
|
+
first_name: string;
|
|
374
|
+
last_name: string;
|
|
375
|
+
username: string;
|
|
376
|
+
};
|
|
400
377
|
}
|
|
401
|
-
declare const _default$9: React.MemoExoticComponent<({ handleClose, handleOpen, open }: ILeftDrawer) => react_jsx_runtime.JSX.Element>;
|
|
378
|
+
declare const _default$9: React.MemoExoticComponent<({ handleClose, handleOpen, onLogout, open, user, }: ILeftDrawer) => react_jsx_runtime.JSX.Element>;
|
|
402
379
|
|
|
403
380
|
interface ILoading {
|
|
404
381
|
isLoading: boolean;
|
|
@@ -627,8 +604,10 @@ declare const _default$3: React.MemoExoticComponent<{
|
|
|
627
604
|
type Props = {
|
|
628
605
|
imageLogoDarkSmall: string;
|
|
629
606
|
imageLogoLightSmall: string;
|
|
607
|
+
handleOpen: () => void;
|
|
608
|
+
LeftDrawer: ReactNode;
|
|
630
609
|
};
|
|
631
|
-
declare const _default$2: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall }: Props) => react_jsx_runtime.JSX.Element>;
|
|
610
|
+
declare const _default$2: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall, handleOpen, LeftDrawer, }: Props) => react_jsx_runtime.JSX.Element>;
|
|
632
611
|
|
|
633
612
|
declare const _default$1: React.MemoExoticComponent<{
|
|
634
613
|
({ src, width, height }: {
|
|
@@ -643,17 +622,28 @@ declare const _default$1: React.MemoExoticComponent<{
|
|
|
643
622
|
};
|
|
644
623
|
}>;
|
|
645
624
|
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
propTypes: {
|
|
653
|
-
user: prop_types__default.Requireable<any>;
|
|
654
|
-
avatarProps: prop_types__default.Requireable<any>;
|
|
655
|
-
typographyProps: prop_types__default.Requireable<any>;
|
|
625
|
+
type UserBustProps = {
|
|
626
|
+
user: {
|
|
627
|
+
profile_picture: string;
|
|
628
|
+
first_name: string;
|
|
629
|
+
last_name: string;
|
|
630
|
+
username: string;
|
|
656
631
|
};
|
|
657
|
-
|
|
632
|
+
avatarProps: {
|
|
633
|
+
height: number;
|
|
634
|
+
width: number;
|
|
635
|
+
};
|
|
636
|
+
typographyProps: {
|
|
637
|
+
name?: {
|
|
638
|
+
variant: React.ComponentProps<typeof Typography>['variant'];
|
|
639
|
+
component: string;
|
|
640
|
+
};
|
|
641
|
+
username?: {
|
|
642
|
+
variant: React.ComponentProps<typeof Typography>['variant'];
|
|
643
|
+
component: string;
|
|
644
|
+
};
|
|
645
|
+
};
|
|
646
|
+
};
|
|
647
|
+
declare const _default: React.MemoExoticComponent<({ user, avatarProps, typographyProps }: UserBustProps) => react_jsx_runtime.JSX.Element>;
|
|
658
648
|
|
|
659
|
-
export { AlertDialog, AlertDialogFullScreen, AppLabel, BackHeader, BottomBar, _default$g as BoxButton, CompanyLogo, Date, _default$b as DeleteSubstitutionDialogContent, _default$a as DeleteUserDialogContent,
|
|
649
|
+
export { AlertDialog, AlertDialogFullScreen, AppLabel, BackHeader, BottomBar, _default$g as BoxButton, CompanyLogo, Date, _default$b as DeleteSubstitutionDialogContent, _default$a as DeleteUserDialogContent, _default$f as ExtendedButton, _default$e as FilledButton, _default$d as FilledButtonLg, _default$5 as FixedFooter, _default$9 as LeftDrawer, Loading, _default$c as OutlinedButton, PaginationForTable as Pagination, ProductImage, RenderContentList, RoundButton, RowProductCard, _default$8 as SearchAndFilterHeaderForTable, _default$7 as SearchWithFilters, _default$6 as SearchWithFiltersForTable, SectionName, Shift, _default$4 as SmartTableHeader, TableDesktop, TableEmptyResult, _default$3 as TableHeader, _default$2 as TheToolbar, TwoButtonDialog, _default$1 as UserAvatar, _default as UserBust, icons };
|