dce-reactkit 3.2.2-beta.5 → 3.2.2-beta.50

package/dist/esm/types/components/ButtonInputGroup.d.ts

@@ -7,6 +7,7 @@ declare type Props = {
     label: string;
     minLabelWidth?: string;
     children: React.ReactNode;
+    className?: string;
 };
 declare const ButtonInputGroup: React.FC<Props>;
 export default ButtonInputGroup;

package/dist/esm/types/components/Drawer.d.ts

@@ -4,6 +4,7 @@
  */
 import React from 'react';
 declare type Props = {
+    customBackgroundColor?: string;
     children: React.ReactNode;
 };
 declare const Drawer: React.FC<Props>;

package/dist/esm/types/components/IntelliTable.d.ts

@@ -12,6 +12,7 @@ declare type Props = {
         [k: string]: any;
     }[];
     columns: IntelliTableColumn[];
+    csvName?: string;
 };
 declare const IntelliTable: React.FC<Props>;
 export default IntelliTable;

package/dist/esm/types/components/ItemPicker/NestableItemList.d.ts

@@ -1,6 +1,7 @@
 /**
  * Reusable nested item picker
  * @author Yuen Ler Chow
+ * @author Gabe Abrams
  */
 import React from 'react';
 import PickableItem from './types/PickableItem';

package/dist/esm/types/components/ItemPicker/index.d.ts

@@ -13,6 +13,7 @@ declare type Props = {
      *   values updated
      */
     onChanged: (updatedItems: PickableItem[]) => void;
+    noBottomMargin?: boolean;
 };
 declare const ItemPicker: React.FC<Props>;
 export default ItemPicker;

package/dist/esm/types/types/LogAction.d.ts

@@ -3,21 +3,21 @@
  * @author Gabe Abrams
  */
 declare enum LogAction {
-    Open = "open",
-    Close = "close",
-    Cancel = "cancel",
-    Expand = "expand",
-    Collapse = "collapse",
-    View = "view",
-    Interrupt = "interrupt",
-    Create = "create",
-    Edit = "edit",
-    Delete = "delete",
-    Add = "add",
-    Remove = "remove",
-    Activate = "activate",
-    Deactivate = "deactivate",
-    Peek = "peek",
-    Unknown = "unknown"
+    Open = "Open",
+    Close = "Close",
+    Cancel = "Cancel",
+    Expand = "Expand",
+    Collapse = "Collapse",
+    View = "View",
+    Interrupt = "Interrupt",
+    Create = "Create",
+    Edit = "Edit",
+    Delete = "Delete",
+    Add = "Add",
+    Remove = "Remove",
+    Activate = "Activate",
+    Deactivate = "Deactivate",
+    Peek = "Peek",
+    Unknown = "Unknown"
 }
 export default LogAction;

package/dist/esm/types/types/LogBuiltInMetadata.d.ts

@@ -10,7 +10,7 @@ declare const LogBuiltInMetadata: {
         ClientFatalError: string;
     };
     Target: {
-        NoSpecificTarget: string;
+        NoTarget: string;
     };
 };
 export default LogBuiltInMetadata;

package/dist/esm/types/types/LogMetadataContextMap.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Type of the context map in a LogMetadata file
+ * @author Gabe Abrams
+ */
+declare type LogMetadataContextMap = {
+    [k: string]: (string | {
+        _: string;
+        [k: string]: string;
+    });
+};
+export default LogMetadataContextMap;

package/dist/esm/types/types/LogMetadataTagMap.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Type of the tag map inside a LogMetadata file
+ * @author Gabe Abrams
+ */
+declare type LogMetadataTagMap = {
+    [k: string]: string;
+};
+export default LogMetadataTagMap;

package/dist/esm/types/types/LogMetadataTargetMap.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Type of the target map inside a LogMetadata file
+ * @author Gabe Abrams
+ */
+declare type LogMetadataTargetMap = {
+    [k: string]: string;
+};
+export default LogMetadataTargetMap;

package/dist/esm/types/types/LogMetadataType.d.ts

@@ -1,19 +1,13 @@
+import LogMetadataContextMap from './LogMetadataContextMap';
+import LogMetadataTagMap from './LogMetadataTagMap';
+import LogMetadataTargetMap from './LogMetadataTargetMap';
 /**
  * Type of a LogMetadata file
  * @author Gabe Abrams
  */
 declare type LogMetadataType = {
-    Context?: {
-        [k: string]: (string | {
-            _: string;
-            [k: string]: string;
-        });
-    };
-    Tag?: {
-        [k: string]: string;
-    };
-    Target?: {
-        [k: string]: string;
-    };
+    Context?: LogMetadataContextMap;
+    Tag?: LogMetadataTagMap;
+    Target?: LogMetadataTargetMap;
 };
 export default LogMetadataType;

package/dist/index.d.ts

@@ -242,6 +242,7 @@ declare type Props$a = {
     label: string;
     minLabelWidth?: string;
     children: React.ReactNode;
+    className?: string;
 };
 declare const ButtonInputGroup: React.FC<Props$a>;
 
@@ -274,6 +275,7 @@ declare const SimpleDateChooser: React.FC<Props$9>;
  */
 
 declare type Props$8 = {
+    customBackgroundColor?: string;
     children: React.ReactNode;
 };
 declare const Drawer: React.FC<Props$8>;
@@ -363,26 +365,45 @@ declare type Props$3 = {
      *   values updated
      */
     onChanged: (updatedItems: PickableItem[]) => void;
+    noBottomMargin?: boolean;
 };
 declare const ItemPicker: React.FC<Props$3>;
 
