@terraware/web-components 3.0.21-rc.2 → 3.0.22-rc.1

package/components/PopoverMenu/Popover.d.ts

@@ -8,6 +8,7 @@ export type PopoverProps = {
     setAnchorElement: (anchorEl: HTMLElement | null) => void;
     itemRenderer?: (item: DropdownItem) => React.ReactNode;
     menuAlign?: 'left' | 'center' | 'right';
+    selectedValue?: any;
 };
 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;CACzC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CA6ExE"}
+{"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;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CA8ExE"}

package/components/PopoverMenu/Popover.js

@@ -14,7 +14,8 @@ function PopoverDropdown(props) {
     anchorElement,
     setAnchorElement,
     itemRenderer,
-    menuAlign
+    menuAlign,
+    selectedValue
   } = props;
   const theme = (0, _material.useTheme)();
   const handleClose = () => {
@@ -72,7 +73,8 @@ function PopoverDropdown(props) {
         key: "option-".concat(itemIndex),
         sx: itemStyles(item.type),
         disableRipple: true,
-        disabled: item.disabled
+        disabled: item.disabled,
+        selected: item.value === selectedValue
       }, itemRenderer ? itemRenderer(item) : item.label);
     })];
     return elements;

package/components/PopoverMenu/index.d.ts

@@ -5,6 +5,8 @@ export type PopoverMenuProps = {
     anchor: React.ReactNode;
     menuSections: Section[];
     onClick?: (selected: DropdownItem) => void;
+    showChevron?: boolean;
+    selectedValue?: any;
 };
-export default function PopoverMenu({ anchor, menuSections, onClick }: PopoverMenuProps): JSX.Element;
+export default function PopoverMenu({ anchor, 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;CAC5C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA+CpG"}
+{"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"}

package/components/PopoverMenu/index.js

@@ -14,7 +14,9 @@ function PopoverMenu(_ref) {
   let {
     anchor,
     menuSections,
-    onClick
+    onClick,
+    showChevron = true,
+    selectedValue
   } = _ref;
   const theme = (0, _material.useTheme)();
   const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
@@ -38,7 +40,7 @@ function PopoverMenu(_ref) {
       borderRadius: '16px',
       padding: theme.spacing(1.5, 2)
     }
-  }, anchor, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }, anchor, showChevron && /*#__PURE__*/_react.default.createElement(_Icon.default, {
     name: "chevronDown",
     size: "medium",
     style: {
@@ -49,6 +51,7 @@ function PopoverMenu(_ref) {
     sections: menuSections,
     handleClick: onItemClick,
     anchorElement: anchorEl,
-    setAnchorElement: setAnchorEl
+    setAnchorElement: setAnchorEl,
+    selectedValue: selectedValue
   }));
 }

package/components/table/TableCellRenderer.js

@@ -19,7 +19,7 @@ const defaultStyles = theme => ({
   '&.MuiTableCell-root': {
     paddingTop: '0px',
     paddingBottom: '0px',
-    borderBottom: "1px solid ".concat(theme.palette.TwClrBrdrSecondary),
+    borderBottom: "1px solid ".concat(theme.palette.TwClrBgSecondary),
     fontVariantNumeric: 'tabular-nums'
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terraware/web-components",
-  "version": "3.0.21-rc.2",
+  "version": "3.0.22-rc.1",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {