@terraware/web-components 2.0.8 → 2.0.10

package/components/Icon/icons/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type IconName = 'blobbyGrayIconUploadToTheCloud' | 'blobbyIconSeedBank' | 'blobbyIconHappy' | 'blobbyIconLeaf' | 'blobbyIconLibrary' | 'blobbyIconNursery' | 'blobbyIconSite' | 'blobbyIconWrench' | 'bug' | 'calendar' | 'cancel' | 'caretDown' | 'caretLeft' | 'caretUp' | 'chargingBattery' | 'checkmark' | 'chevronDown' | 'chevronUp' | 'close' | 'critical' | 'dashboard' | 'edit' | 'error' | 'export' | 'filter' | 'folder' | 'futures' | 'help' | 'home' | 'iconAdd' | 'iconArrowRight' | 'iconColumns' | 'iconEdit' | 'iconExport' | 'iconFile' | 'iconImport' | 'iconMenu' | 'iconMenuHorizontal' | 'iconMyLocation' | 'iconNursery' | 'iconSeedling' | 'iconSynced' | 'iconTrashCan' | 'info' | 'key' | 'leaf' | 'lock' | 'mail' | 'menuVertical' | 'monitoring' | 'monitoringNav' | 'notification' | 'organization' | 'organizationNav' | 'people' | 'peopleNav' | 'person' | 'plus' | 'restorationSite' | 'search' | 'seedbank' | 'seedbankNav' | 'seeds' | 'sparkles' | 'species' | 'species2' | 'spinner' | 'success' | 'touchscreen' | 'uploadCloud' | 'warning' | 'wifi';
+export declare type IconName = 'blobbyGrayIconUploadToTheCloud' | 'blobbyIconSeedBank' | 'blobbyIconHappy' | 'blobbyIconLeaf' | 'blobbyIconLibrary' | 'blobbyIconNursery' | 'blobbyIconSite' | 'blobbyIconWrench' | 'bug' | 'calendar' | 'cancel' | 'caretDown' | 'caretLeft' | 'caretUp' | 'chargingBattery' | 'checkmark' | 'chevronDown' | 'chevronUp' | 'close' | 'critical' | 'dashboard' | 'edit' | 'error' | 'export' | 'filter' | 'folder' | 'futures' | 'help' | 'home' | 'iconAdd' | 'iconArrowRight' | 'iconColumns' | 'iconEdit' | 'iconExport' | 'iconFile' | 'iconImport' | 'iconLocations' | 'iconMenu' | 'iconMenuHorizontal' | 'iconMyLocation' | 'iconNursery' | 'iconSeedling' | 'iconSynced' | 'iconTrashCan' | 'info' | 'key' | 'leaf' | 'lock' | 'mail' | 'menuVertical' | 'monitoring' | 'monitoringNav' | 'notification' | 'organization' | 'organizationNav' | 'people' | 'peopleNav' | 'person' | 'plus' | 'restorationSite' | 'search' | 'seedbank' | 'seedbankNav' | 'seeds' | 'sparkles' | 'species' | 'species2' | 'spinner' | 'success' | 'touchscreen' | 'uploadCloud' | 'warning' | 'wifi';
 declare type SVGComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
     title?: string | undefined;
 }>;

