@terraware/web-components 2.0.72 → 2.1.1

package/components/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAY,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAK9D,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAsD5D"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAY,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAK9D,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAyD5D"}

package/components/DatePicker/DatePicker.js

@@ -66,7 +66,10 @@ function DatePicker(props) {
   }; // set timezone, defaulting to 'UTC'
 
 
-  _momentTimezone.default.tz.setDefault((_props$defaultTimeZon = props.defaultTimeZone) !== null && _props$defaultTimeZon !== void 0 ? _props$defaultTimeZon : 'UTC');
+  _momentTimezone.default.tz.setDefault((_props$defaultTimeZon = props.defaultTimeZone) !== null && _props$defaultTimeZon !== void 0 ? _props$defaultTimeZon : 'UTC'); // TODO: Localize the yyyy-mm-dd placeholder string that is shown to users when the input is
+  //       empty. It appears to be generated programmatically deep in the guts of the MUI DatePicker
+  //       code, and it most likely uses the browser's locale.
+
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "date-picker ".concat(props.className, " ").concat(props.errorText ? 'date-picker--error' : '')

package/components/Pill/index.d.ts

@@ -0,0 +1,11 @@
+import './styles.scss';
+type PillProps<IdType> = {
+    id: IdType;
+    label: string;
+    value: string;
+    onRemove?: (id: IdType) => void;
+    className?: string;
+};
+export default function Pill<IdType>({ id, label, value, onRemove, className }: PillProps<IdType>): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,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,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAc9G"}

package/components/Pill/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Pill;
+
+var _material = require("@mui/material");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = _interopRequireDefault(require("../Icon/Icon"));
+
+require("./styles.scss");
+
+function Pill(_ref) {
+  var id = _ref.id,
+      label = _ref.label,
+      value = _ref.value,
+      onRemove = _ref.onRemove,
+      className = _ref.className;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "pill ".concat(className !== null && className !== void 0 ? className : '')
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "label"
+  }, label, ":"), /*#__PURE__*/_react.default.createElement("p", {
+    className: "value"
+  }, value), onRemove ? /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+    onClick: function onClick() {
+      return onRemove(id);
+    },
+    className: "iconContainer"
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    name: "close",
+    className: "icon"
+  })) : /*#__PURE__*/_react.default.createElement("div", {
+    className: "spacer"
+  }));
+}

package/components/Pill/styles.scss

@@ -0,0 +1,48 @@
+@import '../../style-dictionary-dist/terraware.scss';
+
+@font-face {
+  font-family: 'Inter';
+  src: local('Inter'), url(../../fonts/Inter.ttf) format('truetype');
+}
+
+.pill {
+  font-family: $tw-fnt-base-font-family;
+  background: $tw-clr-bg-tertiary;
+  padding: $tw-spc-base-xx-small $tw-spc-base-xx-small $tw-spc-base-xx-small 12px;
+  display: flex;
+  border-radius: 13px;
+  align-items: center;
+  margin-right: $tw-spc-base-x-small;
+  margin-bottom: $tw-spc-base-x-small;
+
+  .label {
+    font-size: 12px;
+    color: $tw-clr-txt;
+    font-weight: 400;
+    margin: 0;
+  }
+
+  .value {
+    padding-left: $tw-spc-base-xx-small;
+    font-size: 12px;
+    color: $tw-clr-txt;
+    font-weight: 600;
+    margin: 0;
+  }
+
+  .icon {
+    fill: $tw-clr-icn;
+    width: 12px;
+    height: 12px;
+    margin: 0 $tw-spc-base-xx-small;
+  }
+
+  .iconContainer {
+    padding: 0;
+  }
+
+  .spacer {
+    width: $tw-spc-base-x-small;
+    height: 12px;
+  }
+}

package/components/PillList/index.d.ts

@@ -0,0 +1,14 @@
+export type PillListItem<IdType> = {
+    id: IdType;
+    label: string;
+    value: string;
+    onRemove?: (id: IdType) => void;
+    className?: string;
+};
+export type PillListProps<IdType> = {
+    data: PillListItem<IdType>[];
+    onRemove?: (id: IdType) => void;
+    className?: string;
+};
+export default function PillList<IdType>(props: PillListProps<IdType>): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PillList/index.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,YAAY,CAAC,MAAM,IAAI;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,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,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,CAiBlF"}

