odaptos_design_system 1.4.104 → 1.4.105
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/Interviews/Chat.d.ts +2 -1
- package/dist/NumbersCode/NumbersCode.d.ts +3 -1
- package/dist/odaptos_design_system.cjs.development.js +10 -6
- 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 +10 -6
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Interviews/Chat.tsx +65 -63
- package/src/NumbersCode/NumbersCode.tsx +7 -1
|
@@ -29,6 +29,7 @@ export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
29
29
|
className?: string;
|
|
30
30
|
isTaskMode?: boolean;
|
|
31
31
|
isChatDisplay?: boolean;
|
|
32
|
+
isInterviewer?: boolean;
|
|
32
33
|
}
|
|
33
|
-
export declare const Chat: ({ goBackText, goBack, chatTitle, welcomeTitle, welcomeDescription, startInterviewTitle, startInterviewBtnTitle, startInterviewIcon, startInterview, tasks, sendTask, validateTask, currentTask, chatInputPlaceholder, chatInputValue, chatInputonChange, sendMessage, className, isTaskMode,
|
|
34
|
+
export declare const Chat: ({ goBackText, goBack, chatTitle, welcomeTitle, welcomeDescription, startInterviewTitle, startInterviewBtnTitle, startInterviewIcon, startInterview, tasks, sendTask, validateTask, currentTask, chatInputPlaceholder, chatInputValue, chatInputonChange, sendMessage, className, isTaskMode, isInterviewer, ...props }: ChatProps) => React.JSX.Element;
|
|
34
35
|
export {};
|
|
@@ -4,6 +4,7 @@ export interface NumbersCodeProps {
|
|
|
4
4
|
code: string;
|
|
5
5
|
isValid: boolean[];
|
|
6
6
|
setIsValid: (isValid: boolean[]) => void;
|
|
7
|
+
placeholder?: string;
|
|
7
8
|
className?: string;
|
|
8
9
|
}
|
|
9
10
|
export interface InputElementProps {
|
|
@@ -12,7 +13,8 @@ export interface InputElementProps {
|
|
|
12
13
|
isValid: boolean[];
|
|
13
14
|
setIsValid: (isValid: boolean[]) => void;
|
|
14
15
|
maxElement: number;
|
|
16
|
+
placeholder?: string;
|
|
15
17
|
className?: string;
|
|
16
18
|
}
|
|
17
19
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
18
|
-
export declare const NumbersCode: ({ className, code, isValid, setIsValid, number }: NumbersCodeProps) => React.JSX.Element;
|
|
20
|
+
export declare const NumbersCode: ({ className, code, isValid, setIsValid, placeholder, number }: NumbersCodeProps) => React.JSX.Element;
|
|
@@ -7977,10 +7977,10 @@ const Chat = ({
|
|
|
7977
7977
|
sendMessage,
|
|
7978
7978
|
className,
|
|
7979
7979
|
isTaskMode,
|
|
7980
|
-
|
|
7980
|
+
isInterviewer,
|
|
7981
7981
|
...props
|
|
7982
7982
|
}) => {
|
|
7983
|
-
|
|
7983
|
+
return /*#__PURE__*/React__default.createElement(Grid, Object.assign({
|
|
7984
7984
|
container: true,
|
|
7985
7985
|
item: true,
|
|
7986
7986
|
xs: 3,
|
|
@@ -7995,10 +7995,10 @@ const Chat = ({
|
|
|
7995
7995
|
text: chatTitle,
|
|
7996
7996
|
weight: "bold",
|
|
7997
7997
|
size: "lg"
|
|
7998
|
-
}), welcomeTitle && welcomeDescription && /*#__PURE__*/React__default.createElement(WelcomeMessage, {
|
|
7998
|
+
}), welcomeTitle && welcomeDescription && isInterviewer && /*#__PURE__*/React__default.createElement(WelcomeMessage, {
|
|
7999
7999
|
title: welcomeTitle,
|
|
8000
8000
|
description: welcomeDescription
|
|
8001
|
-
}), startInterviewTitle && startInterview && startInterviewBtnTitle && /*#__PURE__*/React__default.createElement(StartInterview, {
|
|
8001
|
+
}), startInterviewTitle && startInterview && startInterviewBtnTitle && !isInterviewer && /*#__PURE__*/React__default.createElement(StartInterview, {
|
|
8002
8002
|
title: startInterviewTitle,
|
|
8003
8003
|
buttonText: startInterviewBtnTitle,
|
|
8004
8004
|
buttonIcon: startInterviewIcon,
|
|
@@ -8024,7 +8024,7 @@ const Chat = ({
|
|
|
8024
8024
|
value: chatInputValue,
|
|
8025
8025
|
onChange: chatInputonChange,
|
|
8026
8026
|
sendMessage: sendMessage
|
|
8027
|
-
}));
|
|
8027
|
+
}));
|
|
8028
8028
|
};
|
|
8029
8029
|
|
|
8030
8030
|
var css_248z$c = ".ChatInput-modules_chat_input_container__kI77U{align-items:center;align-self:stretch;background:var(--color-neutral-clear-shades-150,#eee);border-radius:.5rem;display:flex;flex-direction:row;gap:.5rem;margin-top:auto;padding:.625rem .75rem}.ChatInput-modules_chat_input_container__kI77U input{background:var(--color-neutral-clear-shades-150,#eee);border:none;color:var(--color-neutral-dark-shades-950,#26292e);font-family:OpenSans;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;width:100%}.ChatInput-modules_chat_input_container__kI77U input:focus{outline:none}.ChatInput-modules_chat_input_container__kI77U input::-moz-placeholder{color:var(--color-neutral-dark-shades-550,#8a8b8e);opacity:1}.ChatInput-modules_chat_input_container__kI77U input::placeholder{color:var(--color-neutral-dark-shades-550,#8a8b8e);opacity:1}";
|
|
@@ -8915,6 +8915,7 @@ const NumberInput = ({
|
|
|
8915
8915
|
isValid,
|
|
8916
8916
|
setIsValid,
|
|
8917
8917
|
maxElement,
|
|
8918
|
+
placeholder,
|
|
8918
8919
|
...props
|
|
8919
8920
|
}) => {
|
|
8920
8921
|
const [value, setValue] = React.useState('');
|
|
@@ -8935,6 +8936,7 @@ const NumberInput = ({
|
|
|
8935
8936
|
}
|
|
8936
8937
|
},
|
|
8937
8938
|
id: `NumberInput#${inputNumber}`,
|
|
8939
|
+
placeholder: placeholder,
|
|
8938
8940
|
className: `${styles$o.input_number} ${className ?? ''}`
|
|
8939
8941
|
}, props));
|
|
8940
8942
|
};
|
|
@@ -8944,6 +8946,7 @@ const NumbersCode = ({
|
|
|
8944
8946
|
code,
|
|
8945
8947
|
isValid,
|
|
8946
8948
|
setIsValid,
|
|
8949
|
+
placeholder = "_",
|
|
8947
8950
|
number = 6
|
|
8948
8951
|
}) => {
|
|
8949
8952
|
const children = [];
|
|
@@ -8954,11 +8957,12 @@ const NumbersCode = ({
|
|
|
8954
8957
|
inputCode: code.charAt(i),
|
|
8955
8958
|
className: className,
|
|
8956
8959
|
inputNumber: i,
|
|
8960
|
+
placeholder: placeholder,
|
|
8957
8961
|
maxElement: number
|
|
8958
8962
|
}));
|
|
8959
8963
|
}
|
|
8960
8964
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
8961
|
-
className: `${
|
|
8965
|
+
className: `${styles$o.blockList}`
|
|
8962
8966
|
}, children);
|
|
8963
8967
|
};
|
|
8964
8968
|
|