package/components/Icon/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/icons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA4E1B,oBAAY,QAAQ,GAChB,gCAAgC,GAChC,oBAAoB,GACpB,iBAAiB,GACjB,gBAAgB,GAChB,mBAAmB,GACnB,mBAAmB,GACnB,gBAAgB,GAChB,kBAAkB,GAClB,KAAK,GACL,UAAU,GACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,WAAW,GACX,aAAa,GACb,WAAW,GACX,OAAO,GACP,UAAU,GACV,WAAW,GACX,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,MAAM,GACN,MAAM,GACN,SAAS,GACT,gBAAgB,GAChB,aAAa,GACb,UAAU,GACV,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,UAAU,GACV,oBAAoB,GACpB,gBAAgB,GAChB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,cAAc,GACd,MAAM,GACN,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,GACN,cAAc,GACd,YAAY,GACZ,eAAe,GACf,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,MAAM,GACN,iBAAiB,GACjB,QAAQ,GACR,UAAU,GACV,aAAa,GACb,OAAO,GACP,UAAU,GACV,SAAS,GACT,UAAU,GACV,SAAS,GACT,SAAS,GACT,aAAa,GACb,aAAa,GACb,SAAS,GACT,MAAM,CAAC;AAEX,aAAK,YAAY,GAAG,KAAK,CAAC,iBAAiB,CACzC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CACF,CAAC;AACF,QAAA,MAAM,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,YAAY,CAyEzC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/icons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA6E1B,oBAAY,QAAQ,GAChB,gCAAgC,GAChC,oBAAoB,GACpB,iBAAiB,GACjB,gBAAgB,GAChB,mBAAmB,GACnB,mBAAmB,GACnB,gBAAgB,GAChB,kBAAkB,GAClB,KAAK,GACL,UAAU,GACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,WAAW,GACX,aAAa,GACb,WAAW,GACX,OAAO,GACP,UAAU,GACV,WAAW,GACX,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,MAAM,GACN,MAAM,GACN,SAAS,GACT,gBAAgB,GAChB,aAAa,GACb,UAAU,GACV,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,eAAe,GACf,UAAU,GACV,oBAAoB,GACpB,gBAAgB,GAChB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,cAAc,GACd,MAAM,GACN,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,GACN,cAAc,GACd,YAAY,GACZ,eAAe,GACf,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,MAAM,GACN,iBAAiB,GACjB,QAAQ,GACR,UAAU,GACV,aAAa,GACb,OAAO,GACP,UAAU,GACV,SAAS,GACT,UAAU,GACV,SAAS,GACT,SAAS,GACT,aAAa,GACb,aAAa,GACb,SAAS,GACT,MAAM,CAAC;AAEX,aAAK,YAAY,GAAG,KAAK,CAAC,iBAAiB,CACzC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CACF,CAAC;AACF,QAAA,MAAM,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,YAAY,CA0EzC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/components/Icon/icons/index.js

@@ -79,6 +79,8 @@ var _IconFile = _interopRequireDefault(require("../../svg/IconFile"));
 
 var _IconImport = _interopRequireDefault(require("../../svg/IconImport"));
 
+var _IconLocations = _interopRequireDefault(require("../../svg/IconLocations"));
+
 var _IconMenu = _interopRequireDefault(require("../../svg/IconMenu"));
 
 var _IconMenuHorizontal = _interopRequireDefault(require("../../svg/IconMenuHorizontal"));
@@ -186,6 +188,7 @@ var icons = {
   iconExport: _IconExport.default,
   iconFile: _IconFile.default,
   iconImport: _IconImport.default,
+  iconLocations: _IconLocations.default,
   iconMenu: _IconMenu.default,
   iconMenuHorizontal: _IconMenuHorizontal.default,
   iconNursery: _IconNursery.default,

package/components/Navbar/NavItem.js

@@ -75,8 +75,8 @@ function NavItem(props) {
     className: "nav-item--icon"
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "nav-item--label"
-  }, label), children && !open && /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    name: 'chevronDown',
+  }, label), children && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    name: open ? 'chevronUp' : 'chevronDown',
     className: "nav-item--arrow"
   })), children && open && children);
 }

package/components/Navbar/styles.scss

@@ -41,10 +41,11 @@
     font-weight: $tw-fnt-nvgtn-side-nav-item-label-font-weight;
     line-height: $tw-fnt-nvgtn-side-nav-item-label-line-height;
     color: $tw-clr-txt;
-    border-radius: 32px;
+    border-radius: 16px;
+    mix-blend-mode: multiply;
 
     .nav-item-content {
-      padding: $tw-sz-base-small;
+      padding: 12px;
       display: flex;
       width: 100%;
       font-weight: $tw-fnt-nvgtn-side-nav-item-label-font-weight;
@@ -76,7 +77,7 @@
       background: none;
       border: none;
       padding-right: $tw-spc-base-small;
-      padding-left: $tw-spc-base-x-small;
+      padding-left: 20px;
     }
 
     &--children-selected {
@@ -132,7 +133,7 @@
       padding-right: $tw-spc-base-small;
 
       &-content {
-        padding-left: calc(#{$tw-spc-base-small} * 2);
+        padding-left: $tw-spc-base-medium;
       }
     }
   }

package/components/svg/IconLocations.d.ts

