@risalabs_frontend_org/oasis-ui-kit 0.18.0 → 0.22.0
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/README.md +231 -1
- package/dist/index.d.ts +8 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/src/SVG/copy-icon.d.ts +7 -0
- package/dist/src/SVG/edit-icon.d.ts +7 -0
- package/dist/src/SVG/trash-icon.d.ts +7 -0
- package/dist/src/components/action-input/action-input.d.ts +16 -0
- package/dist/src/components/custom-dropdown/custom-dropdown.d.ts +22 -0
- package/dist/src/components/horizontal-navigation-tab/horizontal-navigation-tab.d.ts +18 -0
- package/dist/src/components/multi-line-text-with-copy/multi-line-text-with-copy.d.ts +13 -0
- package/dist/src/components/radio-button/radio-button.d.ts +19 -0
- package/dist/src/components/rule-card/rule-card.d.ts +14 -0
- package/dist/src/components/select-input/select-input.d.ts +18 -0
- package/dist/src/components/tags/tags.d.ts +21 -0
- package/package.json +1 -1
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./action-input.scss";
|
|
3
|
+
export interface ActionInputProps {
|
|
4
|
+
value: string;
|
|
5
|
+
onChange?: (value: string) => void;
|
|
6
|
+
onAction?: (value: string) => void;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
readOnly?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
iconColor?: string;
|
|
11
|
+
iconSize?: number;
|
|
12
|
+
height?: string;
|
|
13
|
+
dirtyColor?: string;
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
export declare const ActionInput: React.FC<ActionInputProps>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./custom-dropdown.scss";
|
|
3
|
+
export interface CustomDropdownOption {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
}
|
|
7
|
+
export interface CustomDropdownProps {
|
|
8
|
+
label?: string;
|
|
9
|
+
options: CustomDropdownOption[];
|
|
10
|
+
value?: string;
|
|
11
|
+
defaultValue?: string;
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
onChange?: (value: string, option: CustomDropdownOption) => void;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
required?: boolean;
|
|
16
|
+
error?: string;
|
|
17
|
+
hint?: string;
|
|
18
|
+
focusBorderWidth?: string;
|
|
19
|
+
shouldUsePortal?: boolean;
|
|
20
|
+
className?: string;
|
|
21
|
+
}
|
|
22
|
+
export declare const CustomDropdown: React.FC<CustomDropdownProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./horizontal-navigation-tab.scss";
|
|
3
|
+
export interface HorizontalNavigationTabOption {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface HorizontalNavigationTabProps {
|
|
9
|
+
tabs: HorizontalNavigationTabOption[];
|
|
10
|
+
value?: string;
|
|
11
|
+
onChange?: (value: string) => void;
|
|
12
|
+
activeColor?: string;
|
|
13
|
+
backgroundColor?: string;
|
|
14
|
+
activeBackgroundColor?: string;
|
|
15
|
+
rounded?: boolean;
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const HorizontalNavigationTab: React.FC<HorizontalNavigationTabProps>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./multi-line-text-with-copy.scss";
|
|
3
|
+
export interface MultiLineTextWithCopyProps {
|
|
4
|
+
primaryText: string;
|
|
5
|
+
secondaryText: string;
|
|
6
|
+
copyValue?: string;
|
|
7
|
+
onCopy?: (value: string) => void;
|
|
8
|
+
copyIconColor?: string;
|
|
9
|
+
copyIconSize?: number;
|
|
10
|
+
shouldTruncate?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const MultiLineTextWithCopy: React.FC<MultiLineTextWithCopyProps>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./radio-button.scss";
|
|
3
|
+
export interface RadioButtonOption {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface RadioButtonProps {
|
|
9
|
+
name: string;
|
|
10
|
+
options: RadioButtonOption[];
|
|
11
|
+
value?: string;
|
|
12
|
+
onChange?: (value: string) => void;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
className?: string;
|
|
15
|
+
direction?: "vertical" | "horizontal";
|
|
16
|
+
gap?: string;
|
|
17
|
+
selectedColor?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare const RadioButton: React.FC<RadioButtonProps>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./rule-card.scss";
|
|
3
|
+
export interface RuleCardProps {
|
|
4
|
+
content: string;
|
|
5
|
+
index?: number;
|
|
6
|
+
onEdit?: () => void;
|
|
7
|
+
onDelete?: () => void;
|
|
8
|
+
editIconColor?: string;
|
|
9
|
+
deleteIconColor?: string;
|
|
10
|
+
iconSize?: number;
|
|
11
|
+
className?: string;
|
|
12
|
+
contentClassName?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const RuleCard: React.FC<RuleCardProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./select-input.scss";
|
|
3
|
+
export interface SelectInputOption {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
}
|
|
7
|
+
export interface SelectInputProps {
|
|
8
|
+
label?: string;
|
|
9
|
+
options: SelectInputOption[];
|
|
10
|
+
value?: string;
|
|
11
|
+
defaultValue?: string;
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
onChange?: (value: string, option: SelectInputOption) => void;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
focusBorderWidth?: string;
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const SelectInput: React.FC<SelectInputProps>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./tags.scss";
|
|
3
|
+
export interface TagOption {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
backgroundColor?: string;
|
|
7
|
+
textColor?: string;
|
|
8
|
+
showBorder?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface TagsProps {
|
|
11
|
+
label: string;
|
|
12
|
+
backgroundColor?: string;
|
|
13
|
+
textColor?: string;
|
|
14
|
+
showBorder?: boolean;
|
|
15
|
+
options?: TagOption[];
|
|
16
|
+
onSelect?: (option: TagOption) => void;
|
|
17
|
+
onClick?: () => void;
|
|
18
|
+
shouldUsePortal?: boolean;
|
|
19
|
+
className?: string;
|
|
20
|
+
}
|
|
21
|
+
export declare const Tags: React.FC<TagsProps>;
|