@terraware/web-components 1.0.3 → 1.0.6

package/components/table/index.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { SortOrder } from './sort';
+import { DetailsRendererProps, RendererProps, TableColumnType } from './types';
+export interface HeadCell {
+    disablePadding: boolean;
+    id: string;
+    label: string | JSX.Element;
+}
+export interface Props<T> {
+    id?: string;
+    orderBy: string;
+    order?: SortOrder;
+    columns: TableColumnType[];
+    rows: T[];
+    Renderer?: (props: RendererProps<T>) => JSX.Element;
+    onSelect?: (value: T) => void;
+    DetailsRenderer?: (props: DetailsRendererProps) => JSX.Element;
+    sortComparator?: (a: T, b: T, orderBy: keyof T) => 1 | -1 | 0;
+    sortHandler?: (order: SortOrder, orderBy: string) => void;
+    isInactive?: (row: T) => boolean;
+    onReorderEnd?: ({ oldIndex, newIndex }: any) => void;
+    isClickable?: (row: T) => boolean;
+    emptyTableMessage?: string;
+    showCheckbox?: boolean;
+    showTopBar?: boolean;
+    topBarButtons?: TopBarButton[];
+    selectedRows?: T[];
+    setSelectedRows?: React.Dispatch<React.SetStateAction<T[]>>;
+    showPagination?: boolean;
+    controlledOnSelect?: boolean;
+    reloadData?: () => void;
+}
+export declare type TopBarButton = {
+    buttonText: string;
+    buttonType: 'productive' | 'passive' | 'destructive' | undefined;
+    onButtonClick: () => void;
+};
+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, }: 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

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

package/components/table/index.js

