@performant-software/semantic-components 1.0.25 → 1.0.26-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/semantic-components",
-  "version": "1.0.25",
+  "version": "1.0.26-beta.0",
   "description": "A package of shared components based on the Semantic UI Framework.",
   "license": "MIT",
   "main": "./build/index.js",
@@ -12,7 +12,7 @@
     "build": "webpack --mode production && flow-copy-source -v src types"
   },
   "dependencies": {
-    "@performant-software/shared-components": "^1.0.25",
+    "@performant-software/shared-components": "^1.0.26-beta.0",
     "@react-google-maps/api": "^2.8.1",
     "axios": "^0.26.1",
     "i18next": "^19.4.4",

package/src/components/AssociatedDropdown.js

@@ -1,7 +1,7 @@
 // @flow
 
 import { Timer } from '@performant-software/shared-components';
-import React, { Component } from 'react';
+import React, { Component, type ComponentType } from 'react';
 import { Button, Dropdown, Message } from 'semantic-ui-react';
 import _ from 'underscore';
 import EditModal from './EditModal';
@@ -18,8 +18,9 @@ type Option = {
 type Props = {
   className?: string,
   collectionName: string,
+  header?: ComponentType<any>,
   modal?: {
-    component: Component<{}>,
+    component: ComponentType<any>,
     props: any,
     onSave: (item: any) => Promise<any>,
     state: any
@@ -181,6 +182,7 @@ class AssociatedDropdown extends Component<Props, State> {
           <Dropdown
             className={`inline-dropdown ${this.props.className || ''}`}
             disabled={this.state.loading}
+            header={this.props.header}
             loading={this.state.loading}
             onBlur={this.onBlur.bind(this)}
             onChange={this.onOptionSelection.bind(this)}

package/src/components/EmbeddedList.js

@@ -271,3 +271,7 @@ export {
   SORT_ASCENDING,
   SORT_DESCENDING
 };
+
+export type {
+  Props
+};

package/src/components/FileUploadModal.js

@@ -48,6 +48,11 @@ type Props = {
    */
   onClose: () => void,
 
+  /**
+   * Callback fired when the upload has completed.
+   */
+  onComplete: () => void,
+
   /**
    * Callback fired when the save button is clicked. See <code>strategy</code> prop.
    */
@@ -151,6 +156,10 @@ const FileUploadModal: ComponentType<any> = (props: Props) => {
   const onComplete = useCallback(() => {
     setUploading(false);
 
+    if (props.onComplete) {
+      props.onComplete();
+    }
+
     if (props.closeOnComplete) {
       props.onClose();
     }

package/src/components/ListTable.js

@@ -131,3 +131,7 @@ ListTable.defaultProps = {
 };
 
 export default ListTable;
+
+export type {
+  Props
+};

package/src/index.js

@@ -109,8 +109,10 @@ export { default as BatchEdit } from './hooks/BatchEdit';
 
 // Types
 export type { EditPageProps } from './components/EditPage';
+export type { Props as EmbeddedListProps } from './components/EmbeddedList';
 export type { FileUploadProps } from './components/FileUploadModal';
 export type { Props as ListProps } from './components/List';
+export type { Props as ListTableProps } from './components/ListTable';
 export type { BatchEditProps } from './hooks/BatchEdit';
 
 // Constants

package/types/components/AssociatedDropdown.js.flow

@@ -1,7 +1,7 @@
 // @flow
 
 import { Timer } from '@performant-software/shared-components';
-import React, { Component } from 'react';
+import React, { Component, type ComponentType } from 'react';
 import { Button, Dropdown, Message } from 'semantic-ui-react';
 import _ from 'underscore';
 import EditModal from './EditModal';
@@ -18,8 +18,9 @@ type Option = {
 type Props = {
   className?: string,
   collectionName: string,
+  header?: ComponentType<any>,
   modal?: {
-    component: Component<{}>,
+    component: ComponentType<any>,
     props: any,
     onSave: (item: any) => Promise<any>,
     state: any
@@ -181,6 +182,7 @@ class AssociatedDropdown extends Component<Props, State> {
           <Dropdown
             className={`inline-dropdown ${this.props.className || ''}`}
             disabled={this.state.loading}
+            header={this.props.header}
             loading={this.state.loading}
             onBlur={this.onBlur.bind(this)}
             onChange={this.onOptionSelection.bind(this)}

package/types/components/EmbeddedList.js.flow

@@ -271,3 +271,7 @@ export {
   SORT_ASCENDING,
   SORT_DESCENDING
 };
+
+export type {
+  Props
+};

package/types/components/FileUploadModal.js.flow

@@ -48,6 +48,11 @@ type Props = {
    */
   onClose: () => void,
 
+  /**
+   * Callback fired when the upload has completed.
+   */
+  onComplete: () => void,
+
   /**
    * Callback fired when the save button is clicked. See <code>strategy</code> prop.
    */
@@ -151,6 +156,10 @@ const FileUploadModal: ComponentType<any> = (props: Props) => {
   const onComplete = useCallback(() => {
     setUploading(false);
 
+    if (props.onComplete) {
+      props.onComplete();
+    }
+
     if (props.closeOnComplete) {
       props.onClose();
     }

package/types/components/ListTable.js.flow

@@ -131,3 +131,7 @@ ListTable.defaultProps = {
 };
 
 export default ListTable;
+
+export type {
+  Props
+};

package/types/index.js.flow

@@ -109,8 +109,10 @@ export { default as BatchEdit } from './hooks/BatchEdit';
 
 // Types
 export type { EditPageProps } from './components/EditPage';
+export type { Props as EmbeddedListProps } from './components/EmbeddedList';
 export type { FileUploadProps } from './components/FileUploadModal';
 export type { Props as ListProps } from './components/List';
+export type { Props as ListTableProps } from './components/ListTable';
 export type { BatchEditProps } from './hooks/BatchEdit';
 
 // Constants