techsbcn-storybook 0.14.1 → 0.14.2

package/dist/components/tables/ImageTableComponent/ImageTableComponent.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ImageTableComponentProps {
+    readFile: (guid: string) => Promise<any>;
+    guid: string;
+    convertImage?: (result: any) => string;
+}
+declare const ImageTableComponent: React.FC<ImageTableComponentProps>;
+export default ImageTableComponent;

package/dist/components/tables/SimpleTableComponent/SimpleTableComponent.d.ts

@@ -42,8 +42,8 @@ interface ColumnProps {
     isImage?: {
         isUrl?: boolean;
         isGuid?: {
-            guid: boolean;
-            action: (guid: string) => string;
+            readFile: (guid: string) => Promise<any>;
+            convertImage?: (content: any) => string;
         };
     };
     isActiveFunction?: {

package/dist/components/tables/TableComponent/TableComponent.d.ts

@@ -44,8 +44,8 @@ interface ColumnProps {
     isImage?: {
         isUrl?: boolean;
         isGuid?: {
-            guid: boolean;
-            action: (guid: string) => string;
+            readFile: (guid: string) => Promise<any>;
+            convertImage?: (content: any) => string;
         };
     };
     isActiveFunction?: {

package/dist/helpers/FileDownloader.d.ts

@@ -0,0 +1,5 @@
+export declare const downloadFileBlob: (binaryString: any) => void;
+export declare const redirectDownload: (url: any, fileName: string) => void;
+export declare const getImageByBlob: (binaryString: any) => string;
+export declare const getImageByBase64: (content: string) => string;
+export declare const toBase64: (file: Blob) => Promise<string>;

package/dist/helpers/index.d.ts

@@ -1,2 +1,3 @@
 export * from './CheckPermission';
 export * from './GroupBy';
+export * from './FileDownloader';

package/dist/techsbcn-storybook.cjs.development.js

@@ -363,6 +363,36 @@ TextFieldComponent.defaultProps = {
   type: 'text'
 };
 
+var ImageTableComponent = function ImageTableComponent(props) {
+  var _useState = React.useState(false),
+      loading = _useState[0],
+      setLoading = _useState[1];
+
+  var _useState2 = React.useState(),
+      image = _useState2[0],
+      setImage = _useState2[1];
+
+  React.useEffect(function () {
+    setLoading(true);
+    props.readFile(props.guid).then(function (result) {
+      setImage(props.convertImage ? props.convertImage(result) : result);
+      setLoading(false);
+    });
+  }, [props]);
+  return React__default.createElement(material.Box, {
+    className: "images-table-component"
+  }, loading ? React__default.createElement(material.Box, {
+    textAlign: "center"
+  }, React__default.createElement(material.CircularProgress, {
+    className: "main-color"
+  })) : React__default.createElement(material.Avatar, {
+    alt: "-",
+    src: image,
+    className: "img-table",
+    variant: "square"
+  }));
+};
+
 var TableComponent = function TableComponent(props) {
   var _props$isCheckTable7, _props$isCheckTable8, _props$isCheckTable9;
 
@@ -491,6 +521,12 @@ var TableComponent = function TableComponent(props) {
           className: "img-table",
           variant: "square"
         });
+      } else if (column.isImage.isGuid) {
+        return React__default.createElement(ImageTableComponent, {
+          guid: value,
+          readFile: column.isImage.isGuid.readFile,
+          convertImage: column.isImage.isGuid.convertImage
+        });
       }
     }
 
@@ -866,6 +902,12 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
           className: "img-table",
           variant: "square"
         });
+      } else if (column.isImage.isGuid) {
+        return React__default.createElement(ImageTableComponent, {
+          guid: value,
+          readFile: column.isImage.isGuid.readFile,
+          convertImage: column.isImage.isGuid.convertImage
+        });
       }
     }