@@ -0,0 +1,322 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = EnhancedTable;
+exports.tableSort = tableSort;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _material = require("@mui/material");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _EnhancedTableToolbar = _interopRequireDefault(require("./EnhancedTableToolbar"));
+
+var _sort = require("./sort");
+
+var _TableCellRenderer = _interopRequireDefault(require("./TableCellRenderer"));
+
+var _TableHeader = _interopRequireDefault(require("./TableHeader"));
+
+var _styles = require("@mui/styles");
+
+var _core = require("@dnd-kit/core");
+
+var _sortable = require("@dnd-kit/sortable");
+
+var _utils = require("../../utils");
+
+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 tableStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    hover: {
+      '&:hover': {
+        cursor: 'pointer',
+        backgroundColor: "".concat(theme.palette.neutral[100], "!important")
+      }
+    },
+    table: {
+      borderCollapse: 'initial'
+    },
+    inactiveRow: {
+      background: theme.palette.neutral[50]
+    },
+    tableRow: {
+      '&.MuiTableRow-root.Mui-selected': {
+        backgroundColor: 'initial'
+      }
+    }
+  };
+});
+
+function EnhancedTable(_ref) {
+  var id = _ref.id,
+      columns = _ref.columns,
+      rows = _ref.rows,
+      _ref$order = _ref.order,
+      _order = _ref$order === void 0 ? 'asc' : _ref$order,
+      _orderBy = _ref.orderBy,
+      _ref$Renderer = _ref.Renderer,
+      Renderer = _ref$Renderer === void 0 ? _TableCellRenderer.default : _ref$Renderer,
+      onSelect = _ref.onSelect,
+      DetailsRenderer = _ref.DetailsRenderer,
+      _ref$sortComparator = _ref.sortComparator,
+      sortComparator = _ref$sortComparator === void 0 ? _sort.descendingComparator : _ref$sortComparator,
+      sortHandler = _ref.sortHandler,
+      isInactive = _ref.isInactive,
+      onReorderEnd = _ref.onReorderEnd,
+      isClickable = _ref.isClickable,
+      emptyTableMessage = _ref.emptyTableMessage,
+      showCheckbox = _ref.showCheckbox,
+      showTopBar = _ref.showTopBar,
+      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;
+
+  var classes = tableStyles();
+
+  var _React$useState = _react.default.useState(_order),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      order = _React$useState2[0],
+      setOrder = _React$useState2[1];
+
+  var _React$useState3 = _react.default.useState(_orderBy),
+      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+      orderBy = _React$useState4[0],
+      setOrderBy = _React$useState4[1];
+
+  var _useState = (0, _react.useState)(100),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+      maxItemsPerPage = _useState2[0];
+
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      itemsToSkip = _useState4[0],
+      setItemsToSkip = _useState4[1];
+
+  var _useDeviceInfo = (0, _utils.useDeviceInfo)(),
+      isMobile = _useDeviceInfo.isMobile;
+
+  (0, _react.useEffect)(function () {
+    if (setSelectedRows && rows.length >= 0) {
+      setSelectedRows(function (currentlySelectedRows) {
+        var emptyArray = [];
+
+        if (rows.length || currentlySelectedRows.length > rows.length) {
+          return emptyArray;
+        }
+
+        return currentlySelectedRows;
+      });
+    }
+  }, [rows, setSelectedRows]);
+
+  var handleRequestSort = function handleRequestSort(event, property) {
+    var isAsc = orderBy === property && order === 'asc';
+    var newOrder = isAsc ? 'desc' : 'asc';
+    setOrder(newOrder);
+    setOrderBy(property);
+
+    if (sortHandler) {
+      sortHandler(newOrder, property);
+    }
+  };
+
+  var hasEditColumn = columns.filter(function (c) {
+    return c.type === 'edit';
+  }).length > 0;
+
+  var isSelected = function isSelected(row) {
+    return selectedRows && selectedRows.indexOf(row) !== -1;
+  };
+
+  var handleSelectAllClick = function handleSelectAllClick(event) {
+    if (setSelectedRows) {
+      if (event.target.checked) {
+        setSelectedRows(rows);
+        return;
+      } else {
+        setSelectedRows([]);
+      }
+    }
+  };
+
+  var handleClick = function handleClick(event, row) {
+    if (setSelectedRows && selectedRows) {
+      var selectedIndex = selectedRows.indexOf(row);
+      var newSelected = [];
+
+      if (selectedIndex === -1) {
+        newSelected = newSelected.concat(selectedRows, row);
+      } else if (selectedIndex === 0) {
+        newSelected = newSelected.concat(selectedRows.slice(1));
+      } else if (selectedIndex === selectedRows.length - 1) {
+        newSelected = newSelected.concat(selectedRows.slice(0, -1));
+      } else if (selectedIndex > 0) {
+        newSelected = newSelected.concat(selectedRows.slice(0, selectedIndex), selectedRows.slice(selectedIndex + 1));
+      }
+
+      setSelectedRows(newSelected);
+    }
+  };
+
+  var handleChangePage = function handleChangePage(event, newPage) {
+    setItemsToSkip(maxItemsPerPage * (newPage - 1));
+  };
+
+  function columnsToHeadCells(columnsR) {
+    return columnsR.map(function (c) {
+      return {
+        id: c.key,
+        disablePadding: false,
+        label: typeof c.name === 'string' ? c.name.toUpperCase() : c.name
+      };
+    });
+  }
+
+  var _React$useState5 = _react.default.useState(columnsToHeadCells(columns)),
+      _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
+      headCells = _React$useState6[0],
+      setHeadCells = _React$useState6[1];
+
+  _react.default.useEffect(function () {
+    setHeadCells(columnsToHeadCells(columns));
+  }, [columns]);
+
+  var sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.MouseSensor), (0, _core.useSensor)(_core.TouchSensor), (0, _core.useSensor)(_core.KeyboardSensor, {
+    coordinateGetter: _sortable.sortableKeyboardCoordinates
+  }));
+
+  function handleDragEnd(event) {
+    var active = event.active,
+        over = event.over;
+
+    if (active && over && active.id !== over.id && onReorderEnd) {
+      var oldIndex = headCells.findIndex(function (item) {
+        return item.id === active.id;
+      });
+      var newIndex = headCells.findIndex(function (item) {
+        return item.id === over.id;
+      });
+      onReorderEnd({
+        oldIndex: oldIndex,
+        newIndex: newIndex
+      });
+    }
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showTopBar && /*#__PURE__*/_react.default.createElement(_EnhancedTableToolbar.default, {
+    numSelected: selectedRows ? selectedRows.length : 0,
+    topBarButtons: topBarButtons
+  }), /*#__PURE__*/_react.default.createElement(_material.TableContainer, {
+    id: id
+  }, /*#__PURE__*/_react.default.createElement(_core.DndContext, {
+    sensors: sensors,
+    onDragEnd: handleDragEnd
+  }, /*#__PURE__*/_react.default.createElement(_material.Table, {
+    stickyHeader: true,
+    "aria-labelledby": "tableTitle",
+    size: "medium",
+    "aria-label": "enhanced table",
+    className: classes.table
+  }, /*#__PURE__*/_react.default.createElement(_TableHeader.default, {
+    order: order,
+    orderBy: orderBy,
+    onRequestSort: handleRequestSort,
+    columns: columns,
+    onReorderEnd: onReorderEnd,
+    numSelected: showCheckbox ? selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length : undefined,
+    onSelectAllClick: showCheckbox ? handleSelectAllClick : undefined,
+    rowCount: showCheckbox ? rows === null || rows === void 0 ? void 0 : rows.length : undefined
+  }), /*#__PURE__*/_react.default.createElement(_material.TableBody, null, rows.length < 1 && emptyTableMessage && /*#__PURE__*/_react.default.createElement(_material.TableRow, null, /*#__PURE__*/_react.default.createElement(_material.TableCell, {
+    colSpan: columns.length + 1,
+    align: "center"
+  }, /*#__PURE__*/_react.default.createElement("p", null, emptyTableMessage))), rows && (0, _sort.stableSort)(rows.slice(itemsToSkip, itemsToSkip + maxItemsPerPage), (0, _sort.getComparator)(order, orderBy, sortComparator)).map(function (row, index) {
+    var _onClick = onSelect && !controlledOnSelect ? function () {
+      return onSelect(row);
+    } : undefined;
+
+    var isItemSelected = isSelected(row);
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: index
+    }, /*#__PURE__*/_react.default.createElement(_material.TableRow, {
+      id: "row".concat(index + 1),
+      classes: {
+        hover: classes.hover
+      },
+      hover: Boolean(onSelect) && (isClickable ? isClickable(row) : true) && !hasEditColumn,
+      onClick: function onClick(e) {
+        e.stopPropagation();
+
+        if (_onClick && !hasEditColumn && (isClickable ? isClickable(row) : true)) {
+          _onClick();
+        }
+
+        if (!_onClick && !hasEditColumn && (isClickable ? isClickable(row) : true)) {
+          handleClick(e, row);
+        }
+      },
+      className: "".concat(isInactive && isInactive(row) ? classes.inactiveRow : undefined, " ").concat(classes.tableRow),
+      selected: isItemSelected,
+      "aria-checked": isItemSelected
+    }, showCheckbox && /*#__PURE__*/_react.default.createElement(_material.TableCell, {
+      padding: "checkbox"
+    }, /*#__PURE__*/_react.default.createElement(_material.Checkbox, {
+      color: "primary",
+      checked: isItemSelected
+    })), columns.map(function (c) {
+      return /*#__PURE__*/_react.default.createElement(Renderer, {
+        index: index + 1,
+        key: c.key,
+        row: row,
+        column: c,
+        value: row[c.key],
+        onRowClick: onSelect && controlledOnSelect ? function () {
+          return onSelect(row);
+        } : _onClick,
+        reloadData: reloadData
+      });
+    })), DetailsRenderer && /*#__PURE__*/_react.default.createElement(DetailsRenderer, {
+      index: index,
+      row: row
+    }));
+  }))))), showPagination && /*#__PURE__*/_react.default.createElement(_material.Box, {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "flex-end",
+    paddingTop: "24px",
+    paddingBottom: "24px"
+  }, 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, {
+    paddingRight: "24px",
+    fontSize: "14px"
+  }, itemsToSkip + 1, " to ", rows.length, " of ", rows.length), /*#__PURE__*/_react.default.createElement(_material.Pagination, {
+    count: Math.ceil(rows.length / maxItemsPerPage),
+    page: itemsToSkip / maxItemsPerPage + 1,
+    shape: "rounded",
+    onChange: handleChangePage,
+    siblingCount: isMobile ? 0 : 1,
+    size: 'small'
+  })));
+}
+
+function tableSort(ignore, array, comparator) {
+  if (ignore) {
+    return array;
+  }
+
+  return (0, _sort.stableSort)(array, comparator);
+}