+/**
+ * Type of the context map in a LogMetadata file
+ * @author Gabe Abrams
+ */
+declare type LogMetadataContextMap = {
+    [k: string]: (string | {
+        _: string;
+        [k: string]: string;
+    });
+};
+
+/**
+ * Type of the tag map inside a LogMetadata file
+ * @author Gabe Abrams
+ */
+declare type LogMetadataTagMap = {
+    [k: string]: string;
+};
+
+/**
+ * Type of the target map inside a LogMetadata file
+ * @author Gabe Abrams
+ */
+declare type LogMetadataTargetMap = {
+    [k: string]: string;
+};
+
 /**
  * Type of a LogMetadata file
  * @author Gabe Abrams
  */
 declare type LogMetadataType = {
-    Context?: {
-        [k: string]: (string | {
-            _: string;
-            [k: string]: string;
-        });
-    };
-    Tag?: {
-        [k: string]: string;
-    };
-    Target?: {
-        [k: string]: string;
-    };
+    Context?: LogMetadataContextMap;
+    Tag?: LogMetadataTagMap;
+    Target?: LogMetadataTargetMap;
 };
 
 /**
@@ -438,6 +459,7 @@ declare type Props$1 = {
         [k: string]: any;
     }[];
     columns: IntelliTableColumn[];
+    csvName?: string;
 };
 declare const IntelliTable: React.FC<Props$1>;
 
@@ -667,22 +689,22 @@ declare type LogSourceSpecificInfo = ({
  * @author Gabe Abrams
  */
 declare enum LogAction {
-    Open = "open",
-    Close = "close",
-    Cancel = "cancel",
-    Expand = "expand",
-    Collapse = "collapse",
-    View = "view",
-    Interrupt = "interrupt",
-    Create = "create",
-    Edit = "edit",
-    Delete = "delete",
-    Add = "add",
-    Remove = "remove",
-    Activate = "activate",
-    Deactivate = "deactivate",
-    Peek = "peek",
-    Unknown = "unknown"
+    Open = "Open",
+    Close = "Close",
+    Cancel = "Cancel",
+    Expand = "Expand",
+    Collapse = "Collapse",
+    View = "View",
+    Interrupt = "Interrupt",
+    Create = "Create",
+    Edit = "Edit",
+    Delete = "Delete",
+    Add = "Add",
+    Remove = "Remove",
+    Activate = "Activate",
+    Deactivate = "Deactivate",
+    Peek = "Peek",
+    Unknown = "Unknown"
 }
 
 /**
@@ -1026,7 +1048,7 @@ declare const LogBuiltInMetadata: {
         ClientFatalError: string;
     };
     Target: {
-        NoSpecificTarget: string;
+        NoTarget: string;
     };
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dce-reactkit",
-  "version": "3.2.2-beta.5",
+  "version": "3.2.2-beta.50",
   "description": "Shared components for Harvard DCE apps",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/ButtonInputGroup.tsx

@@ -18,6 +18,8 @@ type Props = {
   minLabelWidth?: string,
   // Buttons
   children: React.ReactNode,
+  // Additional class names to add to the outer container
+  className?: string,
 };
 
 /*------------------------------------------------------------------------*/
@@ -36,6 +38,7 @@ const ButtonInputGroup: React.FC<Props> = (props) => {
     label,
     minLabelWidth,
     children,
+    className,
   } = props;
 
   /*------------------------------------------------------------------------*/
@@ -47,7 +50,7 @@ const ButtonInputGroup: React.FC<Props> = (props) => {
   /*----------------------------------------*/
 
   return (
-    <div className="input-group">
+    <div className={`input-group ${className ?? ''}`}>
       <div className="input-group-prepend d-flex w-100">
         {/* Label */}
         <span
@@ -66,7 +69,7 @@ const ButtonInputGroup: React.FC<Props> = (props) => {
 
         {/* Contents */}
         <span
-          className="input-group-text flex-grow-1 rounded-right"
+          className="input-group-text flex-grow-1 rounded-right d-flex flex-wrap"
           style={{
             backgroundColor: 'white',
             borderTopLeftRadius: 0,

package/src/components/CSVDownloadButton.tsx

@@ -70,7 +70,7 @@ const CSVDownloadButton: React.FC<Props> = (props) => {
     <a
       id={id}
       download={filename}
-      href={`data:application/octet-stream,${csv}`}
+      href={`data:application/octet-stream,${encodeURIComponent(csv)}`}
       className={`CSVDownloadButton-button ${className ?? 'btn btn-secondary'}`}
       aria-label={(
         ariaLabel
@@ -84,8 +84,8 @@ const CSVDownloadButton: React.FC<Props> = (props) => {
         <>
           <FontAwesomeIcon
             icon={faCloudDownloadAlt}
-            className="mr-2"
           />
+          {' '}
           Download CSV
         </>
       )}

package/src/components/Drawer.tsx

@@ -12,6 +12,8 @@ import React from 'react';
 
 // Props definition
 type Props = {
+  // Custom background color
+  customBackgroundColor?: string,
   // Children to display
   children: React.ReactNode,
 };
@@ -49,6 +51,7 @@ const Drawer: React.FC<Props> = (props) => {
 
   // Destructure all props
   const {
+    customBackgroundColor,
     children,
   } = props;
 
@@ -61,7 +64,12 @@ const Drawer: React.FC<Props> = (props) => {
   /*----------------------------------------*/
 
   return (
-    <div className="Drawer-container">
+    <div
+      className="Drawer-container"
+      style={{
+        backgroundColor: (customBackgroundColor ?? undefined),
+      }}
+    >
       <style>{style}</style>
       {children}
     </div>