odaptos_design_system 2.0.68 → 2.0.70
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/Atoms/Avatar/Avatar.d.ts +2 -1
- package/dist/Atoms/Badge/Badge.d.ts +2 -1
- package/dist/Atoms/Buttons/Button.d.ts +2 -1
- package/dist/Atoms/Buttons/IconButton.d.ts +1 -0
- package/dist/Atoms/Checkbox/Checkbox.d.ts +2 -1
- package/dist/Atoms/ColorPicker/ColorPicker.d.ts +2 -1
- package/dist/Atoms/QuestionButton/QuestionButton.d.ts +2 -1
- package/dist/Atoms/Radio/Radio.d.ts +2 -1
- package/dist/Atoms/SquareText/SquareText.d.ts +2 -1
- package/dist/Atoms/Switch/Switch.d.ts +2 -1
- package/dist/Atoms/Tag/Tag.d.ts +2 -1
- package/dist/Atoms/TimeInterval/TimeInterval.d.ts +2 -1
- package/dist/Atoms/Typography/Caption.d.ts +2 -1
- package/dist/Atoms/Typography/Link.d.ts +2 -1
- package/dist/Atoms/Typography/TextForButton.d.ts +2 -1
- package/dist/Atoms/Typography/TextForDropDownItem.d.ts +2 -1
- package/dist/Atoms/Typography/TextWithLink.d.ts +2 -1
- package/dist/Atoms/Typography/Title.d.ts +2 -1
- package/dist/Molecules/ChatMessage/ChatMessage.d.ts +2 -1
- package/dist/Molecules/FileUpload/index.d.ts +2 -1
- package/dist/Molecules/Notifications/Banner.d.ts +2 -1
- package/dist/Molecules/StarRating/StarRating.d.ts +2 -1
- package/dist/Molecules/Tabs/Tabs.d.ts +2 -1
- package/dist/Molecules/Tabs/TabsUnderLine.d.ts +2 -1
- package/dist/Molecules/Thematic/Thematic.d.ts +2 -1
- package/dist/Molecules/ToggleTab/ToggleTab.d.ts +1 -0
- package/dist/Molecules/UserIndicator/UserIndicator.d.ts +2 -1
- package/dist/Organisms/Modal/Modal.d.ts +2 -1
- package/dist/Organisms/MultiSelect/MultiSelect.d.ts +2 -1
- package/dist/Organisms/MultiSelect/MultiSelectWithCategories.d.ts +2 -1
- package/dist/Organisms/SingleSelect/SingleSelect.d.ts +2 -1
- package/dist/Organisms/Table/index.d.ts +2 -1
- package/dist/Organisms/TextInput/TextInput.d.ts +1 -0
- package/dist/Organisms/Textarea/Textarea.d.ts +2 -1
- package/dist/odaptos_design_system.cjs.development.js +119 -31
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +119 -31
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Atoms/Avatar/Avatar.tsx +8 -1
- package/src/Atoms/Badge/Badge.tsx +3 -0
- package/src/Atoms/Buttons/Button.tsx +3 -0
- package/src/Atoms/Buttons/IconButton.tsx +3 -0
- package/src/Atoms/Checkbox/Checkbox.tsx +6 -0
- package/src/Atoms/ColorPicker/ColorPicker.tsx +3 -2
- package/src/Atoms/QuestionButton/QuestionButton.tsx +10 -4
- package/src/Atoms/Radio/Radio.tsx +3 -1
- package/src/Atoms/SquareText/SquareText.tsx +3 -2
- package/src/Atoms/Switch/Switch.tsx +3 -0
- package/src/Atoms/Tag/Tag.tsx +3 -0
- package/src/Atoms/TimeInterval/TimeInterval.tsx +3 -0
- package/src/Atoms/Typography/Caption.tsx +3 -0
- package/src/Atoms/Typography/Link.tsx +4 -2
- package/src/Atoms/Typography/TextForButton.tsx +3 -0
- package/src/Atoms/Typography/TextForDropDownItem.tsx +3 -0
- package/src/Atoms/Typography/TextWithLink.tsx +3 -0
- package/src/Atoms/Typography/Title.tsx +9 -0
- package/src/Molecules/ChatMessage/ChatMessage.tsx +4 -2
- package/src/Molecules/FileUpload/index.tsx +3 -0
- package/src/Molecules/Notifications/Banner.tsx +3 -0
- package/src/Molecules/StarRating/StarRating.tsx +3 -1
- package/src/Molecules/Tabs/Tabs.tsx +7 -3
- package/src/Molecules/Tabs/TabsUnderLine.tsx +8 -2
- package/src/Molecules/Thematic/Thematic.tsx +3 -0
- package/src/Molecules/ToggleTab/ToggleTab.tsx +3 -0
- package/src/Molecules/UserIndicator/UserIndicator.tsx +3 -0
- package/src/Organisms/Modal/Modal.tsx +4 -0
- package/src/Organisms/MultiSelect/MultiSelect.tsx +9 -2
- package/src/Organisms/MultiSelect/MultiSelectWithCategories.tsx +9 -2
- package/src/Organisms/SingleSelect/SingleSelect.tsx +4 -2
- package/src/Organisms/Table/index.tsx +3 -1
- package/src/Organisms/TextInput/TextInput.tsx +3 -0
- package/src/Organisms/Textarea/Textarea.tsx +3 -0
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
2
|
interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
id?: string;
|
|
3
4
|
size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl';
|
|
4
5
|
userName: string;
|
|
5
6
|
userColor?: string;
|
|
6
7
|
}
|
|
7
|
-
export declare const Avatar: ({ size, userName, userColor }: AvatarProps) => React.JSX.Element;
|
|
8
|
+
export declare const Avatar: ({ id, size, userName, userColor, }: AvatarProps) => React.JSX.Element;
|
|
8
9
|
export {};
|
|
@@ -8,8 +8,9 @@ interface BadgeProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
8
8
|
number?: number;
|
|
9
9
|
customColor?: string;
|
|
10
10
|
className?: string;
|
|
11
|
+
id?: string;
|
|
11
12
|
canBeRemoved?: boolean;
|
|
12
13
|
}
|
|
13
14
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=3073-110563&mode=dev */
|
|
14
|
-
export declare const Badge: ({ text, status, size, iconLeft, iconRight, number, customColor, className, canBeRemoved, ...props }: BadgeProps) => React.JSX.Element;
|
|
15
|
+
export declare const Badge: ({ text, status, size, iconLeft, iconRight, number, customColor, className, canBeRemoved, id, ...props }: BadgeProps) => React.JSX.Element;
|
|
15
16
|
export {};
|
|
@@ -8,6 +8,7 @@ export interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
|
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
text: string;
|
|
10
10
|
className?: string;
|
|
11
|
+
id?: string;
|
|
11
12
|
}
|
|
12
13
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
13
|
-
export declare const Button: ({ variant, size, customBackground, iconLeft, iconRight, text, disabled, className, ...props }: ButtonProps) => React.JSX.Element;
|
|
14
|
+
export declare const Button: ({ variant, size, customBackground, iconLeft, iconRight, text, disabled, className, id, ...props }: ButtonProps) => React.JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
2
|
export interface IconButtonProps extends HTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
id?: string;
|
|
3
4
|
variant?: 'primary' | 'secondary' | 'tertiary' | 'tertiary-alt' | 'alert' | 'success';
|
|
4
5
|
size?: 'xxs' | 'xs' | 'base' | 'lg';
|
|
5
6
|
icon?: JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
interface CheckboxProps {
|
|
3
|
+
id?: string;
|
|
3
4
|
label?: string;
|
|
4
5
|
leftLabel?: string;
|
|
5
6
|
onChange: (e: any) => void;
|
|
@@ -11,5 +12,5 @@ interface CheckboxProps {
|
|
|
11
12
|
color?: string;
|
|
12
13
|
name?: string;
|
|
13
14
|
}
|
|
14
|
-
export declare const Checkbox: ({ label, leftLabel, onBlur, checked, disabled, onChange, required, className, color, name, }: CheckboxProps) => React.JSX.Element;
|
|
15
|
+
export declare const Checkbox: ({ id, label, leftLabel, onBlur, checked, disabled, onChange, required, className, color, name, }: CheckboxProps) => React.JSX.Element;
|
|
15
16
|
export {};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
interface ColorPickerProps {
|
|
3
|
+
id?: string;
|
|
3
4
|
color: string;
|
|
4
5
|
onChange: (color: string) => void;
|
|
5
6
|
}
|
|
6
|
-
export declare const ColorPicker: ({ color, onChange }: ColorPickerProps) => React.JSX.Element;
|
|
7
|
+
export declare const ColorPicker: ({ id, color, onChange }: ColorPickerProps) => React.JSX.Element;
|
|
7
8
|
export {};
|
|
@@ -2,11 +2,12 @@ import React, { HTMLAttributes } from 'react';
|
|
|
2
2
|
interface QuestionButtonProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
3
3
|
/** Text display */
|
|
4
4
|
text: string;
|
|
5
|
+
id?: string;
|
|
5
6
|
onClick: () => void;
|
|
6
7
|
clicked?: boolean;
|
|
7
8
|
}
|
|
8
9
|
/** This text should be use to display basic text
|
|
9
10
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
10
11
|
*/
|
|
11
|
-
export declare const QuestionButton: ({ text, onClick, clicked, }: QuestionButtonProps) => React.JSX.Element;
|
|
12
|
+
export declare const QuestionButton: ({ text, onClick, id, clicked, }: QuestionButtonProps) => React.JSX.Element;
|
|
12
13
|
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
interface RadioProps {
|
|
3
|
+
id?: string;
|
|
3
4
|
label?: string;
|
|
4
5
|
leftLabel?: string;
|
|
5
6
|
onChange?: () => void;
|
|
@@ -11,5 +12,5 @@ interface RadioProps {
|
|
|
11
12
|
name?: string;
|
|
12
13
|
className?: string;
|
|
13
14
|
}
|
|
14
|
-
export declare const Radio: ({ label, checked, disabled, onChange, onBlur, required, value, leftLabel, name, className, }: RadioProps) => React.JSX.Element;
|
|
15
|
+
export declare const Radio: ({ id, label, checked, disabled, onChange, onBlur, required, value, leftLabel, name, className, }: RadioProps) => React.JSX.Element;
|
|
15
16
|
export {};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
2
|
interface SquareTextProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
3
3
|
/** Text display */
|
|
4
|
+
id?: string;
|
|
4
5
|
text: string;
|
|
5
6
|
}
|
|
6
7
|
/** This text should be use to display basic text
|
|
7
8
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
8
9
|
*/
|
|
9
|
-
export declare const SquareText: ({ text }: SquareTextProps) => React.JSX.Element;
|
|
10
|
+
export declare const SquareText: ({ id, text }: SquareTextProps) => React.JSX.Element;
|
|
10
11
|
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
interface SwitchProps {
|
|
3
|
+
id?: string;
|
|
3
4
|
label?: string;
|
|
4
5
|
labelWeight?: 'bold' | 'semi-bold' | 'regular';
|
|
5
6
|
rightLabel?: string;
|
|
@@ -8,5 +9,5 @@ interface SwitchProps {
|
|
|
8
9
|
onChange: () => void;
|
|
9
10
|
className?: string;
|
|
10
11
|
}
|
|
11
|
-
export declare const Switch: ({ label, labelWeight, rightLabel, checked, disabled, onChange, className, }: SwitchProps) => React.JSX.Element;
|
|
12
|
+
export declare const Switch: ({ id, label, labelWeight, rightLabel, checked, disabled, onChange, className, }: SwitchProps) => React.JSX.Element;
|
|
12
13
|
export {};
|
package/dist/Atoms/Tag/Tag.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
2
|
interface TagProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
text: string;
|
|
4
|
+
id?: string;
|
|
4
5
|
status?: 'idle' | 'success' | 'info' | 'warning' | 'critical' | 'light' | 'violet';
|
|
5
6
|
size?: 'sm' | 'base';
|
|
6
7
|
iconLeft?: JSX.Element;
|
|
@@ -12,5 +13,5 @@ interface TagProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
12
13
|
tooltipText?: string;
|
|
13
14
|
}
|
|
14
15
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1359-33355&mode=dev */
|
|
15
|
-
export declare const Tag: ({ text, status, size, iconLeft, iconRight, amountNumber, customColor, className, canBeRemoved, tooltipText, ...props }: TagProps) => React.JSX.Element;
|
|
16
|
+
export declare const Tag: ({ text, id, status, size, iconLeft, iconRight, amountNumber, customColor, className, canBeRemoved, tooltipText, ...props }: TagProps) => React.JSX.Element;
|
|
16
17
|
export {};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export interface TimeIntervalProps {
|
|
3
|
+
id?: string;
|
|
3
4
|
startTime: number;
|
|
4
5
|
endTime?: number;
|
|
5
6
|
onClick: (nb: number) => void;
|
|
6
7
|
className?: string;
|
|
7
8
|
}
|
|
8
|
-
export declare const TimeInterval: ({ startTime, endTime, onClick, className, }: TimeIntervalProps) => React.JSX.Element;
|
|
9
|
+
export declare const TimeInterval: ({ id, startTime, endTime, onClick, className, }: TimeIntervalProps) => React.JSX.Element;
|
|
@@ -2,6 +2,7 @@ import React, { HTMLAttributes } from 'react';
|
|
|
2
2
|
interface CaptionProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
3
3
|
/** Text display in the caption */
|
|
4
4
|
text: string;
|
|
5
|
+
id?: string;
|
|
5
6
|
color?: string;
|
|
6
7
|
className?: string;
|
|
7
8
|
uppercase?: boolean;
|
|
@@ -9,5 +10,5 @@ interface CaptionProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
|
9
10
|
/** This text should only be used for the captions
|
|
10
11
|
* Figma link :https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-796&mode=dev
|
|
11
12
|
*/
|
|
12
|
-
export declare const Caption: ({ text, color, className, uppercase, ...props }: CaptionProps) => React.JSX.Element;
|
|
13
|
+
export declare const Caption: ({ id, text, color, className, uppercase, ...props }: CaptionProps) => React.JSX.Element;
|
|
13
14
|
export {};
|
|
@@ -2,6 +2,7 @@ import React, { HTMLAttributes } from 'react';
|
|
|
2
2
|
interface LinkProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
3
3
|
/** Text display */
|
|
4
4
|
text: string;
|
|
5
|
+
id?: string;
|
|
5
6
|
link: string;
|
|
6
7
|
size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
|
|
7
8
|
color?: string;
|
|
@@ -10,5 +11,5 @@ interface LinkProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
|
10
11
|
isExternal?: boolean;
|
|
11
12
|
}
|
|
12
13
|
/** This text should be use to display basic text */
|
|
13
|
-
export declare const Link: ({ text, link, size, color, weight, className, isExternal, ...props }: LinkProps) => React.JSX.Element;
|
|
14
|
+
export declare const Link: ({ id, text, link, size, color, weight, className, isExternal, ...props }: LinkProps) => React.JSX.Element;
|
|
14
15
|
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
2
|
interface TextForButtonProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
3
3
|
/** Text display in the Button component */
|
|
4
|
+
id?: string;
|
|
4
5
|
text: string;
|
|
5
6
|
color?: string;
|
|
6
7
|
bold?: boolean;
|
|
@@ -10,5 +11,5 @@ interface TextForButtonProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
|
10
11
|
/** This button should only be used in the Button component
|
|
11
12
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-787&mode=dev
|
|
12
13
|
*/
|
|
13
|
-
export declare const TextForButton: ({ text, color, bold, className, size, ...props }: TextForButtonProps) => React.JSX.Element;
|
|
14
|
+
export declare const TextForButton: ({ id, text, color, bold, className, size, ...props }: TextForButtonProps) => React.JSX.Element;
|
|
14
15
|
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
2
|
interface TextForDropDownItemProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
3
3
|
/** Text display in the Dropdown item component */
|
|
4
|
+
id?: string;
|
|
4
5
|
text: string;
|
|
5
6
|
color?: string;
|
|
6
7
|
bold?: boolean;
|
|
@@ -10,5 +11,5 @@ interface TextForDropDownItemProps extends HTMLAttributes<HTMLParagraphElement>
|
|
|
10
11
|
/** This text should only be used for the dropdown items text
|
|
11
12
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=788-4739&mode=dev
|
|
12
13
|
*/
|
|
13
|
-
export declare const TextForDropDownItem: ({ text, color, bold, size, className, ...props }: TextForDropDownItemProps) => React.JSX.Element;
|
|
14
|
+
export declare const TextForDropDownItem: ({ id, text, color, bold, size, className, ...props }: TextForDropDownItemProps) => React.JSX.Element;
|
|
14
15
|
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
2
|
interface TextWithLinkProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
3
3
|
/** Text display */
|
|
4
|
+
id?: string;
|
|
4
5
|
text: string;
|
|
5
6
|
color?: string;
|
|
6
7
|
size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
|
|
@@ -11,5 +12,5 @@ interface TextWithLinkProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
|
11
12
|
isExternalLink?: boolean;
|
|
12
13
|
}
|
|
13
14
|
/** This text should be use to display basic text */
|
|
14
|
-
export declare const TextWithLink: ({ text, color, size, weight, italic, textDecoration, className, isExternalLink, ...props }: TextWithLinkProps) => React.JSX.Element;
|
|
15
|
+
export declare const TextWithLink: ({ id, text, color, size, weight, italic, textDecoration, className, isExternalLink, ...props }: TextWithLinkProps) => React.JSX.Element;
|
|
15
16
|
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
2
|
interface TitleProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
3
3
|
/** Text display in the Title */
|
|
4
|
+
id?: string;
|
|
4
5
|
text: string;
|
|
5
6
|
color?: string;
|
|
6
7
|
size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
|
|
@@ -13,5 +14,5 @@ interface TitleProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
|
13
14
|
/** This text should only be used to display titles
|
|
14
15
|
* Figma link: https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-357&mode=dev
|
|
15
16
|
*/
|
|
16
|
-
export declare const Title: ({ text, color, size, weight, italic, className, type, required, ...props }: TitleProps) => React.JSX.Element;
|
|
17
|
+
export declare const Title: ({ id, text, color, size, weight, italic, className, type, required, ...props }: TitleProps) => React.JSX.Element;
|
|
17
18
|
export {};
|
|
@@ -6,5 +6,6 @@ export interface ChatMessageProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
6
6
|
classNameTime?: string;
|
|
7
7
|
startTime: number;
|
|
8
8
|
endTime?: number;
|
|
9
|
+
id?: string;
|
|
9
10
|
}
|
|
10
|
-
export declare const ChatMessage: ({ message, isMe, onClickTime, classNameTime, startTime, endTime, }: ChatMessageProps) => React.JSX.Element;
|
|
11
|
+
export declare const ChatMessage: ({ message, isMe, onClickTime, classNameTime, startTime, endTime, id, }: ChatMessageProps) => React.JSX.Element;
|
|
@@ -13,6 +13,7 @@ interface FileInputProps {
|
|
|
13
13
|
maxSize: number;
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
invalidFileSizeOrDimensionsErrorText?: string;
|
|
16
|
+
id?: string;
|
|
16
17
|
}
|
|
17
|
-
export declare const FileInput: ({ fileTypes, onUpload, rule, label, className, name, resolution, maxSize, disabled, invalidFileSizeOrDimensionsErrorText, }: FileInputProps) => React.JSX.Element;
|
|
18
|
+
export declare const FileInput: ({ fileTypes, onUpload, rule, label, className, name, resolution, maxSize, disabled, invalidFileSizeOrDimensionsErrorText, id, }: FileInputProps) => React.JSX.Element;
|
|
18
19
|
export default FileInput;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
2
|
interface BannerProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
id?: string;
|
|
3
4
|
title?: string;
|
|
4
5
|
content?: string;
|
|
5
6
|
textLink?: string;
|
|
@@ -11,5 +12,5 @@ interface BannerProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
11
12
|
/**
|
|
12
13
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33150&mode=dev
|
|
13
14
|
*/
|
|
14
|
-
export declare const Banner: ({ title, content, textLink, link, className, type, onClose, ...props }: BannerProps) => React.JSX.Element;
|
|
15
|
+
export declare const Banner: ({ id, title, content, textLink, link, className, type, onClose, ...props }: BannerProps) => React.JSX.Element;
|
|
15
16
|
export {};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
interface StarRatingProps {
|
|
3
|
+
id?: string;
|
|
3
4
|
value?: number;
|
|
4
5
|
onClick: (index: number) => void;
|
|
5
6
|
strokeColor?: string;
|
|
6
7
|
fillColor?: string;
|
|
7
8
|
}
|
|
8
|
-
export declare const StarRating: ({ value, onClick, strokeColor, fillColor, }: StarRatingProps) => React.JSX.Element;
|
|
9
|
+
export declare const StarRating: ({ id, value, onClick, strokeColor, fillColor, }: StarRatingProps) => React.JSX.Element;
|
|
9
10
|
export {};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
interface TabsProps {
|
|
3
|
+
id?: string;
|
|
3
4
|
tabs: any[];
|
|
4
5
|
defaultValue: number;
|
|
5
6
|
onSelect?: (value: number) => void;
|
|
6
7
|
className?: string;
|
|
7
8
|
}
|
|
8
9
|
/** Link to figma : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1277-39969&mode=dev */
|
|
9
|
-
export declare const Tabs: ({ tabs, defaultValue, onSelect, className, }: TabsProps) => React.JSX.Element;
|
|
10
|
+
export declare const Tabs: ({ id, tabs, defaultValue, onSelect, className, }: TabsProps) => React.JSX.Element;
|
|
10
11
|
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
interface TabsUnderlineProps {
|
|
3
|
+
id?: string;
|
|
3
4
|
type?: 'underline' | 'filled';
|
|
4
5
|
defaultValue: number;
|
|
5
6
|
onChange: (index: number, item: any) => void;
|
|
@@ -8,5 +9,5 @@ interface TabsUnderlineProps {
|
|
|
8
9
|
isArrowIconDisplay?: boolean;
|
|
9
10
|
}
|
|
10
11
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2946-50988&mode=dev */
|
|
11
|
-
export declare const TabsUnderline: ({ type, defaultValue, onChange, tabs, className, isArrowIconDisplay, }: TabsUnderlineProps) => React.JSX.Element;
|
|
12
|
+
export declare const TabsUnderline: ({ id, type, defaultValue, onChange, tabs, className, isArrowIconDisplay, }: TabsUnderlineProps) => React.JSX.Element;
|
|
12
13
|
export {};
|
|
@@ -31,5 +31,6 @@ export interface ThematicProps {
|
|
|
31
31
|
isAddTagHidden?: boolean;
|
|
32
32
|
isEditThematicHidden?: boolean;
|
|
33
33
|
isDeleteThematicHidden?: boolean;
|
|
34
|
+
id?: string;
|
|
34
35
|
}
|
|
35
|
-
export declare const Thematic: ({ thematicId, name, definition, color, tagsList, otherThematicsList, onClickValidateAddTag, onClickValidateEditTag, onSelectThematicToMoveTag, onClickDeleteTag, onClickEditThematic, onClickDeleteThematic, cmsContent, isAddTagHidden, isEditThematicHidden, isDeleteThematicHidden, }: ThematicProps) => React.JSX.Element;
|
|
36
|
+
export declare const Thematic: ({ id, thematicId, name, definition, color, tagsList, otherThematicsList, onClickValidateAddTag, onClickValidateEditTag, onSelectThematicToMoveTag, onClickDeleteTag, onClickEditThematic, onClickDeleteThematic, cmsContent, isAddTagHidden, isEditThematicHidden, isDeleteThematicHidden, }: ThematicProps) => React.JSX.Element;
|
|
@@ -3,6 +3,7 @@ interface UserIndicatorProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
3
3
|
firstName: string;
|
|
4
4
|
lastName: string;
|
|
5
5
|
gradiant: string;
|
|
6
|
+
id?: string;
|
|
6
7
|
}
|
|
7
|
-
export declare const UserIndicator: ({ firstName, lastName, gradiant, }: UserIndicatorProps) => React.JSX.Element;
|
|
8
|
+
export declare const UserIndicator: ({ firstName, lastName, gradiant, id, }: UserIndicatorProps) => React.JSX.Element;
|
|
8
9
|
export {};
|
|
@@ -15,9 +15,10 @@ interface ModalProps {
|
|
|
15
15
|
onConfirm?: () => void;
|
|
16
16
|
width?: string;
|
|
17
17
|
height?: string;
|
|
18
|
+
validationId?: string;
|
|
18
19
|
}
|
|
19
20
|
/** Figma link full-height : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=997-7695&mode=dev
|
|
20
21
|
* Figma link overlay : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2447-42540&mode=dev
|
|
21
22
|
*/
|
|
22
|
-
export declare const Modal: ({ className, type, onClose, open, children, title, hideCloseButton, cancelText, cancelBtnVariant, disabled, validationText, onPressEnter, onConfirm, width, height, }: ModalProps) => React.JSX.Element;
|
|
23
|
+
export declare const Modal: ({ className, type, onClose, open, children, title, hideCloseButton, cancelText, cancelBtnVariant, disabled, validationText, onPressEnter, onConfirm, width, height, validationId, }: ModalProps) => React.JSX.Element;
|
|
23
24
|
export {};
|
|
@@ -5,6 +5,7 @@ interface MultiSelectProps {
|
|
|
5
5
|
name?: string;
|
|
6
6
|
className?: string;
|
|
7
7
|
id?: string;
|
|
8
|
+
inputId?: string;
|
|
8
9
|
topLabel?: string;
|
|
9
10
|
topLabelWeight?: 'semi-bold' | 'bold' | 'regular';
|
|
10
11
|
topLabelSize?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
|
|
@@ -25,5 +26,5 @@ interface MultiSelectProps {
|
|
|
25
26
|
/**
|
|
26
27
|
* Use this component for multiselection !!
|
|
27
28
|
*/
|
|
28
|
-
export declare const MultiSelect: ({ options, label, placeholder, name, className, onChange, disabled, defaultValue, topLabel, topLabelWeight, topLabelSize, id, required, error, helperText, errorText, canAddNewOption, deleteOption, disableCloseOnSelect, limitTags, onBlur, ...props }: MultiSelectProps) => React.JSX.Element;
|
|
29
|
+
export declare const MultiSelect: ({ options, label, placeholder, name, className, onChange, disabled, defaultValue, topLabel, topLabelWeight, topLabelSize, id, inputId, required, error, helperText, errorText, canAddNewOption, deleteOption, disableCloseOnSelect, limitTags, onBlur, ...props }: MultiSelectProps) => React.JSX.Element;
|
|
29
30
|
export {};
|
|
@@ -5,6 +5,7 @@ interface MultiSelectProps {
|
|
|
5
5
|
name?: string;
|
|
6
6
|
className?: string;
|
|
7
7
|
id?: string;
|
|
8
|
+
inputId?: string;
|
|
8
9
|
topLabel?: string;
|
|
9
10
|
topLabelWeight?: 'semi-bold' | 'bold' | 'regular';
|
|
10
11
|
topLabelSize?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
|
|
@@ -25,5 +26,5 @@ interface MultiSelectProps {
|
|
|
25
26
|
/**
|
|
26
27
|
* Use this component for multiselection with caregories !!
|
|
27
28
|
*/
|
|
28
|
-
export declare const MultiSelectWithCategories: ({ options, label, placeholder, name, className, onChange, disabled, defaultValue, topLabel, topLabelWeight, topLabelSize, id, required, error, helperText, errorText, canAddNewOption, deleteOption, disableCloseOnSelect, limitTags, onBlur, ...props }: MultiSelectProps) => React.JSX.Element;
|
|
29
|
+
export declare const MultiSelectWithCategories: ({ options, label, placeholder, name, className, onChange, disabled, defaultValue, topLabel, topLabelWeight, topLabelSize, id, inputId, required, error, helperText, errorText, canAddNewOption, deleteOption, disableCloseOnSelect, limitTags, onBlur, ...props }: MultiSelectProps) => React.JSX.Element;
|
|
29
30
|
export {};
|
|
@@ -5,6 +5,7 @@ interface SingleSelectProps {
|
|
|
5
5
|
name?: string;
|
|
6
6
|
className?: string;
|
|
7
7
|
id?: string;
|
|
8
|
+
inputId?: string;
|
|
8
9
|
topLabel?: string;
|
|
9
10
|
topLabelWeight?: 'semi-bold' | 'bold' | 'regular';
|
|
10
11
|
topLabelSize?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
|
|
@@ -22,5 +23,5 @@ interface SingleSelectProps {
|
|
|
22
23
|
/**
|
|
23
24
|
* Use this component for single selection !!
|
|
24
25
|
*/
|
|
25
|
-
export declare const SingleSelect: ({ options, label, placeholder, name, className, onChange, disabled, defaultValue, topLabel, topLabelWeight, topLabelSize, id, required, error, helperText, errorText, canAddNewOption, onBlur, ...props }: SingleSelectProps) => React.JSX.Element;
|
|
26
|
+
export declare const SingleSelect: ({ options, label, placeholder, name, className, onChange, disabled, defaultValue, topLabel, topLabelWeight, topLabelSize, id, inputId, required, error, helperText, errorText, canAddNewOption, onBlur, ...props }: SingleSelectProps) => React.JSX.Element;
|
|
26
27
|
export {};
|
|
@@ -8,6 +8,7 @@ interface HeaderItem {
|
|
|
8
8
|
tooltip?: string;
|
|
9
9
|
}
|
|
10
10
|
interface TableProps {
|
|
11
|
+
tableId?: string;
|
|
11
12
|
headers: HeaderItem[];
|
|
12
13
|
rows: any[];
|
|
13
14
|
hasFooter?: boolean;
|
|
@@ -26,5 +27,5 @@ interface TableProps {
|
|
|
26
27
|
/**
|
|
27
28
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1262-39999&mode=dev
|
|
28
29
|
*/
|
|
29
|
-
export declare const Table: ({ headers, rows, hasFooter, isSelectable, className, id, rowsClassName, areAllSelected, footerText, footerAction, footerIconRight, footerClassName, headerClassName, selectAll, }: TableProps) => React.JSX.Element;
|
|
30
|
+
export declare const Table: ({ tableId, headers, rows, hasFooter, isSelectable, className, id, rowsClassName, areAllSelected, footerText, footerAction, footerIconRight, footerClassName, headerClassName, selectAll, }: TableProps) => React.JSX.Element;
|
|
30
31
|
export {};
|
|
@@ -21,7 +21,8 @@ interface TextareaProps {
|
|
|
21
21
|
maxRows?: number;
|
|
22
22
|
minRows?: number;
|
|
23
23
|
rows?: number;
|
|
24
|
+
inputId?: string;
|
|
24
25
|
}
|
|
25
26
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=738-6407&mode=dev */
|
|
26
|
-
export declare const Textarea: ({ name, label, className, id, onChange, onBlur, placeholder, value, maxCharacters, topLabel, topLabelWeight, topLabelSize, errorText, helperText, error, disabled, required, onKeyDown, rows, maxRows, minRows, }: TextareaProps) => React.JSX.Element;
|
|
27
|
+
export declare const Textarea: ({ name, label, className, id, onChange, onBlur, placeholder, value, maxCharacters, topLabel, topLabelWeight, topLabelSize, errorText, helperText, error, disabled, required, onKeyDown, rows, maxRows, minRows, inputId, }: TextareaProps) => React.JSX.Element;
|
|
27
28
|
export {};
|