package/components/table/sort.d.ts

@@ -0,0 +1,9 @@
+export declare function descendingComparator<T>(a: T, b: T, orderBy: keyof T): 1 | -1 | 0;
+export declare type SortOrder = 'asc' | 'desc';
+export declare function getComparator<Key extends keyof any>(order: SortOrder, orderBy: Key, sorting: (a: any, b: any, orderBy: any) => 1 | -1 | 0): (a: {
+    [key in Key]?: string | number | [];
+}, b: {
+    [key in Key]?: string | number | [];
+}) => number;
+export declare function stableSort<T>(array: T[], comparator: (a: T, b: T) => number): T[];
+//# sourceMappingURL=sort.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sort.d.ts","sourceRoot":"","sources":["../../../src/components/table/sort.ts"],"names":[],"mappings":"AAAA,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAWhF;AAED,oBAAY,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;AAEvC,wBAAgB,aAAa,CAAC,GAAG,SAAS,MAAM,GAAG,EACjD,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,GAAG,EACZ,OAAO,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GACpD,CAAC,CAAC,EAAE;KAAG,GAAG,IAAI,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,EAAE;CAAE,EAAE,CAAC,EAAE;KAAG,GAAG,IAAI,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,EAAE;CAAE,KAAK,MAAM,CAEpG;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,CAAC,EAAE,CAYjF"}