@@ -0,0 +1,8 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconLocations: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
+export default SvgIconLocations;
+//# sourceMappingURL=IconLocations.d.ts.map

package/components/svg/IconLocations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconLocations.d.ts","sourceRoot":"","sources":["../../../src/components/svg/IconLocations.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,gBAAgB,iCAAkC,SAAS,aAAa,CAAC,GAAG,SAAS,gBAK1F,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/components/svg/IconLocations.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var SvgIconLocations = function SvgIconLocations(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = (0, _objectWithoutProperties2.default)(_ref, ["title", "titleId"]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    viewBox: "0 0 12 13",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    d: "M5.99974 0C3.79652 0 1.99974 1.79678 1.99974 4C1.99974 4.98569 2.58426 6.08205 3.24713 7.17187C3.91 8.2617 4.68276 9.2988 5.16054 9.91471C5.578 10.4526 6.42147 10.4526 6.83893 9.91471C7.31671 9.2988 8.08947 8.2617 8.75234 7.17187C9.41521 6.08205 9.99974 4.98569 9.99974 4C9.99974 1.79678 8.20296 0 5.99974 0ZM5.99974 1C7.66252 1 8.99974 2.33722 8.99974 4C8.99974 4.51664 8.52716 5.61717 7.89752 6.65234C7.26789 7.68752 6.51278 8.70366 6.04857 9.30208C6.01536 9.34487 5.98412 9.34487 5.95091 9.30208C5.48669 8.70366 4.73158 7.68752 4.10195 6.65234C3.47232 5.61717 2.99974 4.51664 2.99974 4C2.99974 2.33722 4.33696 1 5.99974 1ZM5.99974 3C5.73452 3 5.48017 3.10536 5.29263 3.29289C5.10509 3.48043 4.99974 3.73478 4.99974 4C4.99974 4.26522 5.10509 4.51957 5.29263 4.70711C5.48017 4.89464 5.73452 5 5.99974 5C6.26495 5 6.51931 4.89464 6.70684 4.70711C6.89438 4.51957 6.99974 4.26522 6.99974 4C6.99974 3.73478 6.89438 3.48043 6.70684 3.29289C6.51931 3.10536 6.26495 3 5.99974 3ZM1.90794 8.33333C1.44727 8.33333 1.0282 8.60537 0.841535 9.02604L0.1013 10.6927C-0.0596996 11.055 -0.02746 11.4697 0.18854 11.8021C0.404873 12.1347 0.770722 12.3333 1.16706 12.3333H10.8318C11.2281 12.3333 11.5943 12.1347 11.8103 11.8021C12.0266 11.4697 12.0592 11.0554 11.8982 10.6927L11.1579 9.02604C10.9709 8.60537 10.5525 8.33333 10.0915 8.33333H9.00625C8.79391 8.655 8.56351 8.988 8.31484 9.33333H10.0915C10.1572 9.33333 10.2172 9.37196 10.2439 9.43229L10.9841 11.099C11.0161 11.171 10.9904 11.2295 10.9717 11.2578C10.9531 11.2861 10.9111 11.3333 10.8324 11.3333H1.16706C1.08839 11.3333 1.04541 11.2855 1.02708 11.2572C1.00875 11.2288 0.983045 11.171 1.01471 11.099L1.7556 9.43229C1.78226 9.37229 1.84227 9.33333 1.90794 9.33333H3.68398C3.43498 8.988 3.20523 8.655 2.99323 8.33333H1.90794Z"
+  }));
+};
+
+var _default = SvgIconLocations;
+exports.default = _default;

package/components/table/TableCellRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableCellRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableCellRenderer.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAgBxC,oBAAY,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC,OAAO,CAepF;AAED,eAAO,MAAM,iBAAiB,kCAAqB,MAAM,GAAG,SAI3D,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAUd;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAUd;AAED,wBAAgB,mBAAmB,CAAC,EAClC,EAAE,EACF,KAAK,EACL,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAQd;AAED,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,KAAK,EACL,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAQd;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,UAAU,EACV,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAwBd"}
+{"version":3,"file":"TableCellRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableCellRenderer.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAmBxC,oBAAY,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC,OAAO,CAepF;AAED,eAAO,MAAM,iBAAiB,kCAAqB,MAAM,GAAG,SAI3D,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAUd;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAUd;AAED,wBAAgB,mBAAmB,CAAC,EAClC,EAAE,EACF,KAAK,EACL,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAUd;AAED,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,KAAK,EACL,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAUd;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,UAAU,EACV,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAwBd"}

