code7-leia 0.2.31 → 0.2.34

package/dist/contexts/SharedPropsProvider.d.ts

@@ -9,6 +9,7 @@ interface Props {
         name: string;
         description: string;
     }];
+    readonly: boolean;
     token: string;
     env: string;
     children?: React.ReactNode;

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export declare type Props = PropsWithChildren<{
     id: string;
     activeTab: string;
     language: "en" | "pt-br" | "es";
+    readonly: boolean;
     loading: ReactElement;
     token: string;
 }>;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.2.31",
+  "version": "0.2.34",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/FileArea/index.tsx

@@ -23,7 +23,7 @@ import { SharedPropsProvider, useSharedProps } from '../../contexts/SharedPropsP
 import { deleteFilesAction, getFilesAction, uploadFilesAction, trainingAction } from '../../store/modules/actions';
 
 export const FileArea = () => {
-  const { id, language, propTags, token, env } = useSharedProps();
+  const { id, language, propTags, token, env, readonly } = useSharedProps();
   const [files, setFiles] = useState<FileData[]>([]);
   const [initialFiles, setInitialFiles] = useState<FileData[]>([]);
   const [uploadFile, setUploadFile] = useState<{ content: ArrayBuffer | string; properties: File }>();
@@ -145,8 +145,8 @@ export const FileArea = () => {
           <div className='actions'>
             <Search placeholder={t.fileArea.search} setFiles={setFiles} initialFiles={initialFiles}></Search>
             <div>            
-              <button id='button-upload' onClick={handleOpenModal}><FaUpload size={14} /> {t.fileArea.fileUpload}</button>
-              <button onClick={() => handleOpenModalTraining(undefined)}><GiWeightLiftingUp size={14} /> {t.fileArea.training}</button>
+              <button id='button-upload' disabled={readonly} onClick={handleOpenModal}><FaUpload size={14} /> {t.fileArea.fileUpload}</button>
+              <button disabled={readonly} onClick={() => handleOpenModalTraining(undefined)} ><GiWeightLiftingUp size={14} /> {t.fileArea.training}</button>
             </div>
           </div>
         </S.Header>
@@ -156,7 +156,7 @@ export const FileArea = () => {
               icon={<FaList></FaList>}
               title={t.fileArea.emptyState.title}
               description={t.fileArea.emptyState.description}
-              iconButton={<button id='button-upload' onClick={handleOpenModal}><FaUpload size={14} /> {t.fileArea.fileUpload}</button>}
+              iconButton={<button id='button-upload' disabled={readonly} onClick={handleOpenModal}><FaUpload size={14} /> {t.fileArea.fileUpload}</button>}
               descriptionButton={t.fileArea.fileUpload}
               widthButton="230px"
             />
@@ -186,8 +186,8 @@ export const FileArea = () => {
                       <td className='tags' dangerouslySetInnerHTML={{ __html: pressetTag(object.tags) }} />
                       <td>
                         <div className='divDelete'>
-                          <button className='buttonTraining' onClick={() => handleOpenModalTraining(object.tags)}>{t.buttons.training}</button>
-                          <button className='buttonDelete' onClick={() => handleOpenModalDelete(object.name)}>{t.buttons.delete}</button>
+                          <button className='buttonTraining' disabled={readonly} onClick={() => handleOpenModalTraining(object.tags)}>{t.buttons.training}</button>
+                          <button className='buttonDelete' disabled={readonly} onClick={() => handleOpenModalDelete(object.name)}>{t.buttons.delete}</button>
                         </div>
                       </td>
                     </tr>
@@ -272,7 +272,7 @@ export const FileArea = () => {
   }
 
   return (
-    <SharedPropsProvider id={id} language={language} token={token} env={env} propTags={{ tags: [] }} personas={[{name: '', description: ''}]}>
+    <SharedPropsProvider readonly={readonly} id={id} language={language} token={token} env={env} propTags={{ tags: [] }} personas={[{name: '', description: ''}]}>
       <S.Container>
         {renderFiles()}
       </S.Container>

package/src/components/FileArea/styles.tsx

@@ -1,4 +1,4 @@
-import styled, { css }  from 'styled-components';
+import styled, { css } from 'styled-components';
 
 interface ContainerProps {
   isloading?: boolean;
@@ -162,6 +162,11 @@ export const Header = styled.div`
       padding: 10px 20px;
       color: white;
       border-radius: 4px;
+
+      &:disabled {
+        cursor: not-allowed;
+        opacity: 0.5;
+      }
     }
   }
 

package/src/components/TestArea/index.tsx

@@ -13,7 +13,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { testAction } from '../../store/modules/actions';
 
 export const TestArea = () => {
-  const { id, language, personas, propTags, token, env } = useSharedProps();
+  const { id, language, personas, propTags, token, env, readonly } = useSharedProps();
   const t = getLanguage(language)
   const results = useSelector((state: any) => state.message);
   const isloading = useSelector((state: any) => state.isloading);
@@ -92,7 +92,7 @@ export const TestArea = () => {
   }
 
   return (
-    <SharedPropsProvider id={id} token={token} language={language} env={env} propTags={{ tags: [] }} personas={[{name: '', description: ''}]}>
+    <SharedPropsProvider id={id} token={token} readonly={readonly} language={language} env={env} propTags={{ tags: [] }} personas={[{name: '', description: ''}]}>
       <S.Container>
         {returnTest()}
       </S.Container>

package/src/contexts/SharedPropsProvider.tsx

@@ -4,8 +4,9 @@ import { getApi } from '../utils/getApi';
 interface Props {
   id: string;
   language: "en" | "pt-br" | "es";
-  propTags: { tags: [] }
+  propTags: { tags: [] };
   personas: [{ name: string, description: string }];
+  readonly: boolean;
   token: string;
   env: string;
   children?: React.ReactNode;

package/src/index.tsx

@@ -8,7 +8,8 @@ export type Props = PropsWithChildren<{
   id: string;
   activeTab: string;
   language: "en" | "pt-br" | "es";
-  loading: ReactElement
+  readonly: boolean;
+  loading: ReactElement;
   token: string;
 }>;