@terraware/web-components 4.2.25 → 4.2.26-rc.1

package/components/PhotoChooser/index.js

@@ -1,11 +1,14 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { Box, Typography, useTheme } from '@mui/material';
-import { useDeviceInfo } from '../../utils';
-import Button from '../Button/Button';
-import ErrorBox from '../ErrorBox/ErrorBox';
-import FileChooser from '../FileChooser';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function PhotoChooser(props) {
+import { useState, useRef, useEffect } from 'react';
+import { useTheme, Box, Typography } from '@mui/material';
+import 'lodash';
+import 'luxon';
+import useDeviceInfo from '../../utils/useDeviceInfo.js';
+import Button from '../Button/Button.js';
+import ErrorBox from '../ErrorBox/ErrorBox.js';
+import FileChooser from '../FileChooser/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function PhotoChooser(props) {
   const {
     title,
     description,
@@ -54,14 +57,14 @@ export default function PhotoChooser(props) {
     alt,
     onRemove,
     id
-  }) => /*#__PURE__*/_jsxs(Box, {
+  }) => /*#__PURE__*/jsxs(Box, {
     position: "relative",
     height: 122,
     width: 122,
     marginRight: isMobile ? theme.spacing(2) : theme.spacing(3),
     marginTop: theme.spacing(1),
     border: `1px solid ${theme.palette.TwClrBrdrTertiary}`,
-    children: [onRemove && /*#__PURE__*/_jsx(Button, {
+    children: [onRemove && /*#__PURE__*/jsx(Button, {
       icon: "iconTrashCan",
       id: id,
       onClick: onRemove,
@@ -72,7 +75,7 @@ export default function PhotoChooser(props) {
         right: -10,
         backgroundColor: theme.palette.TwClrBgDanger
       }
-    }), /*#__PURE__*/_jsx("img", {
+    }), /*#__PURE__*/jsx("img", {
       height: "120px",
       src: src,
       alt: alt,
@@ -85,7 +88,7 @@ export default function PhotoChooser(props) {
       }
     })]
   }, id ?? src);
-  return /*#__PURE__*/_jsxs(Box, {
+  return /*#__PURE__*/jsxs(Box, {
     ref: divRef,
     tabIndex: 0,
     sx: {
@@ -93,20 +96,20 @@ export default function PhotoChooser(props) {
       borderRadius: theme.spacing(4),
       padding: theme.spacing(3)
     },
-    children: [/*#__PURE__*/_jsxs(Box, {
-      children: [title && /*#__PURE__*/_jsx(Typography, {
+    children: [/*#__PURE__*/jsxs(Box, {
+      children: [title && /*#__PURE__*/jsx(Typography, {
         fontSize: 20,
         fontWeight: 600,
         children: title
-      }), description && /*#__PURE__*/_jsx(Typography, {
+      }), description && /*#__PURE__*/jsx(Typography, {
         fontSize: 14,
         fontWeight: 400,
         marginTop: theme.spacing(1),
         marginBottom: theme.spacing(2),
-        children: Array.isArray(description) ? description.map((txt, i) => /*#__PURE__*/_jsx("div", {
+        children: Array.isArray(description) ? description.map((txt, i) => /*#__PURE__*/jsx("div", {
           children: txt
         }, i)) : description
-      }), error && /*#__PURE__*/_jsx(ErrorBox, {
+      }), error && /*#__PURE__*/jsx(ErrorBox, {
         title: error.title,
         text: error.text,
         sx: {
@@ -116,14 +119,14 @@ export default function PhotoChooser(props) {
             width: 'auto'
           }
         }
-      }), existingPhotos && existingPhotos.length > 0 && /*#__PURE__*/_jsxs(Box, {
+      }), existingPhotos && existingPhotos.length > 0 && /*#__PURE__*/jsxs(Box, {
         marginBottom: theme.spacing(2),
-        children: [existingImagesLabel && /*#__PURE__*/_jsx(Typography, {
+        children: [existingImagesLabel && /*#__PURE__*/jsx(Typography, {
           fontSize: 14,
           fontWeight: 400,
           marginBottom: theme.spacing(1),
           children: existingImagesLabel
-        }), /*#__PURE__*/_jsx(Box, {
+        }), /*#__PURE__*/jsx(Box, {
           display: "flex",
           flexDirection: "row",
           flexWrap: "wrap",
@@ -134,14 +137,14 @@ export default function PhotoChooser(props) {
             onRemove: onExistingPhotoRemoved ? () => onExistingPhotoRemoved(index) : undefined
           }))
         })]
-      }), filesData.length > 0 && multipleSelection && /*#__PURE__*/_jsxs(Box, {
+      }), filesData.length > 0 && multipleSelection && /*#__PURE__*/jsxs(Box, {
         marginBottom: theme.spacing(2),
-        children: [newImagesLabel && /*#__PURE__*/_jsx(Typography, {
+        children: [newImagesLabel && /*#__PURE__*/jsx(Typography, {
           fontSize: 14,
           fontWeight: 400,
           marginBottom: theme.spacing(1),
           children: newImagesLabel
-        }), /*#__PURE__*/_jsx(Box, {
+        }), /*#__PURE__*/jsx(Box, {
           display: "flex",
           flexDirection: "row",
           flexWrap: "wrap",
@@ -152,7 +155,7 @@ export default function PhotoChooser(props) {
           }))
         })]
       })]
-    }), /*#__PURE__*/_jsx(FileChooser, {
+    }), /*#__PURE__*/jsx(FileChooser, {
       acceptFileType: "image/jpeg,image/png",
       chooseFileText: chooseFileText,
       files: files,
@@ -169,4 +172,6 @@ export default function PhotoChooser(props) {
       uploadText: uploadText
     })]
   });
-}
+}
+
+export { PhotoChooser as default };

package/components/PhotosCarousel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PhotosCarousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAA4C,MAAM,OAAO,CAAC;AAElF,OAAO,qCAAqC,CAAC;AAK7C,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AASD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAsE9E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PhotosCarousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAA4C,MAAM,OAAO,CAAC;AAElF,OAAO,qCAAqC,CAAC;AAK7C,OAAO,eAAe,CAAC;AAUvB,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AASD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAsE9E"}

package/components/PhotosCarousel/index.js

@@ -1,10 +1,12 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import Carousel from 'react-multi-carousel';
+import { useState, useRef, useEffect, useCallback } from 'react';
+import CarouselImport from '../../_virtual/index.js';
 import 'react-multi-carousel/lib/styles.css';
 import { Box, Typography } from '@mui/material';
-import BusySpinner from '../BusySpinner';
+import BusySpinner from '../BusySpinner/index.js';
 import './styles.scss';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const Carousel = CarouselImport.default ?? CarouselImport;
 const responsive = {
   mobile: {
     breakpoint: {
@@ -14,7 +16,7 @@ const responsive = {
     items: 1
   }
 };
-export default function PhotosCarousel(props) {
+function PhotosCarousel(props) {
   const {
     photos,
     selectedSlide,
@@ -56,28 +58,28 @@ export default function PhotosCarousel(props) {
       return next;
     });
   };
-  return /*#__PURE__*/_jsxs(Box, {
+  return /*#__PURE__*/jsxs(Box, {
     sx: {
       '& .react-multi-carousel-list': {
         paddingBottom: '20px'
       }
     },
-    children: [/*#__PURE__*/_jsx(Carousel, {
+    children: [/*#__PURE__*/jsx(Carousel, {
       responsive: responsive,
       ref: myCarousel,
       showDots: dots ?? true,
       arrows: showArrows ?? false,
       ssr: true,
       afterChange: handleAfterChange,
-      children: photos.map((p, i) => /*#__PURE__*/_jsxs("div", {
+      children: photos.map((p, i) => /*#__PURE__*/jsxs("div", {
         className: "photos-carousel-container",
-        children: [isLoading[i] ? /*#__PURE__*/_jsx(BusySpinner, {
+        children: [isLoading[i] ? /*#__PURE__*/jsx(BusySpinner, {
           noBackground: true
-        }) : undefined, /*#__PURE__*/_jsx("a", {
+        }) : undefined, /*#__PURE__*/jsx("a", {
           href: p.url,
           target: "_blank",
           rel: "noopener noreferrer",
-          children: /*#__PURE__*/_jsx("img", {
+          children: /*#__PURE__*/jsx("img", {
             className: "photos-carousel-image",
             src: p.url,
             alt: p.alt,
@@ -85,9 +87,11 @@ export default function PhotosCarousel(props) {
           })
         })]
       }, `photo-${i}-container`))
-    }), numbered ? /*#__PURE__*/_jsx(Typography, {
+    }), numbered ? /*#__PURE__*/jsx(Typography, {
       className: "photo-numbering",
       children: `${currentSlide + 1}/${photos.length}`
     }) : undefined, photos[currentSlide] && photos[currentSlide].decoration]
   });
-}
+}
+
+export { PhotosCarousel as default };

package/components/Pill/index.js

@@ -1,9 +1,10 @@
-import React from 'react';
+import 'react';
 import { IconButton } from '@mui/material';
-import Icon from '../Icon/Icon';
+import Icon from '../Icon/Icon.js';
 import './styles.scss';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-export default function Pill(props) {
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function Pill(props) {
   const {
     id,
     label,
@@ -12,7 +13,7 @@ export default function Pill(props) {
     onRemove,
     className
   } = props;
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: `pill ${className ?? ''}`,
     onClick: ev => {
       ev.stopPropagation();
@@ -20,25 +21,27 @@ export default function Pill(props) {
         onClick(id);
       }
     },
-    children: [label && /*#__PURE__*/_jsxs("p", {
+    children: [label && /*#__PURE__*/jsxs("p", {
       className: "label",
       children: [label, ":"]
-    }), /*#__PURE__*/_jsx("p", {
+    }), /*#__PURE__*/jsx("p", {
       className: `value${label ? '' : ' value--no-label'}`,
       children: value
-    }), onRemove ? /*#__PURE__*/_jsx(IconButton, {
+    }), onRemove ? /*#__PURE__*/jsx(IconButton, {
       onClick: ev => {
         ev.stopPropagation();
         onRemove(id);
       },
       className: "iconContainer",
       "aria-label": "remove",
-      children: /*#__PURE__*/_jsx(Icon, {
+      children: /*#__PURE__*/jsx(Icon, {
         name: "close",
         className: "icon"
       })
-    }) : /*#__PURE__*/_jsx("div", {
+    }) : /*#__PURE__*/jsx("div", {
       className: "spacer"
     })]
   });
-}
+}
+
+export { Pill as default };

package/components/PillList/index.js

@@ -1,17 +1,18 @@
-import React from 'react';
-import Pill from '../Pill';
+import 'react';
+import Pill from '../Pill/index.js';
 import './styles.scss';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function PillList(props) {
+import { jsx } from 'react/jsx-runtime';
+
+function PillList(props) {
   const {
     data,
     onClick,
     onRemove,
     className
   } = props;
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/jsx("div", {
     className: "pill-list",
-    children: data.map((item, index) => /*#__PURE__*/_jsx(Pill, {
+    children: data.map((item, index) => /*#__PURE__*/jsx(Pill, {
       id: item.id,
       label: item.label,
       value: item.value,
@@ -20,4 +21,6 @@ export default function PillList(props) {
       className: item.className || className
     }, index))
   });
-}
+}
+
+export { PillList as default };

package/components/PlacementWrapper/index.js

@@ -1,6 +1,7 @@
-import React, { useMemo } from 'react';
-import { Box, useTheme } from '@mui/material';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useTheme, Box } from '@mui/material';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
 /**
  * A component that allows simple management of the location of an object around some children
  *
@@ -43,16 +44,17 @@ const PlacementWrapper = ({
       return 'center';
     }
   }, [objectPlacement]);
-  return /*#__PURE__*/_jsxs(Box, {
+  return /*#__PURE__*/jsxs(Box, {
     display: 'flex',
     flexDirection: outsideDirection,
     flexGrow: 1,
     marginBottom: theme.spacing(2),
-    children: [/*#__PURE__*/_jsx(Box, {
+    children: [/*#__PURE__*/jsx(Box, {
       alignSelf: insideAlignment,
       margin: theme.spacing(1),
       children: placedObject
     }), children]
   });
 };
-export default PlacementWrapper;
+
+export { PlacementWrapper as default };

package/components/PopoverMenu/Popover.js

@@ -1,7 +1,8 @@
-import React from 'react';
-import { Divider, MenuItem, MenuList, Popover, useTheme } from '@mui/material';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function PopoverDropdown(props) {
+import 'react';
+import { useTheme, Popover, MenuList, Divider, MenuItem } from '@mui/material';
+import { jsx } from 'react/jsx-runtime';
+
+function PopoverDropdown(props) {
   const {
     sections,
     handleClick,
@@ -35,7 +36,7 @@ export default function PopoverDropdown(props) {
       backgroundColor: theme.palette.TwClrBgSelectedGhostActive
     }
   });
-  return /*#__PURE__*/_jsx(Popover, {
+  return /*#__PURE__*/jsx(Popover, {
     id: "simple-popover",
     container: container,
     open: Boolean(anchorElement),
@@ -58,17 +59,17 @@ export default function PopoverDropdown(props) {
         marginTop: '4px'
       }
     },
-    children: /*#__PURE__*/_jsx(MenuList, {
+    children: /*#__PURE__*/jsx(MenuList, {
       sx: {
         padding: 0
       },
       children: sections?.map((section, index) => {
         let elements = [];
         if (index > 0) {
-          elements.push(/*#__PURE__*/_jsx(Divider, {}));
+          elements.push(/*#__PURE__*/jsx(Divider, {}));
         }
         elements = [...elements, ...section.map((item, itemIndex) => {
-          return /*#__PURE__*/_jsx(MenuItem, {
+          return /*#__PURE__*/jsx(MenuItem, {
             onClick: () => onClick(item),
             sx: itemStyles(item.type),
             disableRipple: true,
@@ -81,4 +82,6 @@ export default function PopoverDropdown(props) {
       })
     })
   });
-}
+}
+
+export { PopoverDropdown as default };

package/components/PopoverMenu/index.js

@@ -1,9 +1,10 @@
-import React, { useState } from 'react';
-import { IconButton, useTheme } from '@mui/material';
-import Icon from '../Icon/Icon';
-import Popover from './Popover';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function PopoverMenu({
+import { useState } from 'react';
+import { useTheme, IconButton } from '@mui/material';
+import Icon from '../Icon/Icon.js';
+import PopoverDropdown from './Popover.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function PopoverMenu({
   anchor,
   container,
   menuSections,
@@ -25,8 +26,8 @@ export default function PopoverMenu({
     }
     handleClose();
   };
-  return /*#__PURE__*/_jsxs("div", {
-    children: [/*#__PURE__*/_jsxs(IconButton, {
+  return /*#__PURE__*/jsxs("div", {
+    children: [/*#__PURE__*/jsxs(IconButton, {
       onClick: handleClick,
       size: "small",
       sx: {
@@ -34,7 +35,7 @@ export default function PopoverMenu({
         borderRadius: '16px',
         padding: theme.spacing(1.5, 2)
       },
-      children: [anchor, showChevron && /*#__PURE__*/_jsx(Icon, {
+      children: [anchor, showChevron && /*#__PURE__*/jsx(Icon, {
         name: "chevronDown",
         size: "medium",
         style: {
@@ -42,7 +43,7 @@ export default function PopoverMenu({
           fill: theme.palette.TwClrIcn
         }
       })]
-    }), /*#__PURE__*/_jsx(Popover, {
+    }), /*#__PURE__*/jsx(PopoverDropdown, {
       sections: menuSections,
       handleClick: onItemClick,
       anchorElement: anchorEl,
@@ -51,4 +52,6 @@ export default function PopoverMenu({
       container: container
     })]
   });
-}
+}
+
+export { PopoverMenu as default };

package/components/PopoverMultiSelect/index.js

@@ -1,10 +1,11 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { ListItemText } from '@mui/material';
-import Icon from '../Icon/Icon';
-import Popover from '../PopoverMenu/Popover';
+import Icon from '../Icon/Icon.js';
+import PopoverDropdown from '../PopoverMenu/Popover.js';
 import './styles.scss';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export default function PopoverMultiSelect(props) {
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function PopoverMultiSelect(props) {
   const {
     anchorElement,
     initialSelection,
@@ -27,11 +28,11 @@ export default function PopoverMultiSelect(props) {
     onChange(newSelection);
   };
   const iconSpacer = () => {
-    return /*#__PURE__*/_jsx("div", {
+    return /*#__PURE__*/jsx("div", {
       className: "popover-multi-select__checkmark-spacer"
     });
   };
-  return /*#__PURE__*/_jsx(Popover, {
+  return /*#__PURE__*/jsx(PopoverDropdown, {
     sections: sections,
     handleClick: item => {
       const itemIndex = selection.findIndex(s => s === item.value);
@@ -45,15 +46,17 @@ export default function PopoverMultiSelect(props) {
     setAnchorElement: setAnchorElement,
     itemRenderer: item => {
       const selected = selection.find(s => s === item.value);
-      return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [selected ? /*#__PURE__*/_jsx(Icon, {
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [selected ? /*#__PURE__*/jsx(Icon, {
           name: "checkmark",
           className: "popover-multi-select__checkmark-selection"
-        }) : iconSpacer(), /*#__PURE__*/_jsx(ListItemText, {
+        }) : iconSpacer(), /*#__PURE__*/jsx(ListItemText, {
           children: item.label
         })]
       });
     },
     menuAlign: menuAlign
   });
-}
+}
+
+export { PopoverMultiSelect as default };

package/components/ProgressCircle/ProgressCircle.js

@@ -1,8 +1,9 @@
-import React from 'react';
+import 'react';
 import { Box, CircularProgress } from '@mui/material';
 import './styles.scss';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function ProgressCircle(props) {
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ProgressCircle(props) {
   const {
     size = 'small',
     determinate,
@@ -10,22 +11,24 @@ export default function ProgressCircle(props) {
     renderPercentText,
     hideValue
   } = props;
-  return /*#__PURE__*/_jsxs(Box, {
+  return /*#__PURE__*/jsxs(Box, {
     className: "circle-container",
-    children: [/*#__PURE__*/_jsx(CircularProgress, {
+    children: [/*#__PURE__*/jsx(CircularProgress, {
       variant: "determinate",
       value: 100,
       className: `circle-track circle-track--${size}`
-    }), /*#__PURE__*/_jsx(Box, {
+    }), /*#__PURE__*/jsx(Box, {
       className: "label-container",
-      children: value && !hideValue && /*#__PURE__*/_jsx("p", {
+      children: value && !hideValue && /*#__PURE__*/jsx("p", {
         className: `progress-circle-label--${size}`,
         children: renderPercentText(Math.round(value))
       })
-    }), /*#__PURE__*/_jsx(CircularProgress, {
+    }), /*#__PURE__*/jsx(CircularProgress, {
       value: value,
       variant: determinate ? 'determinate' : 'indeterminate',
       className: `circle-fill circle-track--${size}`
     })]
   });
-}
+}
+
+export { ProgressCircle as default };

package/components/RadioButton.js

@@ -1,18 +1,21 @@
-import React from 'react';
+import 'react';
 import { FormControlLabel, Radio } from '@mui/material';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function RadioButton(props) {
+import { jsx } from 'react/jsx-runtime';
+
+function RadioButton(props) {
   const onChange = (event, checked) => {
     props.onChange(checked);
   };
-  return /*#__PURE__*/_jsx(FormControlLabel, {
+  return /*#__PURE__*/jsx(FormControlLabel, {
     id: props.id,
     onChange: onChange,
     label: props.label,
-    control: /*#__PURE__*/_jsx(Radio, {
+    control: /*#__PURE__*/jsx(Radio, {
       id: 'radio-' + props.id,
       color: "primary",
       checked: props.value ?? false
     })
   });
-}
+}
+
+export { RadioButton as default };

package/components/Select/Select.js

@@ -1,14 +1,17 @@
-import React from 'react';
-import SelectT from './SelectT';
+import 'react';
+import SelectT from './SelectT.js';
 import './styles.scss';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function Select(props) {
+import { jsx } from 'react/jsx-runtime';
+
+function Select(props) {
   const toString = option => option;
-  return /*#__PURE__*/_jsx(SelectT, {
+  return /*#__PURE__*/jsx(SelectT, {
     ...props,
     isEqual: (A, B) => A === B,
     renderOption: toString,
     toT: toString,
     displayLabel: option => option || ''
   });
-}
+}
+
+export { Select as default };