karsten-design-system 1.0.2 → 1.0.4
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/auto-Ccr0jDWk.js +14782 -0
- package/dist/auto-Ccr0jDWk.js.map +1 -0
- package/dist/index.d.ts +25 -0
- package/dist/index.js +15067 -2962
- package/dist/index.js.map +1 -1
- package/dist/mock/mockedComponente/mockedInternalMenu.d.ts +1 -0
- package/dist/mock/mockedComponente/screenContainer.d.ts +5 -0
- package/dist/stories/components/accordion.d.ts +2 -3
- package/dist/stories/components/autoComplete.d.ts +2 -3
- package/dist/stories/components/breadcrumb.d.ts +2 -3
- package/dist/stories/components/breadcrumb.stories.d.ts +1 -1
- package/dist/stories/components/button.d.ts +2 -2
- package/dist/stories/components/button.stories.d.ts +1 -1
- package/dist/stories/components/card.d.ts +2 -3
- package/dist/stories/components/chart.d.ts +1 -1
- package/dist/stories/components/dateInput.d.ts +2 -3
- package/dist/stories/components/dialog.d.ts +2 -3
- package/dist/stories/components/divider.d.ts +1 -1
- package/dist/stories/components/filterButton.d.ts +2 -2
- package/dist/stories/components/header.d.ts +2 -3
- package/dist/stories/components/iconButton.d.ts +2 -2
- package/dist/stories/components/iconButton.stories.d.ts +1 -1
- package/dist/stories/components/infoCard.d.ts +2 -3
- package/dist/stories/components/input.d.ts +1 -1
- package/dist/stories/components/internalMenu.d.ts +2 -3
- package/dist/stories/components/link.d.ts +3 -4
- package/dist/stories/components/megaMenu.d.ts +2 -3
- package/dist/stories/components/megaMenu.stories.d.ts +1 -1
- package/dist/stories/components/notification.d.ts +3 -4
- package/dist/stories/components/paginator.d.ts +1 -1
- package/dist/stories/components/radioButton.d.ts +3 -3
- package/dist/stories/components/select.d.ts +2 -3
- package/dist/stories/components/sidebar.d.ts +2 -3
- package/dist/stories/components/skeleton.d.ts +1 -1
- package/dist/stories/components/spinner.d.ts +2 -2
- package/dist/stories/components/spinner.stories.d.ts +1 -1
- package/dist/stories/components/table.d.ts +2 -3
- package/package.json +2 -2
- package/dist/index.esm.js +0 -8150
- package/dist/index.esm.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function MockedInternalMenu(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
type AccordionProps = {
|
|
2
|
+
export type AccordionProps = {
|
|
3
3
|
tabsChindren: ReactNode[];
|
|
4
4
|
headers: string[];
|
|
5
5
|
multiple?: boolean;
|
|
6
6
|
activeIndex?: number | number[];
|
|
7
7
|
className?: string;
|
|
8
8
|
};
|
|
9
|
-
export
|
|
10
|
-
export {};
|
|
9
|
+
export declare function Accordion({ tabsChindren, headers, multiple, activeIndex, className, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { InputTextProps } from 'primereact/inputtext';
|
|
2
|
-
type AutoCompleteProps = {
|
|
2
|
+
export type AutoCompleteProps = {
|
|
3
3
|
items: string[];
|
|
4
4
|
onChange: (value: string) => void;
|
|
5
5
|
error?: string;
|
|
6
6
|
} & Omit<InputTextProps, 'onChange'>;
|
|
7
|
-
export
|
|
8
|
-
export {};
|
|
7
|
+
export declare function AutoComplete({ items, onChange, error, ...props }: AutoCompleteProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { BreadcrumpItems } from '../../types';
|
|
2
|
-
type BreadcrumbProps = {
|
|
2
|
+
export type BreadcrumbProps = {
|
|
3
3
|
items: BreadcrumpItems[];
|
|
4
4
|
};
|
|
5
|
-
export
|
|
6
|
-
export {};
|
|
5
|
+
export declare function Breadcrumb({ items }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -8,10 +8,10 @@ declare const variants: {
|
|
|
8
8
|
grayOutline: string;
|
|
9
9
|
tab: string;
|
|
10
10
|
};
|
|
11
|
-
type ButtonProps = {
|
|
11
|
+
export type ButtonProps = {
|
|
12
12
|
variant: keyof typeof variants;
|
|
13
13
|
selected?: boolean;
|
|
14
14
|
rightIcon?: string;
|
|
15
15
|
} & PrimeButtonProps;
|
|
16
|
-
export
|
|
16
|
+
export declare function Button({ variant, selected, rightIcon, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
export {};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
type CardProp = {
|
|
1
|
+
export type CardProp = {
|
|
2
2
|
children: React.ReactNode;
|
|
3
3
|
className?: string;
|
|
4
4
|
};
|
|
5
|
-
export
|
|
6
|
-
export {};
|
|
5
|
+
export declare function Card({ children, className }: CardProp): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ChartProps as PrimeChartProps } from 'primereact/chart';
|
|
2
2
|
export type ChartProps = PrimeChartProps;
|
|
3
|
-
export
|
|
3
|
+
export declare function Chart(props: ChartProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { CalendarProps } from 'primereact/calendar';
|
|
2
|
-
type DateInputProps = {
|
|
2
|
+
export type DateInputProps = {
|
|
3
3
|
error?: boolean;
|
|
4
4
|
} & CalendarProps;
|
|
5
|
-
export
|
|
6
|
-
export {};
|
|
5
|
+
export declare function DateInput({ error, ...props }: DateInputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
type DialogProps = {
|
|
1
|
+
export type DialogProps = {
|
|
2
2
|
title: string | undefined;
|
|
3
3
|
description: string | undefined;
|
|
4
4
|
labelConfirmButton: string | undefined;
|
|
5
5
|
onClose: () => void;
|
|
6
6
|
onClick: () => void;
|
|
7
7
|
};
|
|
8
|
-
export
|
|
9
|
-
export {};
|
|
8
|
+
export declare function Dialog({ title, description, labelConfirmButton, onClose, onClick, }: DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { DividerProps } from 'primereact/divider';
|
|
2
|
-
export
|
|
2
|
+
export declare function Divider({ ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -6,7 +6,7 @@ declare const variants: {
|
|
|
6
6
|
button: string;
|
|
7
7
|
};
|
|
8
8
|
};
|
|
9
|
-
type FilterButtonProps = {
|
|
9
|
+
export type FilterButtonProps = {
|
|
10
10
|
filterOptions: Option[];
|
|
11
11
|
setOption: (option: Option | null) => void;
|
|
12
12
|
option: Option | null;
|
|
@@ -14,5 +14,5 @@ type FilterButtonProps = {
|
|
|
14
14
|
icon: React.ReactNode | string;
|
|
15
15
|
label: string;
|
|
16
16
|
} & Omit<PrimeButtonProps, 'icon'>;
|
|
17
|
-
export
|
|
17
|
+
export declare function FilterButton({ filterOptions, setOption, option, variant, icon, label, ...props }: FilterButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export {};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { InternalMenuItems } from '../../types/internalMenu';
|
|
2
|
-
type MenubarProps = {
|
|
2
|
+
export type MenubarProps = {
|
|
3
3
|
sidebarItems: InternalMenuItems[];
|
|
4
4
|
userConfigItems: InternalMenuItems[];
|
|
5
5
|
username: string;
|
|
6
6
|
setOpenNotifications: (value: boolean) => void;
|
|
7
7
|
};
|
|
8
|
-
export
|
|
9
|
-
export {};
|
|
8
|
+
export declare function Header({ sidebarItems, username, userConfigItems, setOpenNotifications, }: MenubarProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,9 +3,9 @@ declare const variants: {
|
|
|
3
3
|
border: string;
|
|
4
4
|
shadow: string;
|
|
5
5
|
};
|
|
6
|
-
type ButtonProps = {
|
|
6
|
+
export type ButtonProps = {
|
|
7
7
|
variant: keyof typeof variants;
|
|
8
8
|
icon: string;
|
|
9
9
|
} & PrimeButtonProps;
|
|
10
|
-
export
|
|
10
|
+
export declare function IconButton({ variant, icon, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
type InfoCardProps = {
|
|
2
|
+
export type InfoCardProps = {
|
|
3
3
|
title: string;
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
icon?: ReactNode;
|
|
6
6
|
className?: string;
|
|
7
7
|
titleClassName?: string;
|
|
8
8
|
};
|
|
9
|
-
export
|
|
10
|
-
export {};
|
|
9
|
+
export declare function InfoCard({ title, children, icon, className, titleClassName, }: InfoCardProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -13,5 +13,5 @@ declare const variants: {
|
|
|
13
13
|
green: string;
|
|
14
14
|
gray: string;
|
|
15
15
|
};
|
|
16
|
-
export
|
|
16
|
+
export declare function Input({ onChange, placeholder, disabled, error, icon, onClickIcon, iconColor, label, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
export {};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { InternalMenuItems } from '../../types/internalMenu';
|
|
2
|
-
type InternalMenuProp = {
|
|
2
|
+
export type InternalMenuProp = {
|
|
3
3
|
item: InternalMenuItems[];
|
|
4
4
|
};
|
|
5
|
-
export
|
|
6
|
-
export {};
|
|
5
|
+
export declare function InternalMenu({ item }: InternalMenuProp): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
export type LinkProps = {
|
|
2
2
|
href: string;
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
className?: string;
|
|
5
|
-
}
|
|
6
|
-
export
|
|
7
|
-
export {};
|
|
5
|
+
};
|
|
6
|
+
export declare function Link({ href, children, className }: LinkProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { MegaMenuItems } from '../../types';
|
|
2
|
-
type MegaMenuProps = {
|
|
2
|
+
export type MegaMenuProps = {
|
|
3
3
|
items: MegaMenuItems[];
|
|
4
4
|
};
|
|
5
|
-
export
|
|
6
|
-
export {};
|
|
5
|
+
export declare function MegaMenu({ items }: MegaMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import { Option } from '../../types';
|
|
2
2
|
import { NotificationType } from '../../types/notification';
|
|
3
|
-
type NotificationProps = {
|
|
3
|
+
export type NotificationProps = {
|
|
4
4
|
onClose: () => void;
|
|
5
5
|
onReadAll: () => void;
|
|
6
6
|
onDeleteNotificationbyId: (id: string) => void;
|
|
7
7
|
onClickNotification: (id: string) => void;
|
|
8
8
|
notifications: NotificationType[];
|
|
9
|
-
setFilter: (value: Option) => void;
|
|
9
|
+
setFilter: (value: Option | null) => void;
|
|
10
10
|
filter: Option | null;
|
|
11
11
|
setInputValue: (value: string) => void;
|
|
12
12
|
inputValue: string;
|
|
13
13
|
filterOptions: Option[];
|
|
14
14
|
};
|
|
15
|
-
export
|
|
16
|
-
export {};
|
|
15
|
+
export declare function Notification({ onClose, onReadAll, onDeleteNotificationbyId, onClickNotification, notifications, setFilter, filter, setInputValue, inputValue, filterOptions, }: NotificationProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { PaginatorProps } from 'primereact/paginator';
|
|
2
|
-
export
|
|
2
|
+
export declare function Paginator(props: PaginatorProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,7 +2,7 @@ declare const variants: {
|
|
|
2
2
|
white: string;
|
|
3
3
|
secondary: string;
|
|
4
4
|
};
|
|
5
|
-
|
|
5
|
+
export type RadioButtonProps = {
|
|
6
6
|
variant?: keyof typeof variants;
|
|
7
7
|
label: string;
|
|
8
8
|
value: string;
|
|
@@ -10,6 +10,6 @@ interface RadioButtonProps {
|
|
|
10
10
|
onChange: () => void;
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
error?: boolean;
|
|
13
|
-
}
|
|
14
|
-
export
|
|
13
|
+
};
|
|
14
|
+
export declare function RadioButton({ label, value, checked, onChange, disabled, error, variant, }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Option } from '../../types';
|
|
2
|
-
type SelectProps = {
|
|
2
|
+
export type SelectProps = {
|
|
3
3
|
options: Option[];
|
|
4
4
|
value: Option | null;
|
|
5
5
|
onChange: (option: Option) => void;
|
|
@@ -7,5 +7,4 @@ type SelectProps = {
|
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
error?: string;
|
|
9
9
|
};
|
|
10
|
-
export
|
|
11
|
-
export {};
|
|
10
|
+
export declare function Select({ options, value, onChange, placeholder, disabled, error, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { InternalMenuItems } from '../../types/internalMenu';
|
|
2
|
-
type sidebarProps = {
|
|
2
|
+
export type sidebarProps = {
|
|
3
3
|
item?: InternalMenuItems[];
|
|
4
4
|
onClose?: () => void;
|
|
5
5
|
};
|
|
6
|
-
export
|
|
7
|
-
export {};
|
|
6
|
+
export declare function Sidebar({ item, onClose }: sidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { SkeletonProps } from 'primereact/skeleton';
|
|
2
|
-
export
|
|
2
|
+
export declare function Skeleton({ shape, width, height, borderRadius, animation, size, className, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
type SpinnerProps = {
|
|
1
|
+
export type SpinnerProps = {
|
|
2
2
|
size?: keyof typeof sizeVariants;
|
|
3
3
|
color?: keyof typeof colorVariants;
|
|
4
4
|
};
|
|
@@ -11,5 +11,5 @@ declare const sizeVariants: {
|
|
|
11
11
|
md: string;
|
|
12
12
|
lg: string;
|
|
13
13
|
};
|
|
14
|
-
export
|
|
14
|
+
export declare function Spinner({ size, color }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ColumnStyle, TableData } from '../../types/table';
|
|
2
|
-
type tableProps = {
|
|
2
|
+
export type tableProps = {
|
|
3
3
|
columns: string[];
|
|
4
4
|
columnStyles?: ColumnStyle[];
|
|
5
5
|
data: TableData[];
|
|
@@ -7,5 +7,4 @@ type tableProps = {
|
|
|
7
7
|
onEdit: (index: number) => void;
|
|
8
8
|
onExport: (index: number) => void;
|
|
9
9
|
};
|
|
10
|
-
export
|
|
11
|
-
export {};
|
|
10
|
+
export declare function Table({ columns, data, onDelete, onEdit, onExport, columnStyles, }: tableProps): import("react/jsx-runtime").JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "karsten-design-system",
|
|
3
3
|
"description": "Kasrten Design System Components",
|
|
4
|
-
"version": "1.0.
|
|
5
|
-
"main": "dist/index.js",
|
|
4
|
+
"version": "1.0.4",
|
|
5
|
+
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|
|
7
7
|
"types": "dist/index.d.ts",
|
|
8
8
|
"type": "module",
|