package/components/table/TableCellRenderer.js

@@ -33,6 +33,9 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     date: {
       whiteSpace: 'nowrap'
+    },
+    default: {
+      borderBottom: "1px solid ".concat(theme.palette.TwClrBrdrSecondary, " !important")
     }
   };
 });
@@ -94,7 +97,7 @@ function CellDateRenderer(_ref) {
   return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     id: id,
     align: "left",
-    className: classes.date + ' ' + className
+    className: "".concat(classes.date, " ").concat(classes.default, " ").concat(className)
   }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
     component: "p",
     variant: "body1"
@@ -110,7 +113,7 @@ function CellTextRenderer(_ref2) {
     id: id,
     align: "left",
     title: typeof value === 'string' ? value : '',
-    className: className
+    className: "".concat(classes.default, " ").concat(className)
   }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
     component: "p",
     variant: "body1",
@@ -125,10 +128,11 @@ function CellBooleanRenderer(_ref3) {
   var id = _ref3.id,
       value = _ref3.value,
       className = _ref3.className;
+  var classes = useStyles();
   return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     id: id,
     align: "left",
-    className: className
+    className: "".concat(classes.default, " ").concat(className)
   }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
     component: "p",
     variant: "body1"
@@ -139,10 +143,11 @@ function CellNotesRenderer(_ref4) {
   var id = _ref4.id,
       value = _ref4.value,
       className = _ref4.className;
+  var classes = useStyles();
   return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     id: id,
     align: "left",
-    className: className
+    className: "".concat(classes.default, " ").concat(className)
   }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
     id: id,
     component: "p",
@@ -158,7 +163,7 @@ function CellEditRenderer(_ref5) {
   return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     id: id,
     align: "left",
-    className: className
+    className: "".concat(classes.default, " ").concat(className)
   }, /*#__PURE__*/_react.default.createElement(_material.Link, {
     id: "".concat(id, "-button"),
     href: "#",

package/components/table/TableHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK1C,UAAU,KAAK;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzE;AAYD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA4BnE"}
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAY1C,UAAU,KAAK;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzE;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAuCnE"}

package/components/table/TableHeader.js

@@ -17,19 +17,18 @@ var _sortable = require("@dnd-kit/sortable");
 
 var _TableHeaderItem = _interopRequireDefault(require("./TableHeaderItem"));
 
-function columnsToHeadCells(columns) {
-  return columns.map(function (c) {
-    return {
-      id: c.key,
-      disablePadding: false,
-      label: typeof c.name === 'string' ? c.name.toUpperCase() : c.name,
-      className: c.className,
-      tooltipTitle: c.tooltipTitle
-    };
-  });
-}
+var _styles = require("@mui/styles");
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    headerCell: {
+      borderBottom: "2px solid ".concat(theme.palette.TwClrBrdrSecondary, " !important")
+    }
+  };
+});
 
 function EnhancedTableHead(props) {
+  var classes = useStyles();
   var order = props.order,
       orderBy = props.orderBy,
       onRequestSort = props.onRequestSort,
@@ -46,10 +45,23 @@ function EnhancedTableHead(props) {
     setHeadCells(columnsToHeadCells(props.columns));
   }, [props.columns]);
 