package/components/PillList/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PillList;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Pill = _interopRequireDefault(require("../Pill"));
+
+var _material = require("@mui/material");
+
+function PillList(props) {
+  var data = props.data,
+      onRemove = props.onRemove,
+      className = props.className;
+  return /*#__PURE__*/_react.default.createElement(_material.Box, {
+    display: "flex",
+    flexWrap: "wrap"
+  }, data.map(function (item, index) {
+    return /*#__PURE__*/_react.default.createElement(_Pill.default, {
+      key: index,
+      id: item.id,
+      label: item.label,
+      value: item.value,
+      onRemove: item.onRemove || onRemove,
+      className: item.className || className
+    });
+  }));
+}

package/components/ProgressCircle/ProgressCircle.d.ts

@@ -3,6 +3,8 @@ export interface Props {
     size?: 'small' | 'medium' | 'large';
     determinate: true | false;
     value?: number;
+    /** Returns a human-readable representation of a percentage such as "5%" */
+    renderPercentText: (percent: number) => string;
     hideValue?: boolean;
 }
 export default function ProgressCircle(props: Props): JSX.Element;

package/components/ProgressCircle/ProgressCircle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.tsx"],"names":[],"mappings":"AAEA,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,WAAW,EAAE,IAAI,GAAG,KAAK,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAgBhE"}
+{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.tsx"],"names":[],"mappings":"AAEA,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,WAAW,EAAE,IAAI,GAAG,KAAK,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiBhE"}

package/components/ProgressCircle/ProgressCircle.js

@@ -18,6 +18,7 @@ function ProgressCircle(props) {
       size = _props$size === void 0 ? 'small' : _props$size,
       determinate = props.determinate,
       value = props.value,
+      renderPercentText = props.renderPercentText,
       hideValue = props.hideValue;
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
     className: "circle-container"
@@ -29,7 +30,7 @@ function ProgressCircle(props) {
     className: "label-container"
   }, value && !hideValue && /*#__PURE__*/_react.default.createElement("p", {
     className: "progress-circle-label--{size}"
-  }, "".concat(Math.round(value), "%"))), /*#__PURE__*/_react.default.createElement(_material.CircularProgress, {
+  }, renderPercentText(Math.round(value)))), /*#__PURE__*/_react.default.createElement(_material.CircularProgress, {
     value: value,
     variant: determinate ? 'determinate' : 'indeterminate',
     className: "circle-fill circle-track--".concat(size)

package/components/TextTruncated/index.d.ts

@@ -1,8 +1,9 @@
 export interface Props {
     stringList: string[];
     maxLengthPx: number;
-    moreSeparator?: string;
-    moreText?: string;
+    moreSeparator: string;
+    moreText: string;
+    listSeparator: string;
     textStyle?: Record<string, any>;
     showAllStyle?: Record<string, any>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextTruncated/index.tsx"],"names":[],"mappings":"AAmEA,MAAM,WAAW,KAAK;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAqE/D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextTruncated/index.tsx"],"names":[],"mappings":"AAmEA,MAAM,WAAW,KAAK;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAqE/D"}

package/components/TextTruncated/index.js

@@ -86,11 +86,10 @@ function computeFromStringList(strings, maxLength) {
 
 function TextTruncated(props) {
   var stringList = props.stringList,
+      listSeparator = props.listSeparator,
       maxLengthPx = props.maxLengthPx,
-      _props$moreSeparator = props.moreSeparator,
-      moreSeparator = _props$moreSeparator === void 0 ? '... ' : _props$moreSeparator,
-      _props$moreText = props.moreText,
-      moreText = _props$moreText === void 0 ? 'more' : _props$moreText,
+      moreSeparator = props.moreSeparator,
+      moreText = props.moreText,
       textStyle = props.textStyle,
       showAllStyle = props.showAllStyle;
 
@@ -115,7 +114,7 @@ function TextTruncated(props) {
   }, []);
   var pixelsPerChar = (0, _react.useMemo)(function () {
     // compute the pixels per character, averaged over the comma-separated joined stringList
-    var fullText = stringList.join(', ');
+    var fullText = stringList.join(listSeparator);
     var result = 0;
 
     if (canvasContext) {
@@ -127,7 +126,7 @@ function TextTruncated(props) {
 
     return result / fullText.length;
   }, [stringList, textStyle, canvasContext, theme.typography.fontFamily, theme.typography.fontSize]);
-  var maxExcludingSuffix = stringList.join(', ').length;
+  var maxExcludingSuffix = stringList.join(listSeparator).length;
 
   if (pixelsPerChar > 0) {
     var maxChars = maxLengthPx / pixelsPerChar;

package/components/table/EnhancedTableToolbar.d.ts

@@ -1,6 +1,7 @@
 import { TopBarButton } from '.';
 interface EnhancedTableToolbarProps {
     numSelected: number;
+    renderNumSelectedText?: (numSelected: number) => string;
     topBarButtons?: TopBarButton[];
 }
 export default function EnhancedTableToolbar(props: EnhancedTableToolbarProps): JSX.Element | null;

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

@@ -1 +1 @@
-{"version":3,"file":"EnhancedTableToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/table/EnhancedTableToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAiBjC,UAAU,yBAAyB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAyBjG"}
+{"version":3,"file":"EnhancedTableToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/table/EnhancedTableToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAiBjC,UAAU,yBAAyB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAyBjG"}

package/components/table/EnhancedTableToolbar.js

@@ -31,16 +31,17 @@ var styles = (0, _styles.makeStyles)(function (theme) {
 
 function EnhancedTableToolbar(props) {
   var numSelected = props.numSelected,
+      renderNumSelectedText = props.renderNumSelectedText,
       topBarButtons = props.topBarButtons;
   var classes = styles();
-  return numSelected > 0 ? /*#__PURE__*/_react.default.createElement(_material.Toolbar, {
+  return renderNumSelectedText && numSelected > 0 ? /*#__PURE__*/_react.default.createElement(_material.Toolbar, {
     className: classes.toolbar
   }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
     color: "inherit",
     variant: "subtitle1",
     component: "div",
     className: classes.flexText
-  }, numSelected, " selected"), topBarButtons === null || topBarButtons === void 0 ? void 0 : topBarButtons.map(function (tbButton) {
+  }, renderNumSelectedText(numSelected)), topBarButtons === null || topBarButtons === void 0 ? void 0 : topBarButtons.map(function (tbButton) {
     return /*#__PURE__*/_react.default.createElement(_Button.default, {
       className: classes.buttonSpacing,
       key: tbButton.buttonText,

package/components/table/TableCellRenderer.d.ts

@@ -13,19 +13,22 @@ export declare function CellTextRenderer({ id, value, className, }: {
     value?: string | number | any[] | ReactNode;
     className?: string;
 }): JSX.Element;
-export declare function CellBooleanRenderer({ id, value, className, }: {
+export declare function CellBooleanRenderer({ id, value, className, booleanFalseText, booleanTrueText, }: {
     id: string;
     value?: string | number | any[] | ReactNode;
     className?: string;
+    booleanFalseText: string;
+    booleanTrueText: string;
 }): JSX.Element;
 export declare function CellNotesRenderer({ id, value, className, }: {
     id: string;
     value?: string;
     className?: string;
 }): JSX.Element;
-export declare function CellEditRenderer({ id, onRowClick, className, }: {
+export declare function CellEditRenderer({ id, onRowClick, className, editText, }: {
     id: string;
     onRowClick?: () => void;
     className?: string;
+    editText: string;
 }): JSX.Element;
 //# sourceMappingURL=TableCellRenderer.d.ts.map

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;AAqBxC,MAAM,MAAM,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,WAAY,MAAM,KAAG,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"}
+{"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;AAqBxC,MAAM,MAAM,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,WAAY,MAAM,KAAG,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,EACT,gBAAgB,EAChB,eAAe,GAChB,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;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;CACzB,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,EACT,QAAQ,GACT,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,GAAG,CAAC,OAAO,CAwBd"}

package/components/table/TableCellRenderer.js

@@ -47,7 +47,10 @@ function CellRenderer(props) {
       value = props.value,
       onRowClick = props.onRowClick,
       index = props.index,
-      className = props.className;
+      className = props.className,
+      booleanFalseText = props.booleanFalseText,
+      booleanTrueText = props.booleanTrueText,
+      editText = props.editText;
   var id = "row".concat(index, "-").concat(column.key);
 
   if (column.type === 'date' && typeof value === 'string' && value) {
@@ -66,13 +69,16 @@ function CellRenderer(props) {
     return /*#__PURE__*/_react.default.createElement(CellBooleanRenderer, {
       id: id,
       value: value,
-      className: className
+      className: className,
+      booleanFalseText: booleanFalseText,
+      booleanTrueText: booleanTrueText
     });
   } else if (column.type === 'edit') {
     return /*#__PURE__*/_react.default.createElement(CellEditRenderer, {
       id: id,
       onRowClick: onRowClick,
-      className: className
+      className: className,
+      editText: editText
     });
   }
 
@@ -131,7 +137,9 @@ function CellTextRenderer(_ref2) {
 function CellBooleanRenderer(_ref3) {
   var id = _ref3.id,
       value = _ref3.value,
-      className = _ref3.className;
+      className = _ref3.className,
+      booleanFalseText = _ref3.booleanFalseText,
+      booleanTrueText = _ref3.booleanTrueText;
   var classes = useStyles();
   return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     id: id,
@@ -141,7 +149,7 @@ function CellBooleanRenderer(_ref3) {
     component: "p",
     variant: "body1",
     fontSize: "14px"
-  }, value === 'true' ? 'YES' : 'NO'));
+  }, value === 'true' ? booleanTrueText : booleanFalseText));
 }
 
 function CellNotesRenderer(_ref4) {
@@ -164,7 +172,8 @@ function CellNotesRenderer(_ref4) {
 function CellEditRenderer(_ref5) {
   var id = _ref5.id,
       onRowClick = _ref5.onRowClick,
-      className = _ref5.className;
+      className = _ref5.className,
+      editText = _ref5.editText;
   var classes = useStyles();
   return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     id: id,
@@ -186,7 +195,7 @@ function CellEditRenderer(_ref5) {
     component: "p",
     variant: "body1",
     fontSize: "14px"
-  }, "Edit"), /*#__PURE__*/_react.default.createElement(_iconsMaterial.Edit, {
+  }, editText), /*#__PURE__*/_react.default.createElement(_iconsMaterial.Edit, {
     fontSize: "small",
     className: classes.editIcon
   }))));

package/components/table/index.d.ts

@@ -10,7 +10,14 @@ export interface HeadCell {
     label: string | JSX.Element;
     tooltipTitle?: TooltipProps['title'];
 }
-export interface Props<T> {
+export interface LocalizationProps {
+    renderNumSelectedText?: (numSelected: number) => string;
+    renderPaginationText?: (from: number, to: number, total: number) => string;
+    booleanFalseText: string;
+    booleanTrueText: string;
+    editText: string;
+}
+export interface Props<T> extends LocalizationProps {
     id?: string;
     orderBy: string;
     order?: SortOrder;
@@ -30,7 +37,6 @@ export interface Props<T> {
     topBarButtons?: TopBarButton[];
     selectedRows?: T[];
     setSelectedRows?: React.Dispatch<React.SetStateAction<T[]>>;
-    showPagination?: boolean;
     controlledOnSelect?: boolean;
     reloadData?: () => void;
     stickyHeader?: boolean;
@@ -43,6 +49,6 @@ export type TopBarButton = {
     icon?: IconName;
     disabled?: boolean;
 };
-export default function EnhancedTable<T extends TableRowType>({ 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 default function EnhancedTable<T extends TableRowType>({ id, columns, rows, order: _order, orderBy: _orderBy, Renderer, onSelect, DetailsRenderer, sortComparator, sortHandler, isInactive, onReorderEnd, isClickable, emptyTableMessage, showCheckbox, showTopBar, topBarButtons, selectedRows, setSelectedRows, controlledOnSelect, reloadData, stickyHeader, hideHeader, booleanFalseText, booleanTrueText, editText, renderNumSelectedText, renderPaginationText, }: 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":"AAAA,OAAO,EAA2F,YAAY,EAAwB,MAAM,eAAe,CAAC;AAC5J,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAuC,SAAS,EAAc,MAAM,QAAQ,CAAC;AACpF,OAA0B,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAkB,oBAAoB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/F,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AA4BzC,MAAM,WAAW,QAAQ;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,iBAAiB;IAChC,qBAAqB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3E,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,KAAK,CAAC,CAAC,CAAE,SAAQ,iBAAiB;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IAIpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,YAAY,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IACjE,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,SAAS,YAAY,EAAE,EAC5D,EAAE,EACF,OAAO,EACP,IAAI,EACJ,KAAK,EAAE,MAAc,EACrB,OAAO,EAAE,QAAQ,EACjB,QAA4B,EAC5B,QAAQ,EACR,eAAe,EACf,cAAqC,EACrC,WAAW,EACX,UAAU,EACV,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,aAAa,EACb,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,UAAU,EACV,YAAmB,EACnB,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,QAAQ,EACR,qBAAqB,EACrB,oBAAoB,GACrB,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAwRxB;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,CAAC,EAAE,CAMjG"}

package/components/table/index.js

@@ -90,13 +90,16 @@ function EnhancedTable(_ref) {
       topBarButtons = _ref.topBarButtons,
       selectedRows = _ref.selectedRows,
       setSelectedRows = _ref.setSelectedRows,
-      _ref$showPagination = _ref.showPagination,
-      showPagination = _ref$showPagination === void 0 ? true : _ref$showPagination,
       controlledOnSelect = _ref.controlledOnSelect,
       reloadData = _ref.reloadData,
       _ref$stickyHeader = _ref.stickyHeader,
       stickyHeader = _ref$stickyHeader === void 0 ? true : _ref$stickyHeader,
-      hideHeader = _ref.hideHeader;
+      hideHeader = _ref.hideHeader,
+      booleanFalseText = _ref.booleanFalseText,
+      booleanTrueText = _ref.booleanTrueText,
+      editText = _ref.editText,
+      renderNumSelectedText = _ref.renderNumSelectedText,
+      renderPaginationText = _ref.renderPaginationText;
 
   var classes = tableStyles();
   var theme = (0, _material.useTheme)();
@@ -293,6 +296,7 @@ function EnhancedTable(_ref) {
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showTopBar && /*#__PURE__*/_react.default.createElement(_EnhancedTableToolbar.default, {
     numSelected: selectedRows ? selectedRows.length : 0,
+    renderNumSelectedText: renderNumSelectedText,
     topBarButtons: topBarButtons
   }), /*#__PURE__*/_react.default.createElement(_material.TableContainer, {
     id: id,
@@ -369,13 +373,16 @@ function EnhancedTable(_ref) {
         onRowClick: onSelect && controlledOnSelect ? function (newValue) {
           return onSelect(row, c.key, newValue);
         } : _onClick,
-        reloadData: reloadData
+        reloadData: reloadData,
+        booleanFalseText: booleanFalseText,
+        booleanTrueText: booleanTrueText,
+        editText: editText
       });
     })), DetailsRenderer && /*#__PURE__*/_react.default.createElement(DetailsRenderer, {
       index: index,
       row: row
     }));
-  }))))), showPagination && /*#__PURE__*/_react.default.createElement(_material.Box, {
+  }))))), renderPaginationText && /*#__PURE__*/_react.default.createElement(_material.Box, {
     display: "flex",
     alignItems: "center",
     justifyContent: "flex-end",
@@ -383,13 +390,13 @@ function EnhancedTable(_ref) {
   }, rows.length ? itemsToSkip + maxItemsPerPage < rows.length ? /*#__PURE__*/_react.default.createElement(_material.Typography, {
     paddingRight: "24px",
     fontSize: "14px"
-  }, itemsToSkip + 1, " to ", itemsToSkip + maxItemsPerPage, " of ", rows.length) : /*#__PURE__*/_react.default.createElement(_material.Typography, {
+  }, renderPaginationText(itemsToSkip + 1, itemsToSkip + maxItemsPerPage, rows.length)) : /*#__PURE__*/_react.default.createElement(_material.Typography, {
     paddingRight: "24px",
     fontSize: "14px"
-  }, itemsToSkip + 1, " to ", rows.length, " of ", rows.length) : /*#__PURE__*/_react.default.createElement(_material.Typography, {
+  }, renderPaginationText(itemsToSkip + 1, rows.length, rows.length)) : /*#__PURE__*/_react.default.createElement(_material.Typography, {
     paddingRight: "24px",
     fontSize: "14px"
-  }, "0 of 0"), /*#__PURE__*/_react.default.createElement(_material.Pagination, {
+  }, renderPaginationText(0, 0, 0)), /*#__PURE__*/_react.default.createElement(_material.Pagination, {
     count: Math.ceil(rows.length / maxItemsPerPage),
     page: itemsToSkip / maxItemsPerPage + 1,
     shape: "rounded",

package/components/table/types.d.ts

@@ -15,6 +15,9 @@ export interface RendererProps<T> {
     onRowClick?: (newValue?: string) => void;
     reloadData?: () => void;
     className?: string;
+    booleanFalseText: string;
+    booleanTrueText: string;
+    editText: string;
 }
 export type EnhancedTableDetailsRow = {
     [x: string]: string | number | [] | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC3B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,CAAC,CAAC;IACP,MAAM,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,EAAE,GAAG,SAAS,CAAC;IAChD,UAAU,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,EAAE,GAAG,SAAS,CAAC;CAC/C,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,uBAAuB,CAAC;CAC9B;AAED,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,wBAAwB,GAAG,oBAAoB,GAAG,kBAAkB,GAAG,QAAQ,GAAG,YAAY,GAAG,cAAc,GAAG,cAAc,GAAG,QAAQ,CAAC;AAEjJ,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC;IAClE,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,wBAAwB,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;IAChE,SAAS,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,OAAO,GAAG,KAAK,CAAC;CAC5C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC3B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,CAAC,CAAC;IACP,MAAM,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,EAAE,GAAG,SAAS,CAAC;IAChD,UAAU,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,EAAE,GAAG,SAAS,CAAC;CAC/C,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,uBAAuB,CAAC;CAC9B;AAED,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,wBAAwB,GAAG,oBAAoB,GAAG,kBAAkB,GAAG,QAAQ,GAAG,YAAY,GAAG,cAAc,GAAG,cAAc,GAAG,QAAQ,CAAC;AAEjJ,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC;IAClE,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,wBAAwB,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;IAChE,SAAS,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,OAAO,GAAG,KAAK,CAAC;CAC5C"}

package/index.d.ts

@@ -14,6 +14,8 @@ import NavFooter from './components/Navbar/NavFooter';
 import NavItem from './components/Navbar/NavItem';
 import NavSection from './components/Navbar/NavSection';
 import Note from './components/Note';
+import Pill from './components/Pill';
+import PillList from './components/PillList';
 import ProgressCircle from './components/ProgressCircle/ProgressCircle';
 import RadioButton from './components/RadioButton';
 import Select from './components/Select/Select';
@@ -28,9 +30,10 @@ import { EnhancedTableDetailsRow, RendererProps, TableColumnType } from './compo
 import * as Svg from './components/svg';
 import Message from './components/Message/Message';
 import theme from './theme';
+export type { PillListItem } from './components/PillList';
 export type { IconName } from './components/Icon/icons/';
 export type { Size } from './components/Size';
 export type { DropdownItem } from './components/Dropdown';
 export type { EnhancedTableDetailsRow, RendererProps, TableColumnType, TableRowType, SortOrder };
-export { Autocomplete, Button, CellRenderer, CellDateRenderer, Checkbox, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, DropdownV1, ErrorBox, getComparator, icons, Icon, IconTooltip, Message, NavFooter, NavItem, NavSection, Navbar, Note, ProgressCircle, RadioButton, Select, SelectT, stableSort, SummaryBox, Svg, Textfield, TextTruncated, Table, theme, };
+export { Autocomplete, Button, CellRenderer, CellDateRenderer, Checkbox, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, DropdownV1, ErrorBox, getComparator, icons, Icon, IconTooltip, Message, NavFooter, NavItem, NavSection, Navbar, Note, Pill, PillList, ProgressCircle, RadioButton, Select, SelectT, stableSort, SummaryBox, Svg, Textfield, TextTruncated, Table, theme, };
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAClE,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AACtD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,cAAc,MAAM,4CAA4C,CAAC;AACxE,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrG,OAAO,YAAY,EAAE,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpG,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACnG,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAC;AACxC,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,YAAY,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,YAAY,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;AAEjG,OAAO,EACL,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,oBAAoB,EACpB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,aAAa,EACb,KAAK,EACL,IAAI,EACJ,WAAW,EACX,OAAO,EACP,SAAS,EACT,OAAO,EACP,UAAU,EACV,MAAM,EACN,IAAI,EACJ,cAAc,EACd,WAAW,EACX,MAAM,EACN,OAAO,EACP,UAAU,EACV,UAAU,EACV,GAAG,EACH,SAAS,EACT,aAAa,EACb,KAAK,EACL,KAAK,GACN,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAClE,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AACtD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,cAAc,MAAM,4CAA4C,CAAC;AACxE,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrG,OAAO,YAAY,EAAE,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpG,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACnG,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAC;AACxC,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,YAAY,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;AAEjG,OAAO,EACL,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,oBAAoB,EACpB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,aAAa,EACb,KAAK,EACL,IAAI,EACJ,WAAW,EACX,OAAO,EACP,SAAS,EACT,OAAO,EACP,UAAU,EACV,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,WAAW,EACX,MAAM,EACN,OAAO,EACP,UAAU,EACV,UAAU,EACV,GAAG,EACH,SAAS,EACT,aAAa,EACb,KAAK,EACL,KAAK,GACN,CAAC"}

package/index.js

@@ -107,6 +107,18 @@ Object.defineProperty(exports, "Note", {
     return _Note.default;
   }
 });
+Object.defineProperty(exports, "Pill", {
+  enumerable: true,
+  get: function get() {
+    return _Pill.default;
+  }
+});
+Object.defineProperty(exports, "PillList", {
+  enumerable: true,
+  get: function get() {
+    return _PillList.default;
+  }
+});
 Object.defineProperty(exports, "ProgressCircle", {
   enumerable: true,
   get: function get() {
@@ -231,6 +243,10 @@ var _NavSection = _interopRequireDefault(require("./components/Navbar/NavSection
 
 var _Note = _interopRequireDefault(require("./components/Note"));
 
+var _Pill = _interopRequireDefault(require("./components/Pill"));
+
+var _PillList = _interopRequireDefault(require("./components/PillList"));
+
 var _ProgressCircle = _interopRequireDefault(require("./components/ProgressCircle/ProgressCircle"));
 
 var _RadioButton = _interopRequireDefault(require("./components/RadioButton"));

package/package.json

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

package/stories/PillList.stories.d.ts

@@ -0,0 +1,9 @@
+import { Story } from '@storybook/react';
+import PillList, { PillListProps } from '../components/PillList';
+declare const _default: {
+    title: string;
+    component: typeof PillList;
+};
+export default _default;
+export declare const Default: Story<PillListProps<number>>;
+//# sourceMappingURL=PillList.stories.d.ts.map

package/stories/PillList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillList.stories.d.ts","sourceRoot":"","sources":["../../src/stories/PillList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,QAAQ,EAAE,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;;;;;AAEjE,wBAGE;AAMF,eAAO,MAAM,OAAO,8BAAoB,CAAC"}