@performant-software/semantic-components 0.5.13 → 0.5.16-beta.0

package/types/components/LazyDocument.js.flow

@@ -1,6 +1,6 @@
 // @flow
 
-import React, { useState, useEffect, type Node } from 'react';
+import React, { useState, type Node } from 'react';
 import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
 import {
   Dimmer,
@@ -20,6 +20,7 @@ type Props = {
   dimmable?: boolean,
   duration?: number,
   image?: any,
+  pdf?: boolean,
   preview?: ?string,
   size?: string,
   src?: string
@@ -28,15 +29,6 @@ type Props = {
 const LazyDocument = (props: Props) => {
   const [visible, setVisible] = useState(false);
   const [dimmer, setDimmer] = useState(false);
-  const [contentType, setContentType] = useState('');
-
-  useEffect(() => {
-    if (props.src && !props.preview) {
-      fetch(props.src)
-        .then((response) => response.blob())
-        .then((blob) => setContentType(blob.type));
-    }
-  }, [props.preview, props.src]);
 
   if (!visible) {
     return (
@@ -75,7 +67,7 @@ const LazyDocument = (props: Props) => {
               size={props.size}
             />
           )}
-          { !props.preview && props.src && contentType === 'application/pdf' && (
+          { !props.preview && props.src && props.pdf && (
             <Image
               {...props.image}
               size={props.size}
@@ -89,7 +81,7 @@ const LazyDocument = (props: Props) => {
               </Document>
             </Image>
           )}
-          { !props.preview && (!props.src || contentType !== 'application/pdf') && (
+          { !props.preview && !(props.src && props.pdf) && (
             <Image
               {...props.image}
               className='placeholder-image'
@@ -113,7 +105,7 @@ const LazyDocument = (props: Props) => {
                     content={i18n.t('LazyDocument.buttons.download')}
                     icon='cloud download'
                     primary
-                    url={props.src || ''}
+                    url={props.src}
                   />
                 )}
                 { props.children }
@@ -129,6 +121,7 @@ const LazyDocument = (props: Props) => {
 LazyDocument.defaultProps = {
   dimmable: true,
   duration: 1000,
+  pdf: false,
   preview: undefined,
   size: 'medium',
   src: undefined

package/types/components/LazyImage.js.flow

@@ -60,14 +60,14 @@ const LazyImage = (props: Props) => {
           onMouseEnter={() => setDimmer(true)}
           onMouseLeave={() => setDimmer(false)}
         >
-          { props.src && (
+          { (props.preview || props.src) && (
             <Image
               {...props.image}
               size={props.size}
               src={props.preview || props.src}
             />
           )}
-          { !props.src && (
+          { !(props.preview || props.src) && (
             <Image
               {...props.image}
               className='placeholder-image'
@@ -100,12 +100,14 @@ const LazyImage = (props: Props) => {
           )}
         </Dimmer.Dimmable>
       </Transition>
-      <PhotoViewer
-        image={props.src || ''}
-        onClose={() => setModal(false)}
-        open={modal}
-        size='large'
-      />
+      { props.src && (
+        <PhotoViewer
+          image={props.src}
+          onClose={() => setModal(false)}
+          open={modal}
+          size='large'
+        />
+      )}
     </>
   );
 };

package/types/components/ReferenceCodeFormDropdown.js.flow

@@ -50,12 +50,15 @@ const ReferenceCodeFormDropdown: ComponentType<any> = (props: Props) => {
       { modal && (
         <EditModal
           component={ReferenceTableModal}
-          item={{ id: referenceTable }}
+          item={{ id: referenceTable, key: referenceTable }}
           onClose={() => setModal(false)}
           onInitialize={(key) => (
             ReferenceTablesService
               .fetchByKey(key)
-              .then(({ data }) => data.reference_table)
+              .then(({ data }) => ({
+                ...data.reference_table,
+                key
+              }))
           )}
           onSave={(record) => (
             ReferenceTablesService

package/types/index.js.flow

@@ -9,6 +9,7 @@ export { default as AccordionList } from './components/AccordionList';
 export { default as AccordionSelector } from './components/AccordionSelector';
 export { default as ArrowButtons } from './components/ArrowButtons';
 export { default as AssociatedDropdown } from './components/AssociatedDropdown';
+export { default as AudioPlayer } from './components/AudioPlayer';
 export { default as BooleanIcon } from './components/BooleanIcon';
 export { default as CancelButton } from './components/CancelButton';
 export { default as ColorButton } from './components/ColorButton';
@@ -39,6 +40,7 @@ export { default as ItemList } from './components/ItemList';
 export { default as Items } from './components/Items';
 export { default as KeyboardField } from './components/KeyboardField';
 export { default as KeyValuePairs } from './components/KeyValuePairs';
+export { default as LazyAudio } from './components/LazyAudio';
 export { default as LazyDocument } from './components/LazyDocument';
 export { default as LazyImage } from './components/LazyImage';
 export { default as LazyVideo } from './components/LazyVideo';