@terraware/web-components 3.5.6 → 3.5.8

package/components/Map/MapContainer.js

@@ -1,15 +1,16 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _material = require("@mui/material");
+var _react = _interopRequireDefault(require("react"));
 var _utils = require("../../utils");
+require("./styles.scss");
 const MapContainer = props => {
   const {
+    containerId,
     drawer,
     drawerOpen,
     legend,
@@ -18,30 +19,9 @@ const MapContainer = props => {
   const {
     isDesktop
   } = (0, _utils.useDeviceInfo)();
-  const theme = (0, _material.useTheme)();
-  const border = (0, _react.useMemo)(() => {
-    if (!isDesktop && drawerOpen) {
-      return undefined;
-    }
-    return "1px solid ".concat(theme.palette.TwClrBrdrTertiary);
-  }, [drawerOpen, isDesktop, theme]);
-  const borderRadius = (0, _react.useMemo)(() => {
-    if (!isDesktop && drawerOpen) {
-      return undefined;
-    }
-    return '8px';
-  }, [drawerOpen, isDesktop]);
-  return /*#__PURE__*/_react.default.createElement(_material.Box, {
-    sx: {
-      marginTop: '30px'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
-    border: border,
-    borderRadius: borderRadius,
-    display: 'flex',
-    flexDirection: isDesktop ? 'row' : 'column',
-    maxHeight: isDesktop ? '700px' : undefined,
-    overflow: 'hidden'
-  }, (isDesktop || !drawerOpen) && map, drawerOpen && drawer, (isDesktop || !drawerOpen) && legend));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: containerId,
+    className: "map-container map-container".concat(isDesktop ? '--desktop' : "--mobile".concat(drawerOpen ? '-drawer-open' : ''))
+  }, (isDesktop || !drawerOpen) && map, drawerOpen && drawer, (isDesktop || !drawerOpen) && legend);
 };
 var _default = exports.default = MapContainer;