package/components/table/sort.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.descendingComparator = descendingComparator;
+exports.getComparator = getComparator;
+exports.stableSort = stableSort;
+
+function descendingComparator(a, b, orderBy) {
+  var _b$orderBy, _a$orderBy;
+
+  var bValue = (_b$orderBy = b[orderBy]) !== null && _b$orderBy !== void 0 ? _b$orderBy : '';
+  var aValue = (_a$orderBy = a[orderBy]) !== null && _a$orderBy !== void 0 ? _a$orderBy : '';
+
+  if (bValue < aValue) {
+    return -1;
+  }
+
+  if (bValue > aValue) {
+    return 1;
+  }
+
+  return 0;
+}
+
+function getComparator(order, orderBy, sorting) {
+  return order === 'desc' ? function (a, b) {
+    return sorting(a, b, orderBy);
+  } : function (a, b) {
+    return -sorting(a, b, orderBy);
+  };
+}
+
+function stableSort(array, comparator) {
+  var stabilizedThis = array.map(function (el, index) {
+    return [el, index];
+  });
+  stabilizedThis.sort(function (a, b) {
+    var order = comparator(a[0], b[0]);
+
+    if (order !== 0) {
+      return order;
+    }
+
+    return a[1] - b[1];
+  });
+  return stabilizedThis.map(function (el) {
+    return el[0];
+  });
+}

package/components/table/types.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+export interface TableColumnType {
+    key: string;
+    name: string | JSX.Element;
+    type: 'string' | 'number' | 'date' | 'notes' | 'edit' | 'boolean';
+}
+export interface RendererProps<T> {
+    index: number;
+    row: T;
+    column: TableColumnType;
+    value?: string | number | unknown[] | ReactNode;
+    onRowClick?: () => void;
+    reloadData?: () => void;
+}
+export declare type EnhancedTableDetailsRow = {
+    [x: string]: string | number | [] | undefined;
+};
+export interface DetailsRendererProps {
+    index: number;
+    row: EnhancedTableDetailsRow;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,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;CACnE;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,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,oBAAY,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"}

package/components/table/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/index.css

@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}

package/index.d.ts