+  function columnsToHeadCells(columns) {
+    return columns.map(function (c) {
+      return {
+        id: c.key,
+        disablePadding: false,
+        label: typeof c.name === 'string' ? c.name.toUpperCase() : c.name,
+        className: "".concat(classes.headerCell, " ").concat(c.className),
+        tooltipTitle: c.tooltipTitle
+      };
+    });
+  }
+
   return /*#__PURE__*/_react.default.createElement(_material.TableHead, null, /*#__PURE__*/_react.default.createElement(_material.TableRow, {
     id: "table-header"
   }, numSelected !== undefined && rowCount !== undefined && rowCount > 0 && onSelectAllClick && /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-    padding: "checkbox"
+    padding: "checkbox",
+    className: classes.headerCell
   }, /*#__PURE__*/_react.default.createElement(_material.Checkbox, {
     color: "primary",
     indeterminate: numSelected > 0 && numSelected < rowCount,

package/components/table/index.d.ts

@@ -33,6 +33,7 @@ export interface Props<T> {
     controlledOnSelect?: boolean;
     reloadData?: () => void;
     stickyHeader?: boolean;
+    hideHeader?: boolean;
 }
 export declare type TopBarButton = {
     buttonText?: string;
@@ -40,6 +41,6 @@ export declare type TopBarButton = {
     onButtonClick: () => void;
     icon?: IconName;
 };
-export default function EnhancedTable<T>({ id, columns, rows, order: _order, orderBy: _orderBy, Renderer, onSelect, DetailsRenderer, sortComparator, sortHandler, isInactive, onReorderEnd, isClickable, emptyTableMessage, showCheckbox, showTopBar, topBarButtons, selectedRows, setSelectedRows, showPagination, controlledOnSelect, reloadData, stickyHeader, }: Props<T>): JSX.Element;
+export default function EnhancedTable<T>({ id, columns, rows, order: _order, orderBy: _orderBy, Renderer, onSelect, DetailsRenderer, sortComparator, sortHandler, isInactive, onReorderEnd, isClickable, emptyTableMessage, showCheckbox, showTopBar, topBarButtons, selectedRows, setSelectedRows, showPagination, controlledOnSelect, reloadData, stickyHeader, hideHeader, }: Props<T>): JSX.Element;
 export declare function tableSort<T>(ignore: boolean, array: T[], comparator: (a: T, b: T) => number): T[];
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"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"}

package/components/table/index.js

@@ -52,6 +52,9 @@ var tableStyles = (0, _styles.makeStyles)(function (theme) {
       '&.MuiTableRow-root.Mui-selected': {
         backgroundColor: 'initial'
       }
+    },
+    cellDefault: {
+      borderBottom: "1px solid ".concat(theme.palette.TwClrBrdrSecondary, " !important")
     }
   };
 });
@@ -84,7 +87,8 @@ function EnhancedTable(_ref) {
       controlledOnSelect = _ref.controlledOnSelect,
       reloadData = _ref.reloadData,
       _ref$stickyHeader = _ref.stickyHeader,
-      stickyHeader = _ref$stickyHeader === void 0 ? true : _ref$stickyHeader;
+      stickyHeader = _ref$stickyHeader === void 0 ? true : _ref$stickyHeader,
+      hideHeader = _ref.hideHeader;
 
   var classes = tableStyles();
 
@@ -236,7 +240,7 @@ function EnhancedTable(_ref) {
     size: "medium",
     "aria-label": "enhanced table",
     className: classes.table
-  }, /*#__PURE__*/_react.default.createElement(_TableHeader.default, {
+  }, !hideHeader && /*#__PURE__*/_react.default.createElement(_TableHeader.default, {
     order: order,
     orderBy: orderBy,
     onRequestSort: handleRequestSort,
@@ -277,7 +281,8 @@ function EnhancedTable(_ref) {
       selected: isItemSelected,
       "aria-checked": isItemSelected
     }, showCheckbox && /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-      padding: "checkbox"
+      padding: "checkbox",
+      className: classes.cellDefault
     }, /*#__PURE__*/_react.default.createElement(_material.Checkbox, {
       color: "primary",
       checked: isItemSelected,
@@ -304,8 +309,7 @@ function EnhancedTable(_ref) {
     display: "flex",
     alignItems: "center",
     justifyContent: "flex-end",
-    paddingTop: "24px",
-    paddingBottom: "24px"
+    paddingTop: "24px"
   }, rows.length ? itemsToSkip + maxItemsPerPage < rows.length ? /*#__PURE__*/_react.default.createElement(_material.Typography, {
     paddingRight: "24px",
     fontSize: "14px"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terraware/web-components",
-  "version": "2.0.8",
+  "version": "2.0.10",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {

package/stories/Navbar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Navbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,MAAM,EAAE,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;;;;;;AAK3E,wBAIE;AAsCF,eAAO,MAAM,OAAO,oBAAoB,CAAC"}
+{"version":3,"file":"Navbar.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Navbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,MAAM,EAAE,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;;;;;;AAK3E,wBAIE;AA0CF,eAAO,MAAM,OAAO,oBAAoB,CAAC"}