package/components/Map/MapDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/Map/MapDrawer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,eAAe,CAAC;AAGvB,KAAK,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,SAAS,UAAW,aAAa,mDAyBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"MapDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/Map/MapDrawer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMxD,OAAO,eAAe,CAAC;AAEvB,KAAK,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,SAAS,UAAW,aAAa,mDAqBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/components/Map/MapDrawer.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
+var _utils = require("../../utils");
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 require("./styles.scss");
-var _utils = require("../../utils");
 const MapDrawer = props => {
   const {
     children,

package/components/Map/MapLegend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapLegend.d.ts","sourceRoot":"","sources":["../../../src/components/Map/MapLegend.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE;QACL,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE;QACL,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,CAAC,eAAe,GAAG,aAAa,GAAG,iBAAiB,CAAC,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS,gBAAiB,cAAc,KAAG,WAsNhD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"MapLegend.d.ts","sourceRoot":"","sources":["../../../src/components/Map/MapLegend.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE;QACL,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE;QACL,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,CAAC,eAAe,GAAG,aAAa,GAAG,iBAAiB,CAAC,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS,gBAAiB,cAAc,KAAG,WA4LhD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/components/Map/MapLegend.js

@@ -8,8 +8,8 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 var _utils = require("../../utils");
-var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 var _AntSwitch = _interopRequireDefault(require("../AntSwitch"));
+var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 const MapLegend = _ref => {
   let {
     legends

package/components/Map/MapViewStyleControl.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { MapViewStyle } from './MapBox';
+type MapViewStyleControlProps = {
+    containerId?: string;
+    mapViewStyle: MapViewStyle;
+    mapViewStyleNames?: (style: MapViewStyle) => string;
+    setMapViewStyle: (style: MapViewStyle) => void;
+};
+declare const MapViewStyleControl: ({ containerId, mapViewStyle, mapViewStyleNames, setMapViewStyle, }: MapViewStyleControlProps) => JSX.Element | undefined;
+export default MapViewStyleControl;
+//# sourceMappingURL=MapViewStyleControl.d.ts.map

package/components/Map/MapViewStyleControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapViewStyleControl.d.ts","sourceRoot":"","sources":["../../../src/components/Map/MapViewStyleControl.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,YAAY,EAAiB,MAAM,UAAU,CAAC;AAEvD,KAAK,wBAAwB,GAAG;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,YAAY,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,MAAM,CAAC;IACpD,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,QAAA,MAAM,mBAAmB,uEAKtB,wBAAwB,KAAG,WAAW,GAAG,SA8D3C,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/components/Map/MapViewStyleControl.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _material = require("@mui/material");
+var _PopoverMenu = _interopRequireDefault(require("../PopoverMenu"));
+var _MapBox = require("./MapBox");
+const MapViewStyleControl = _ref => {
+  var _mapViewStyleNames2;
+  let {
+    containerId,
+    mapViewStyle,
+    mapViewStyleNames,
+    setMapViewStyle
+  } = _ref;
+  const theme = (0, _material.useTheme)();
+  const viewOptions = (0, _react.useMemo)(() => {
+    return _MapBox.MapViewStyles.map(style => {
+      var _mapViewStyleNames;
+      return {
+        label: (_mapViewStyleNames = mapViewStyleNames === null || mapViewStyleNames === void 0 ? void 0 : mapViewStyleNames(style)) !== null && _mapViewStyleNames !== void 0 ? _mapViewStyleNames : style,
+        value: style
+      };
+    });
+  }, [mapViewStyleNames]);
+  const onSelectMapViewStyle = (0, _react.useCallback)(item => {
+    setMapViewStyle(item.value);
+  }, []);
+  const container = (0, _react.useMemo)(() => {
+    if (containerId) {
+      return document.getElementById(containerId);
+    }
+  }, [containerId]);
+  return /*#__PURE__*/_react.default.createElement(_material.Box, {
+    sx: {
+      position: 'absolute',
+      top: '10px',
+      left: '45px',
+      zIndex: 10,
+      height: 28,
+      backgroundColor: "".concat(theme.palette.TwClrBaseWhite),
+      borderRadius: '4px',
+      display: 'flex',
+      alignItems: 'center',
+      '& .MuiButtonBase-root': {
+        padding: 0
+      },
+      '& .MuiButtonBase-root.MuiMenuItem-root': {
+        fontSize: '12px'
+      },
+      '& svg': {
+        marginLeft: 0
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(_PopoverMenu.default, {
+    anchor: /*#__PURE__*/_react.default.createElement(_material.Box, {
+      component: "span",
+      sx: {
+        fontSize: '12px',
+        paddingLeft: theme.spacing(0.5),
+        color: theme.palette.TwClrTxt
+      }
+    }, (_mapViewStyleNames2 = mapViewStyleNames === null || mapViewStyleNames === void 0 ? void 0 : mapViewStyleNames(mapViewStyle)) !== null && _mapViewStyleNames2 !== void 0 ? _mapViewStyleNames2 : mapViewStyle),
+    container: container,
+    menuSections: [viewOptions],
+    onClick: onSelectMapViewStyle
+  }));
+};
+var _default = exports.default = MapViewStyleControl;

package/components/Map/styles.scss

@@ -1,5 +1,30 @@
 @import '../../style-dictionary-dist/terraware.scss';
 
+.map-container {
+  border: 1px solid $tw-clr-brdr-tertiary;
+  border-radius: 8px;
+  display: flex;
+  overflow: hidden;
+
+  &--desktop {
+    flex-direction: row;
+    max-height: 700px;
+
+    :fullscreen {
+      max-height: none;
+    }
+  }
+
+  &--mobile {
+    flex-direction: column;
+  }
+
+  &--mobile-drawer-open {
+    border: none;
+    border-radius: none;
+  }
+}
+
 .map-drawer {
   display: flex;
   flex-direction: column;

package/components/Message/Message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAIvB,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,QAAQ,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAkDhE"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":";AAIA,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,QAAQ,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAkDhE"}

package/components/Message/Message.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Message;
 var _react = _interopRequireDefault(require("react"));
-require("./styles.scss");
-var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 var _utils = require("../../utils");
+var _Icon = _interopRequireDefault(require("../Icon/Icon"));
+require("./styles.scss");
 function Message(props) {
   const {
     type,

package/components/MultiSelect/MultiSelect.test.js

@@ -1,11 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _react = require("@testing-library/react");
-var _react2 = _interopRequireDefault(require("react"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
 var _ = _interopRequireDefault(require("."));
 test('show options when placeholder is clicked', () => {
-  (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_.default, {
+  (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
     onAdd: () => undefined,
     onRemove: () => undefined,
     options: new Map([[1, 'foo'], [2, 'bar'], [3, 'baz']]),
@@ -15,25 +15,25 @@ test('show options when placeholder is clicked', () => {
   }));
 
   // we should find the placeholder text
-  const placeHolder = _react.screen.getByText('Select...');
+  const placeHolder = _react2.screen.getByText('Select...');
   expect(placeHolder).toBeInTheDocument();
 
   // we should not find the options yet
-  expect(_react.screen.queryByText('foo')).not.toBeInTheDocument();
-  expect(_react.screen.queryByText('bar')).not.toBeInTheDocument();
-  expect(_react.screen.queryByText('baz')).not.toBeInTheDocument();
+  expect(_react2.screen.queryByText('foo')).not.toBeInTheDocument();
+  expect(_react2.screen.queryByText('bar')).not.toBeInTheDocument();
+  expect(_react2.screen.queryByText('baz')).not.toBeInTheDocument();
 
   // click the placeholder
-  _react.fireEvent.click(placeHolder);
+  _react2.fireEvent.click(placeHolder);
 
   // now the options should be visible
-  expect(_react.screen.queryByText('foo')).toBeInTheDocument();
-  expect(_react.screen.queryByText('bar')).toBeInTheDocument();
-  expect(_react.screen.queryByText('baz')).toBeInTheDocument();
+  expect(_react2.screen.queryByText('foo')).toBeInTheDocument();
+  expect(_react2.screen.queryByText('bar')).toBeInTheDocument();
+  expect(_react2.screen.queryByText('baz')).toBeInTheDocument();
 });
 test('clicking an option calls the onAdd handler', () => {
   const handleAdd = jest.fn();
-  (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_.default, {
+  (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
     onAdd: handleAdd,
     onRemove: () => undefined,
     options: new Map([[1, 'foo'], [2, 'bar'], [3, 'baz']]),
@@ -43,19 +43,19 @@ test('clicking an option calls the onAdd handler', () => {
   }));
 
   // click the dropdown chevron
-  const dropdown = _react.screen.getByLabelText('show-options');
-  _react.fireEvent.click(dropdown);
+  const dropdown = _react2.screen.getByLabelText('show-options');
+  _react2.fireEvent.click(dropdown);
 
   // click one of the options
-  const option = _react.screen.getByText('bar');
-  _react.fireEvent.click(option);
+  const option = _react2.screen.getByText('bar');
+  _react2.fireEvent.click(option);
 
   // addHandler should have been called with id 2
   expect(handleAdd).toBeCalledWith(2);
 });
 test('clicking the pill remove button calls the onRemove handler', () => {
   const handleRemove = jest.fn();
-  (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_.default, {
+  (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
     onAdd: () => undefined,
     onRemove: handleRemove,
     options: new Map([[1, 'foo']]),
@@ -64,11 +64,11 @@ test('clicking the pill remove button calls the onRemove handler', () => {
   }));
 
   // find a pill with the 'foo' text
-  expect(_react.screen.queryByText('foo')).toBeInTheDocument();
+  expect(_react2.screen.queryByText('foo')).toBeInTheDocument();
 
   // click the remove button
-  const removeButton = _react.screen.getByLabelText('remove');
-  _react.fireEvent.click(removeButton);
+  const removeButton = _react2.screen.getByLabelText('remove');
+  _react2.fireEvent.click(removeButton);
 
   // handleRemove should have been called with id 1
   expect(handleRemove).toBeCalledWith(1);

package/components/MultiSelect/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import './styles.scss';
 import { SxProps, TooltipProps } from '@mui/material';
+import './styles.scss';
 export type MultiSelectProps<K, V> = {
     className?: string;
     disabled?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAO,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAI3D,MAAM,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC,IAAI;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,EAAE,CAAC;IACrB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;CACrC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAgIpF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAO,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAK3D,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC,IAAI;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,EAAE,CAAC;IACrB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;CACrC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAgIpF"}

package/components/MultiSelect/index.js

@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = MultiSelect;
 var _react = _interopRequireWildcard(require("react"));
-require("./styles.scss");
-var _IconTooltip = _interopRequireDefault(require("../IconTooltip"));
 var _material = require("@mui/material");
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
+var _IconTooltip = _interopRequireDefault(require("../IconTooltip"));
 var _PillList = _interopRequireDefault(require("../PillList"));
+require("./styles.scss");
 function MultiSelect(props) {
   const {
     className,

package/components/MultiSelect/styles.scss

@@ -37,17 +37,17 @@
     display: flex;
     width: 100%;
     margin-top: $tw-spc-base-xx-small;
-  
-  &-text {
-    font-family: $tw-fnt-frm-fld-error-text-font-family;
-    font-size: $tw-fnt-frm-fld-error-text-font-size;
-    font-weight: $tw-fnt-frm-fld-error-text-font-weight;
-    line-height: $tw-fnt-frm-fld-error-text-line-height;
-    color: $tw-clr-txt-danger;
-    display: block;
-    width: 100%;
-    max-width: 100%;
-  }
+
+    &-text {
+      font-family: $tw-fnt-frm-fld-error-text-font-family;
+      font-size: $tw-fnt-frm-fld-error-text-font-size;
+      font-weight: $tw-fnt-frm-fld-error-text-font-weight;
+      line-height: $tw-fnt-frm-fld-error-text-line-height;
+      color: $tw-clr-txt-danger;
+      display: block;
+      width: 100%;
+      max-width: 100%;
+    }
 
     &-icon {
       fill: $tw-clr-icn-danger;

package/components/Navbar/NavFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/NavFooter.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAI3D"}
+{"version":3,"file":"NavFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/NavFooter.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAI3D"}

package/components/Navbar/NavItem.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactElement } from 'react';
 import { IconName } from '../Icon/icons';
-import './styles.scss';
 import { SubNavbarProps } from './SubNavbar';
+import './styles.scss';
 export interface NavItemProps {
     label: string | React.ReactNode;
     icon?: IconName;

package/components/Navbar/NavItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAe,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAoEhE"}
+{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAe,MAAM,OAAO,CAAC;AAIzD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAoEhE"}

package/components/Navbar/NavItem.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = NavItem;
 var _react = _interopRequireWildcard(require("react"));
+var _theme = _interopRequireDefault(require("../../theme"));
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 require("./styles.scss");
-var _theme = _interopRequireDefault(require("../../theme"));
 function NavItem(props) {
   const {
     label,

package/components/Navbar/NavSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavSection.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/NavSection.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAS5D"}
+{"version":3,"file":"NavSection.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/NavSection.tsx"],"names":[],"mappings":";AAEA,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAS5D"}

package/components/Navbar/Navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,eAAe,CAAC;AAIvB,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAgCxD"}
+{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAgCxD"}

package/components/Navbar/Navbar.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Navbar;
-var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
-require("./styles.scss");
-var _Icon = _interopRequireDefault(require("../Icon/Icon"));
+var _material = require("@mui/material");
 var _utils = require("../../utils");
+var _Icon = _interopRequireDefault(require("../Icon/Icon"));
+require("./styles.scss");
 function Navbar(props) {
   const {
     children,

package/components/Navbar/SubNavbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubNavbar.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/SubNavbar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,YAAY,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;CACrE;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAIpE"}
+{"version":3,"file":"SubNavbar.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/SubNavbar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,YAAY,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;CACrE;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAIpE"}

package/components/Note.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Note.d.ts","sourceRoot":"","sources":["../../src/components/Note.tsx"],"names":[],"mappings":";AAGA,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAe7D"}
+{"version":3,"file":"Note.d.ts","sourceRoot":"","sources":["../../src/components/Note.tsx"],"names":[],"mappings":";AAIA,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAe7D"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageForm/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAGvD,OAAsB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG7D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB,CAAC,EAAE,UAAU,EAAE,CAAC;IACtC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA2BlE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageForm/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAMvD,OAAsB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE7D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB,CAAC,EAAE,UAAU,EAAE,CAAC;IACtC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA2BlE"}

package/components/PageForm/index.js

@@ -9,8 +9,8 @@ exports.default = PageForm;
 var _react = _interopRequireWildcard(require("react"));
 var _material = require("@mui/material");
 var _useDeviceInfo = _interopRequireDefault(require("../../utils/useDeviceInfo"));
-var _FormBottomBar = _interopRequireDefault(require("../FormBottomBar"));
 var _BusySpinner = _interopRequireDefault(require("../BusySpinner"));
+var _FormBottomBar = _interopRequireDefault(require("../FormBottomBar"));
 function PageForm(props) {
   const {
     children,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PhotoChooser/index.tsx"],"names":[],"mappings":";AAOA,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAwI1E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PhotoChooser/index.tsx"],"names":[],"mappings":";AASA,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAwI1E"}

package/components/PhotoChooser/index.js

@@ -9,8 +9,8 @@ exports.default = PhotoChooser;
 var _react = _interopRequireWildcard(require("react"));
 var _material = require("@mui/material");
 var _utils = require("../../utils");
-var _ErrorBox = _interopRequireDefault(require("../ErrorBox/ErrorBox"));
 var _Button = _interopRequireDefault(require("../Button/Button"));
+var _ErrorBox = _interopRequireDefault(require("../ErrorBox/ErrorBox"));
 var _FileChooser = _interopRequireDefault(require("../FileChooser"));
 function PhotoChooser(props) {
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pill/index.tsx"],"names":[],"mappings":";AAGA,OAAO,eAAe,CAAC;AAEvB,KAAK,SAAS,CAAC,MAAM,IAAI;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CA+B1E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pill/index.tsx"],"names":[],"mappings":";AAKA,OAAO,eAAe,CAAC;AAEvB,KAAK,SAAS,CAAC,MAAM,IAAI;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CA+B1E"}

package/components/Pill/index.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Pill;
-var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 require("./styles.scss");
 function Pill(props) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PillList/index.tsx"],"names":[],"mappings":";AAEA,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,YAAY,CAAC,MAAM,IAAI;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,MAAM,IAAI;IAClC,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAkBlF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PillList/index.tsx"],"names":[],"mappings":";AAGA,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,YAAY,CAAC,MAAM,IAAI;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,MAAM,IAAI;IAClC,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAkBlF"}

package/components/PopoverMenu/Popover.d.ts

@@ -10,6 +10,7 @@ export type PopoverProps = {
     menuAlign?: 'left' | 'center' | 'right';
     selectedValue?: any;
     onClose?: () => void;
+    container?: HTMLElement | null;
 };
 export default function PopoverDropdown(props: PopoverProps): JSX.Element;
 //# sourceMappingURL=Popover.d.ts.map

package/components/PopoverMenu/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/PopoverMenu/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC;AAErC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAkFxE"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/PopoverMenu/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC;AAErC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CA4FxE"}

package/components/PopoverMenu/Popover.js

@@ -16,7 +16,8 @@ function PopoverDropdown(props) {
     itemRenderer,
     menuAlign,
     selectedValue,
-    onClose
+    onClose,
+    container
   } = props;
   const theme = (0, _material.useTheme)();
   const handleClose = () => {
@@ -42,6 +43,7 @@ function PopoverDropdown(props) {
   });
   return /*#__PURE__*/_react.default.createElement(_material.Popover, {
     id: "simple-popover",
+    container: container,
     open: Boolean(anchorElement),
     anchorEl: anchorElement,
     onClose: handleClose,

package/components/PopoverMenu/index.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
-import { Section } from './Popover';
 import { DropdownItem } from '../types';
+import { Section } from './Popover';
 export type PopoverMenuProps = {
     anchor: React.ReactNode;
+    container?: HTMLElement | null;
     menuSections: Section[];
     onClick?: (selected: DropdownItem) => void;
     showChevron?: boolean;
     selectedValue?: any;
 };
-export default function PopoverMenu({ anchor, menuSections, onClick, showChevron, selectedValue }: PopoverMenuProps): JSX.Element;
+export default function PopoverMenu({ anchor, container, menuSections, onClick, showChevron, selectedValue, }: PopoverMenuProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PopoverMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAgB,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,YAAY,EAAE,OAAO,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,WAAkB,EAAE,aAAa,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAgDvI"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PopoverMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAgB,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,OAAO,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,SAAS,EACT,YAAY,EACZ,OAAO,EACP,WAAkB,EAClB,aAAa,GACd,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAmDhC"}

package/components/PopoverMenu/index.js

@@ -7,12 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = PopoverMenu;
 var _react = _interopRequireWildcard(require("react"));
-var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 var _material = require("@mui/material");
+var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 var _Popover = _interopRequireDefault(require("./Popover"));
 function PopoverMenu(_ref) {
   let {
     anchor,
+    container,
     menuSections,
     onClick,
     showChevron = true,
@@ -52,6 +53,7 @@ function PopoverMenu(_ref) {
     handleClick: onItemClick,
     anchorElement: anchorEl,
     setAnchorElement: setAnchorEl,
-    selectedValue: selectedValue
+    selectedValue: selectedValue,
+    container: container
   }));
 }

package/components/PopoverMultiSelect/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import './styles.scss';
 import { Section } from '../PopoverMenu/Popover';
+import './styles.scss';
 export type PopoverMultiSelectProps = {
     anchorElement: HTMLElement | null;
     initialSelection: any[];