@@ -0,0 +1,28 @@
+import Autocomplete from './components/Autocomplete';
+import Button from './components/Button/Button';
+import Checkbox from './components/Checkbox';
+import DatePicker from './components/DatePicker';
+import DialogBox from './components/DialogBox/DialogBox';
+import Divisor from './components/Divisor';
+import Dropdown from './components/Dropdown';
+import Icon from './components/Icon/Icon';
+import icons from './components/Icon/icons';
+import Navbar from './components/Navbar/Navbar';
+import NavFooter from './components/Navbar/NavFooter';
+import NavItem from './components/Navbar/NavItem';
+import NavSection from './components/Navbar/NavSection';
+import Note from './components/Note';
+import ProgressCircle from './components/ProgressCircle/ProgressCircle';
+import RadioButton from './components/RadioButton';
+import Select from './components/Select/Select';
+import SummaryBox from './components/SummaryBox';
+import Textfield from './components/Textfield/Textfield';
+import Table from './components/table';
+import { descendingComparator, getComparator, SortOrder, stableSort } from './components/table/sort';
+import CellRenderer, { CellDateRenderer, TableRowType } from './components/table/TableCellRenderer';
+import { EnhancedTableDetailsRow, RendererProps, TableColumnType } from './components/table/types';
+export type { IconName } from './components/Icon/icons/';
+export type { Size } from './components/Size';
+export type { EnhancedTableDetailsRow, RendererProps, TableColumnType, TableRowType, SortOrder };
+export { Autocomplete, Button, CellRenderer, CellDateRenderer, Checkbox, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, getComparator, icons, Icon, NavFooter, NavItem, NavSection, Navbar, Note, ProgressCircle, RadioButton, Select, stableSort, SummaryBox, Textfield, Table, };
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,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;AAEhD,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,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;AAEnG,YAAY,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,YAAY,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,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,aAAa,EACb,KAAK,EACL,IAAI,EACJ,SAAS,EACT,OAAO,EACP,UAAU,EACV,MAAM,EACN,IAAI,EACJ,cAAc,EACd,WAAW,EACX,MAAM,EACN,UAAU,EACV,UAAU,EACV,SAAS,EACT,KAAK,GACN,CAAC"}

package/license-report.html

@@ -0,0 +1,50 @@
+<html>
+<body>
+<style>
+/*
+based on: https://codepen.io/DavidKern/pen/PwzYvv
+*/
+@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
+
+
+body {
+    background: #fff;
+    color: #000;
+    font-family: 'Lato', Arial, sans-serif;
+}
+
+h1 {
+    font-family: "proxima-nova",sans-serif;
+    letter-spacing: -0.01em;
+    font-weight: 700;
+    font-style: normal;
+    font-size: 60px;
+    margin-left: -3px;
+    line-height: 1em;
+    color: #000;
+    text-align: center;
+    margin-bottom: 8px;
+    text-rendering: optimizeLegibility;
+}
+
+table {
+    width: 80%;
+    margin: auto;
+}
+
+table, th, td {
+    border: 1px solid #000;
+    border-collapse: collapse;
+}
+
+th {
+    background-color: #ddd
+}
+
+th, td {
+    padding: 15px;
+}
+</style>
+<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.15.0</td><td class="string">2.15.0</td><td class="string">^2.14.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.15.0</td><td class="string">2.10.11</td><td class="string">^2.10.11</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.0.5</td><td class="string">6.0.5</td><td class="string">^6.0.5</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.1</td><td class="string">7.0.1</td><td class="string">^7.0.1</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.10.0</td><td class="string">11.10.0</td><td class="string">^11.9.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.2</td><td class="string">5.8.4</td><td class="string">^5.8.4</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.2</td><td class="string">5.10.1</td><td class="string">^5.8.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/styles</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.2</td><td class="string">5.9.3</td><td class="string">^5.8.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui-org/material-ui-x.git</td><td class="string">5.0.0-beta.6</td><td class="string">5.0.0-beta.6</td><td class="string">^5.0.0-alpha.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.3.1</td><td class="string">2.3.1</td><td class="string">^2.3.1</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/date-fns/date-fns.git</td><td class="string">2.29.2</td><td class="string">2.29.2</td><td class="string">^2.28.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment.git</td><td class="string">2.29.4</td><td class="string">2.29.1</td><td class="string">^2.29.1</td><td class="string">Iskren Ivov Chernev <iskren.chernev@gmail.com> (https://github.com/ichernev)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-dom</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.0-beta.10</td><td class="string">9.0.0-beta.10</td><td class="string">^9.0.0-beta.6</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-sortable-hoc</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/react-sortable-hoc.git</td><td class="string">2.0.0</td><td class="string">2.0.0</td><td class="string">^2.0.0</td><td class="string">Clauderic Demers me@ced.io</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.54.5</td><td class="string">1.35.1</td><td class="string">^1.35.1</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.4.2</td><td class="string">1.4.2</td><td class="string">^1.4.2</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">1.1.2</td><td class="string">1.1.2</td><td class="string">^1.0.1</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
+</body>
+</html>