@kwantis-id3/frontend-library 0.13.2 → 0.13.3
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/package.json +3 -2
- package/src/types/emotion.d.ts +8 -0
- package/dist/esm/index.js +0 -104
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/types/components/Accordion/Accordion.d.ts +0 -19
- package/dist/esm/types/components/Accordion/AccordionStyled.d.ts +0 -24
- package/dist/esm/types/components/Accordion/index.d.ts +0 -1
- package/dist/esm/types/components/Button/Button.d.ts +0 -17
- package/dist/esm/types/components/Button/index.d.ts +0 -1
- package/dist/esm/types/components/SelectFilter/MultiSelect.d.ts +0 -20
- package/dist/esm/types/components/SelectFilter/SingleSelect.d.ts +0 -20
- package/dist/esm/types/components/SelectFilter/index.d.ts +0 -2
- package/dist/esm/types/components/Slider/Slider.d.ts +0 -19
- package/dist/esm/types/components/Slider/SliderStyled.d.ts +0 -25
- package/dist/esm/types/components/Slider/index.d.ts +0 -1
- package/dist/esm/types/components/ThemeContext/ThemeContext.d.ts +0 -66
- package/dist/esm/types/components/ThemeContext/index.d.ts +0 -1
- package/dist/esm/types/components/index.d.ts +0 -5
- package/dist/esm/types/index.d.ts +0 -2
- package/dist/esm/types/utils/index.d.ts +0 -2
- package/dist/esm/types/utils/styled.d.ts +0 -3
- package/dist/esm/types/utils/transientOptions.d.ts +0 -2
- package/dist/index.d.ts +0 -131
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/** @jsxImportSource @emotion/react */
|
|
2
|
-
import { Interpolation } from "@emotion/styled";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { Theme } from "@emotion/react";
|
|
5
|
-
import { ThemeColorsExtended } from "../ThemeContext/ThemeContext";
|
|
6
|
-
export type AccordionProps = {
|
|
7
|
-
title: string;
|
|
8
|
-
children: React.ReactNode;
|
|
9
|
-
color?: ThemeColorsExtended;
|
|
10
|
-
iconColor?: ThemeColorsExtended;
|
|
11
|
-
dividerColor?: ThemeColorsExtended;
|
|
12
|
-
isOpen?: boolean;
|
|
13
|
-
isLazy?: boolean;
|
|
14
|
-
onClick?: () => void;
|
|
15
|
-
onOpen?: () => void;
|
|
16
|
-
onClose?: () => void;
|
|
17
|
-
sx?: Interpolation<Theme>;
|
|
18
|
-
};
|
|
19
|
-
export declare const Accordion: (props: AccordionProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const Divider: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any> | undefined;
|
|
5
|
-
} & {
|
|
6
|
-
$color: string;
|
|
7
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
-
export declare const TitleDiv: import("@emotion/styled").StyledComponent<{
|
|
9
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
-
as?: import("react").ElementType<any> | undefined;
|
|
11
|
-
} & {
|
|
12
|
-
$color: string;
|
|
13
|
-
$textColor: string;
|
|
14
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
15
|
-
export declare const IconContainer: import("@emotion/styled").StyledComponent<{
|
|
16
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
17
|
-
as?: import("react").ElementType<any> | undefined;
|
|
18
|
-
} & {
|
|
19
|
-
$iconColor: string;
|
|
20
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
21
|
-
export declare const TitleH2: import("@emotion/styled").StyledComponent<{
|
|
22
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
23
|
-
as?: import("react").ElementType<any> | undefined;
|
|
24
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Accordion, AccordionProps } from "./Accordion";
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/** @jsxImportSource @emotion/react */
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { ThemeColorsExtended } from "../ThemeContext/ThemeContext";
|
|
4
|
-
import { Interpolation } from "@emotion/styled";
|
|
5
|
-
import { Theme } from "@emotion/react";
|
|
6
|
-
export type ButtonVariants = "contained" | "outlined" | "text";
|
|
7
|
-
export type ButtonProps = {
|
|
8
|
-
color?: ThemeColorsExtended;
|
|
9
|
-
sx?: Interpolation<Theme>;
|
|
10
|
-
variant?: ButtonVariants;
|
|
11
|
-
onClick?: () => void;
|
|
12
|
-
className?: string;
|
|
13
|
-
htmlId?: string;
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
children?: React.ReactNode;
|
|
16
|
-
};
|
|
17
|
-
export declare const Button: (props: ButtonProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Button, ButtonProps } from "./Button";
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ThemeColorsExtended } from "../ThemeContext/ThemeContext";
|
|
3
|
-
export interface MultiSelectProps<Option = {
|
|
4
|
-
label: string;
|
|
5
|
-
value: string;
|
|
6
|
-
}> {
|
|
7
|
-
options: Option[];
|
|
8
|
-
onChange?: (option: Option[] | null) => void;
|
|
9
|
-
value?: readonly Option[] | null;
|
|
10
|
-
placeholder?: string;
|
|
11
|
-
isDisabled?: boolean;
|
|
12
|
-
isClearable?: boolean;
|
|
13
|
-
isSearchable?: boolean;
|
|
14
|
-
isOptionDisabled?: (option: Option) => boolean;
|
|
15
|
-
isLoading?: boolean;
|
|
16
|
-
color?: ThemeColorsExtended;
|
|
17
|
-
htmlId?: string;
|
|
18
|
-
className?: string;
|
|
19
|
-
}
|
|
20
|
-
export declare const MultiSelect: <Option>(props: MultiSelectProps<Option>) => JSX.Element;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ThemeColorsExtended } from "../ThemeContext/ThemeContext";
|
|
3
|
-
export interface SingleSelectProps<Option = {
|
|
4
|
-
label: string;
|
|
5
|
-
value: string;
|
|
6
|
-
}> {
|
|
7
|
-
options: Option[];
|
|
8
|
-
onChange?: (option: Option | null) => void;
|
|
9
|
-
value?: Option | null;
|
|
10
|
-
placeholder?: string;
|
|
11
|
-
isDisabled?: boolean;
|
|
12
|
-
isClearable?: boolean;
|
|
13
|
-
isSearchable?: boolean;
|
|
14
|
-
isOptionDisabled?: (option: Option) => boolean;
|
|
15
|
-
isLoading?: boolean;
|
|
16
|
-
color?: ThemeColorsExtended;
|
|
17
|
-
htmlId?: string;
|
|
18
|
-
className?: string;
|
|
19
|
-
}
|
|
20
|
-
export declare const SingleSelect: <Option>(props: SingleSelectProps<Option>) => JSX.Element;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ThemeColorsExtended } from "../ThemeContext/ThemeContext";
|
|
3
|
-
export type SliderProps = {
|
|
4
|
-
values: number[];
|
|
5
|
-
min?: number;
|
|
6
|
-
max?: number;
|
|
7
|
-
onChange: (values: number[]) => void;
|
|
8
|
-
onFinalChange?: (values: number[]) => void;
|
|
9
|
-
color?: ThemeColorsExtended;
|
|
10
|
-
unselectedColor?: ThemeColorsExtended;
|
|
11
|
-
thumbColor?: ThemeColorsExtended;
|
|
12
|
-
htmlId?: string;
|
|
13
|
-
className?: string;
|
|
14
|
-
showThumbValue?: boolean;
|
|
15
|
-
autoCalculateMinMax?: boolean;
|
|
16
|
-
step?: number;
|
|
17
|
-
disabled?: boolean;
|
|
18
|
-
};
|
|
19
|
-
export declare const Slider: (props: SliderProps) => JSX.Element;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const OuterTrackDiv: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any> | undefined;
|
|
5
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
-
export declare const InnerTrackDiv: import("@emotion/styled").StyledComponent<{
|
|
7
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
8
|
-
as?: import("react").ElementType<any> | undefined;
|
|
9
|
-
} & {
|
|
10
|
-
$bgColor: string;
|
|
11
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
12
|
-
export declare const ThumbDiv: import("@emotion/styled").StyledComponent<{
|
|
13
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
-
as?: import("react").ElementType<any> | undefined;
|
|
15
|
-
} & {
|
|
16
|
-
$bgColor: string;
|
|
17
|
-
$borderColor: string;
|
|
18
|
-
$disabled?: boolean | undefined;
|
|
19
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
20
|
-
export declare const ThumbValueSpan: import("@emotion/styled").StyledComponent<{
|
|
21
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
22
|
-
as?: import("react").ElementType<any> | undefined;
|
|
23
|
-
} & {
|
|
24
|
-
$textColor: string;
|
|
25
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Slider, SliderProps } from "./Slider";
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export interface Color {
|
|
3
|
-
main: string;
|
|
4
|
-
contrastText: string;
|
|
5
|
-
}
|
|
6
|
-
export interface ThemeColorsObject {
|
|
7
|
-
primary: Color;
|
|
8
|
-
secondary: Color;
|
|
9
|
-
tertiary: Color;
|
|
10
|
-
statusOk: Color;
|
|
11
|
-
statusWarning: Color;
|
|
12
|
-
statusCritical: Color;
|
|
13
|
-
statusNeutral: Color;
|
|
14
|
-
}
|
|
15
|
-
type ThemeContextProps = {
|
|
16
|
-
colors: ThemeColorsObject;
|
|
17
|
-
};
|
|
18
|
-
interface Nothing {
|
|
19
|
-
}
|
|
20
|
-
type Union<T, U> = T | (U & Nothing);
|
|
21
|
-
export type ThemeColors = keyof ThemeColorsObject;
|
|
22
|
-
export type ThemeColorsExtended = Union<ThemeColors, string>;
|
|
23
|
-
type ThemeProperties = {
|
|
24
|
-
colors: ThemeColorsObject;
|
|
25
|
-
/**
|
|
26
|
-
*
|
|
27
|
-
* @param color one of the theme keys OR a string representing a color (hex, rgb, hsl, etc)
|
|
28
|
-
* @returns a valid color object. If color is not valid, will return the primary color
|
|
29
|
-
*/
|
|
30
|
-
getColor: (color: ThemeColorsExtended) => Color;
|
|
31
|
-
};
|
|
32
|
-
export declare const defaultThemeColors: {
|
|
33
|
-
primary: {
|
|
34
|
-
main: string;
|
|
35
|
-
contrastText: string;
|
|
36
|
-
};
|
|
37
|
-
secondary: {
|
|
38
|
-
main: string;
|
|
39
|
-
contrastText: string;
|
|
40
|
-
};
|
|
41
|
-
tertiary: {
|
|
42
|
-
main: string;
|
|
43
|
-
contrastText: string;
|
|
44
|
-
};
|
|
45
|
-
statusOk: {
|
|
46
|
-
main: string;
|
|
47
|
-
contrastText: string;
|
|
48
|
-
};
|
|
49
|
-
statusWarning: {
|
|
50
|
-
main: string;
|
|
51
|
-
contrastText: string;
|
|
52
|
-
};
|
|
53
|
-
statusCritical: {
|
|
54
|
-
main: string;
|
|
55
|
-
contrastText: string;
|
|
56
|
-
};
|
|
57
|
-
statusNeutral: {
|
|
58
|
-
main: string;
|
|
59
|
-
contrastText: string;
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
export declare const ThemeContextProvider: (props: React.PropsWithChildren<{
|
|
63
|
-
theme?: ThemeContextProps;
|
|
64
|
-
}>) => JSX.Element;
|
|
65
|
-
export declare const useThemeContext: () => ThemeProperties;
|
|
66
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ThemeColors, ThemeColorsObject, ThemeContextProvider, useThemeContext, } from "./ThemeContext";
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { Button, ButtonProps } from "./Button";
|
|
2
|
-
export { ThemeColors, ThemeColorsObject, ThemeContextProvider, useThemeContext, } from "./ThemeContext";
|
|
3
|
-
export { Accordion, AccordionProps } from "./Accordion";
|
|
4
|
-
export { SingleSelect, SingleSelectProps, MultiSelect, MultiSelectProps, } from "./SelectFilter";
|
|
5
|
-
export { Slider, SliderProps } from "./Slider";
|
package/dist/index.d.ts
DELETED
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import React__default from 'react';
|
|
5
|
-
import { Interpolation, CreateStyled } from '@emotion/styled';
|
|
6
|
-
import { Theme } from '@emotion/react';
|
|
7
|
-
|
|
8
|
-
interface Color {
|
|
9
|
-
main: string;
|
|
10
|
-
contrastText: string;
|
|
11
|
-
}
|
|
12
|
-
interface ThemeColorsObject {
|
|
13
|
-
primary: Color;
|
|
14
|
-
secondary: Color;
|
|
15
|
-
tertiary: Color;
|
|
16
|
-
statusOk: Color;
|
|
17
|
-
statusWarning: Color;
|
|
18
|
-
statusCritical: Color;
|
|
19
|
-
statusNeutral: Color;
|
|
20
|
-
}
|
|
21
|
-
type ThemeContextProps = {
|
|
22
|
-
colors: ThemeColorsObject;
|
|
23
|
-
};
|
|
24
|
-
interface Nothing {
|
|
25
|
-
}
|
|
26
|
-
type Union<T, U> = T | (U & Nothing);
|
|
27
|
-
type ThemeColors = keyof ThemeColorsObject;
|
|
28
|
-
type ThemeColorsExtended = Union<ThemeColors, string>;
|
|
29
|
-
type ThemeProperties = {
|
|
30
|
-
colors: ThemeColorsObject;
|
|
31
|
-
/**
|
|
32
|
-
*
|
|
33
|
-
* @param color one of the theme keys OR a string representing a color (hex, rgb, hsl, etc)
|
|
34
|
-
* @returns a valid color object. If color is not valid, will return the primary color
|
|
35
|
-
*/
|
|
36
|
-
getColor: (color: ThemeColorsExtended) => Color;
|
|
37
|
-
};
|
|
38
|
-
declare const ThemeContextProvider: (props: React__default.PropsWithChildren<{
|
|
39
|
-
theme?: ThemeContextProps;
|
|
40
|
-
}>) => JSX.Element;
|
|
41
|
-
declare const useThemeContext: () => ThemeProperties;
|
|
42
|
-
|
|
43
|
-
type ButtonVariants = "contained" | "outlined" | "text";
|
|
44
|
-
type ButtonProps = {
|
|
45
|
-
color?: ThemeColorsExtended;
|
|
46
|
-
sx?: Interpolation<Theme>;
|
|
47
|
-
variant?: ButtonVariants;
|
|
48
|
-
onClick?: () => void;
|
|
49
|
-
className?: string;
|
|
50
|
-
htmlId?: string;
|
|
51
|
-
disabled?: boolean;
|
|
52
|
-
children?: React.ReactNode;
|
|
53
|
-
};
|
|
54
|
-
declare const Button: (props: ButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
55
|
-
|
|
56
|
-
type AccordionProps = {
|
|
57
|
-
title: string;
|
|
58
|
-
children: React__default.ReactNode;
|
|
59
|
-
color?: ThemeColorsExtended;
|
|
60
|
-
iconColor?: ThemeColorsExtended;
|
|
61
|
-
dividerColor?: ThemeColorsExtended;
|
|
62
|
-
isOpen?: boolean;
|
|
63
|
-
isLazy?: boolean;
|
|
64
|
-
onClick?: () => void;
|
|
65
|
-
onOpen?: () => void;
|
|
66
|
-
onClose?: () => void;
|
|
67
|
-
sx?: Interpolation<Theme>;
|
|
68
|
-
};
|
|
69
|
-
declare const Accordion: (props: AccordionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
70
|
-
|
|
71
|
-
interface SingleSelectProps<Option = {
|
|
72
|
-
label: string;
|
|
73
|
-
value: string;
|
|
74
|
-
}> {
|
|
75
|
-
options: Option[];
|
|
76
|
-
onChange?: (option: Option | null) => void;
|
|
77
|
-
value?: Option | null;
|
|
78
|
-
placeholder?: string;
|
|
79
|
-
isDisabled?: boolean;
|
|
80
|
-
isClearable?: boolean;
|
|
81
|
-
isSearchable?: boolean;
|
|
82
|
-
isOptionDisabled?: (option: Option) => boolean;
|
|
83
|
-
isLoading?: boolean;
|
|
84
|
-
color?: ThemeColorsExtended;
|
|
85
|
-
htmlId?: string;
|
|
86
|
-
className?: string;
|
|
87
|
-
}
|
|
88
|
-
declare const SingleSelect: <Option>(props: SingleSelectProps<Option>) => JSX.Element;
|
|
89
|
-
|
|
90
|
-
interface MultiSelectProps<Option = {
|
|
91
|
-
label: string;
|
|
92
|
-
value: string;
|
|
93
|
-
}> {
|
|
94
|
-
options: Option[];
|
|
95
|
-
onChange?: (option: Option[] | null) => void;
|
|
96
|
-
value?: readonly Option[] | null;
|
|
97
|
-
placeholder?: string;
|
|
98
|
-
isDisabled?: boolean;
|
|
99
|
-
isClearable?: boolean;
|
|
100
|
-
isSearchable?: boolean;
|
|
101
|
-
isOptionDisabled?: (option: Option) => boolean;
|
|
102
|
-
isLoading?: boolean;
|
|
103
|
-
color?: ThemeColorsExtended;
|
|
104
|
-
htmlId?: string;
|
|
105
|
-
className?: string;
|
|
106
|
-
}
|
|
107
|
-
declare const MultiSelect: <Option>(props: MultiSelectProps<Option>) => JSX.Element;
|
|
108
|
-
|
|
109
|
-
type SliderProps = {
|
|
110
|
-
values: number[];
|
|
111
|
-
min?: number;
|
|
112
|
-
max?: number;
|
|
113
|
-
onChange: (values: number[]) => void;
|
|
114
|
-
onFinalChange?: (values: number[]) => void;
|
|
115
|
-
color?: ThemeColorsExtended;
|
|
116
|
-
unselectedColor?: ThemeColorsExtended;
|
|
117
|
-
thumbColor?: ThemeColorsExtended;
|
|
118
|
-
htmlId?: string;
|
|
119
|
-
className?: string;
|
|
120
|
-
showThumbValue?: boolean;
|
|
121
|
-
autoCalculateMinMax?: boolean;
|
|
122
|
-
step?: number;
|
|
123
|
-
disabled?: boolean;
|
|
124
|
-
};
|
|
125
|
-
declare const Slider: (props: SliderProps) => JSX.Element;
|
|
126
|
-
|
|
127
|
-
declare const transientOptions: Parameters<CreateStyled>[1];
|
|
128
|
-
|
|
129
|
-
declare const myStyled: CreateStyled;
|
|
130
|
-
|
|
131
|
-
export { Accordion, AccordionProps, Button, ButtonProps, MultiSelect, MultiSelectProps, SingleSelect, SingleSelectProps, Slider, SliderProps, ThemeColors, ThemeColorsObject, ThemeContextProvider, myStyled as styled, transientOptions, useThemeContext };
|