dce-reactkit 3.6.11 → 3.6.13

package/dist/esm/types/helpers/combineClassNames.d.ts

@@ -1,8 +1,9 @@
 /**
  * Merges a list of class names into a class name, intelligently handling spaces
  * @author Gabe Abrams
- * @param classNames the list of class names to merge
+ * @param classNames the list of class names to merge (or falsey values to
+ *   ignore)
  * @returns the merged class name
  */
-declare const combineClassNames: (classNames: string[]) => string;
+declare const combineClassNames: (classNames: (string | undefined | null | false)[]) => string;
 export default combineClassNames;

package/dist/index.d.ts

@@ -1420,10 +1420,11 @@ declare const makeLinksClickable: (text: string, opts?: {
 /**
  * Merges a list of class names into a class name, intelligently handling spaces
  * @author Gabe Abrams
- * @param classNames the list of class names to merge
+ * @param classNames the list of class names to merge (or falsey values to
+ *   ignore)
  * @returns the merged class name
  */
-declare const combineClassNames: (classNames: string[]) => string;
+declare const combineClassNames: (classNames: (string | undefined | null | false)[]) => string;
 
 /**
  * List of error codes built into the react kit

package/package.json

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

package/src/components/MultiSwitch.tsx

@@ -334,7 +334,7 @@ const MultiSwitch: React.FC<Props> = (props) => {
   );
 
   return (
-    <div className="MultiSwitch-outer-box alert alert-dark">
+    <div className="MultiSwitch-outer-box alert alert-dark m-0">
       {/* Style */}
       <style>
         {style}

package/src/helpers/combineClassNames.ts

@@ -1,12 +1,17 @@
 /**
  * Merges a list of class names into a class name, intelligently handling spaces
  * @author Gabe Abrams
- * @param classNames the list of class names to merge
+ * @param classNames the list of class names to merge (or falsey values to
+ *   ignore)
  * @returns the merged class name
  */
-const combineClassNames = (classNames: string[]): string => {
+const combineClassNames = (classNames: (string | undefined | null | false)[]): string => {
   return (
     classNames
+      // Turn falsey values into empty strings
+      .map((className) => {
+        return className || '';
+      })
       // Trim whitespace
       .map((className) => {
         return className.trim();