@deephaven/jsapi-components 0.13.7

package/LICENSE

@@ -0,0 +1,176 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS

package/README.md

@@ -0,0 +1,17 @@
+# @deephaven/jsapi-components
+
+This is a component library of Deephaven React components dependent on JSAPI. See [./src/index.ts](./src/index.ts) for a list of components that can be imported into your package.
+
+## Install
+
+```bash
+npm install --save @deephaven/jsapi-components
+```
+
+## Usage
+
+```javascript
+import { TableInput } from '@deephaven/jsapi-components';
+
+<TableInput table={table} />
+```

package/dist/ColumnNameError.d.ts

@@ -0,0 +1,5 @@
+declare class ColumnNameError extends Error {
+    isColumnNameError: boolean;
+}
+export default ColumnNameError;
+//# sourceMappingURL=ColumnNameError.d.ts.map

package/dist/ColumnNameError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnNameError.d.ts","sourceRoot":"","sources":["../src/ColumnNameError.ts"],"names":[],"mappings":"AAAA,cAAM,eAAgB,SAAQ,KAAK;IACjC,iBAAiB,UAAQ;CAC1B;AAED,eAAe,eAAe,CAAC"}

package/dist/ColumnNameError.js

@@ -0,0 +1,13 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+class ColumnNameError extends Error {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "isColumnNameError", true);
+  }
+
+}
+
+export default ColumnNameError;
+//# sourceMappingURL=ColumnNameError.js.map

package/dist/ColumnNameError.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ColumnNameError.ts"],"names":["ColumnNameError","Error"],"mappings":";;AAAA,MAAMA,eAAN,SAA8BC,KAA9B,CAAoC;AAAA;AAAA;;AAAA,+CACd,IADc;AAAA;;AAAA;;AAIpC,eAAeD,eAAf","sourcesContent":["class ColumnNameError extends Error {\n  isColumnNameError = true;\n}\n\nexport default ColumnNameError;\n"],"file":"ColumnNameError.js"}

package/dist/TableDisconnectError.d.ts

@@ -0,0 +1,5 @@
+declare class TableDisconnectError extends Error {
+    isTableDisconnectError: boolean;
+}
+export default TableDisconnectError;
+//# sourceMappingURL=TableDisconnectError.d.ts.map

package/dist/TableDisconnectError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableDisconnectError.d.ts","sourceRoot":"","sources":["../src/TableDisconnectError.ts"],"names":[],"mappings":"AAAA,cAAM,oBAAqB,SAAQ,KAAK;IACtC,sBAAsB,UAAQ;CAC/B;AAED,eAAe,oBAAoB,CAAC"}

package/dist/TableDisconnectError.js

@@ -0,0 +1,13 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+class TableDisconnectError extends Error {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "isTableDisconnectError", true);
+  }
+
+}
+
+export default TableDisconnectError;
+//# sourceMappingURL=TableDisconnectError.js.map

package/dist/TableDisconnectError.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/TableDisconnectError.ts"],"names":["TableDisconnectError","Error"],"mappings":";;AAAA,MAAMA,oBAAN,SAAmCC,KAAnC,CAAyC;AAAA;AAAA;;AAAA,oDACd,IADc;AAAA;;AAAA;;AAIzC,eAAeD,oBAAf","sourcesContent":["class TableDisconnectError extends Error {\n  isTableDisconnectError = true;\n}\n\nexport default TableDisconnectError;\n"],"file":"TableDisconnectError.js"}

package/dist/TableInput.css

@@ -0,0 +1,13 @@
+.table-input-container .select-value-list-scroll-pane {
+  min-height: 2.4rem;
+  max-height: 12rem;
+  z-index: 0;
+}
+.table-input-container .meta-row {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  padding-top: 0.25rem;
+}
+
+/*# sourceMappingURL=TableInput.css.map */

package/dist/TableInput.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/TableInput.scss","../../components/scss/new_variables.scss"],"names":[],"mappings":"AAGE;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA,aCVO","file":"TableInput.css"}

package/dist/TableInput.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import type { LongWrapper, Table } from '@deephaven/jsapi-shim';
+import { DecimalColumnFormatterOptions, FormattingRule, IntegerColumnFormatterOptions } from '@deephaven/jsapi-utils';
+import './TableInput.scss';
+declare type Value = LongWrapper | string;
+interface Settings {
+    formatter: FormattingRule[];
+    timeZone: string;
+    defaultDateTimeFormat: string;
+    showTimeZone: boolean;
+    showTSeparator: boolean;
+    defaultDecimalFormatOptions?: DecimalColumnFormatterOptions;
+    defaultIntegerFormatOptions?: IntegerColumnFormatterOptions;
+}
+interface TableInputProps {
+    className?: string;
+    columnName: string;
+    settings: Settings;
+    defaultValue: Value[];
+    isInvalid?: boolean;
+    table: Promise<Table>;
+    onChange(items: Value[]): void;
+    onBlur?: () => void;
+}
+declare function TableInput(props: TableInputProps): JSX.Element;
+declare namespace TableInput {
+    var displayName: string;
+    var defaultProps: {
+        isInvalid: boolean;
+        className: undefined;
+    };
+}
+export default TableInput;
+//# sourceMappingURL=TableInput.d.ts.map

package/dist/TableInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableInput.d.ts","sourceRoot":"","sources":["../src/TableInput.tsx"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGhE,OAAO,EACL,6BAA6B,EAG7B,cAAc,EACd,6BAA6B,EAC9B,MAAM,wBAAwB,CAAC;AAGhC,OAAO,mBAAmB,CAAC;AAI3B,aAAK,KAAK,GAAG,WAAW,GAAG,MAAM,CAAC;AAQlC,UAAU,QAAQ;IAChB,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,2BAA2B,CAAC,EAAE,6BAA6B,CAAC;IAC5D,2BAA2B,CAAC,EAAE,6BAA6B,CAAC;CAC7D;AAED,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,KAAK,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CA+PvD;kBA/PQ,UAAU;;;;;;;AAwQnB,eAAe,UAAU,CAAC"}

package/dist/TableInput.js

@@ -0,0 +1,233 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+import React, { useCallback, useState, useRef, useEffect, useMemo } from 'react';
+import classNames from 'classnames';
+import { LoadingOverlay, SearchInput, SelectValueList } from '@deephaven/components';
+import { PromiseUtils } from '@deephaven/utils';
+import Log from '@deephaven/log';
+import { Formatter, FormatterUtils } from '@deephaven/jsapi-utils';
+import useTableColumn from "./useTableColumn.js";
+import "./TableInput.css";
+var log = Log.module('TableInput');
+var SIZE_LIMIT = 250;
+
+function TableInput(props) {
+  var _table$size, _error$message;
+
+  var {
+    className = undefined,
+    columnName,
+    settings,
+    defaultValue = [],
+    isInvalid = false,
+    onChange = () => false,
+    onBlur = () => false,
+    table: tablePromise
+  } = props;
+  var parentRef = useRef(null);
+  var formatter = useMemo(() => {
+    var columnFormats = FormatterUtils.getColumnFormats(settings);
+    var dateTimeFormatterOptions = FormatterUtils.getDateTimeFormatterOptions(settings);
+    var {
+      defaultDecimalFormatOptions = {},
+      defaultIntegerFormatOptions = {}
+    } = settings;
+    return new Formatter(columnFormats, dateTimeFormatterOptions, defaultDecimalFormatOptions, defaultIntegerFormatOptions);
+  }, [settings]);
+  var [searchValue, setSearchValue] = useState('');
+  var [selection, setSelection] = useState(new Set(defaultValue));
+  var [table, setTable] = useState();
+  var listRef = useRef(null);
+  var itemCount = Math.min((_table$size = table === null || table === void 0 ? void 0 : table.size) !== null && _table$size !== void 0 ? _table$size : 0, SIZE_LIMIT);
+  var {
+    column,
+    data,
+    error
+  } = useTableColumn(table, 0, SIZE_LIMIT - 1, columnName);
+  var formatValue = useCallback(value => column ? formatter.getFormattedString(value, column.type, column.name) : "".concat(value), [column, formatter]);
+  var [items, updatedSelection] = useMemo(() => {
+    var removedItems = new Set(selection);
+    var result = [];
+
+    if (data == null) {
+      // Viewport not initialized
+      return [result, null];
+    }
+
+    data.forEach(v => {
+      var value = "".concat(v);
+      var isSelected = selection.has(value);
+
+      if (isSelected) {
+        removedItems.delete(value);
+      }
+
+      result.push({
+        value,
+        displayValue: formatValue(v),
+        isSelected
+      });
+    });
+
+    if (removedItems.size > 0) {
+      log.debug2('Selection has items that are missing from the viewport');
+      var newSelection = new Set(selection);
+      Array.from(removedItems).forEach(value => {
+        newSelection.delete(value);
+      });
+      return [result, newSelection];
+    }
+
+    return [result, null];
+  }, [data, selection, formatValue]);
+  useEffect(() => {
+    if (updatedSelection !== null) {
+      setSelection(updatedSelection);
+      onChange(Array.from(updatedSelection));
+    }
+  }, [onChange, updatedSelection]);
+  var initTable = useCallback( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(function* (promise) {
+      try {
+        var resolved = yield promise;
+        log.debug('Table resolved', resolved);
+        setTable(resolved);
+      } catch (e) {
+        if (PromiseUtils.isCanceled(e)) {
+          return;
+        }
+
+        log.error(e);
+      }
+    });
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), []);
+  useEffect(() => {
+    var cancelablePromise = PromiseUtils.makeCancelable(tablePromise);
+    initTable(cancelablePromise);
+    return () => {
+      log.debug2('Cancel table promise');
+      cancelablePromise.cancel();
+    };
+  }, [tablePromise, initTable]); // Scroll the item matching the input into view
+
+  var handleSearchChange = useCallback(e => {
+    var {
+      value
+    } = e.target;
+    setSearchValue(value);
+    var index = items.findIndex(item => item.displayValue.includes(value));
+
+    if (index > -1) {
+      var _listRef$current;
+
+      log.debug2("Found ".concat(value, " at index ").concat(index));
+      (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.scrollIntoView(index);
+    } else {
+      log.debug2("".concat(value, " not found"));
+    }
+  }, [items, listRef]);
+  var handleSelect = useCallback(index => {
+    log.debug('handleSelect', index);
+
+    if (index >= items.length) {
+      log.error('Invalid index', index);
+      return;
+    }
+
+    var selectedValue = items[index].value;
+    var newSelection = new Set(selection);
+
+    if (items[index].isSelected) {
+      newSelection.delete(selectedValue);
+    } else {
+      newSelection.add(selectedValue);
+    }
+
+    setSelection(newSelection);
+    onChange(Array.from(newSelection));
+  }, [onChange, items, selection]);
+  var handleSelectAll = useCallback(() => {
+    var values = items.map(item => item.value);
+    var newSelection = new Set(values);
+    setSelection(newSelection);
+    onChange(values);
+  }, [items, onChange]);
+  var handleClearSelection = useCallback(() => {
+    setSelection(new Set());
+    onChange([]);
+  }, [onChange]);
+  var handleViewportChange = useCallback(() => {// no-op
+  }, []);
+  var handleChildBlur = useCallback(e => {
+    var _parentRef$current;
+
+    var {
+      relatedTarget
+    } = e;
+    log.debug('handleChildBlur', relatedTarget, relatedTarget instanceof HTMLElement, parentRef.current, (_parentRef$current = parentRef.current) === null || _parentRef$current === void 0 ? void 0 : _parentRef$current.contains(relatedTarget));
+
+    if (!relatedTarget || parentRef.current && relatedTarget instanceof HTMLElement && !parentRef.current.contains(relatedTarget)) {
+      onBlur();
+    }
+  }, [onBlur]);
+  var isEmpty = items.length === 0;
+  return /*#__PURE__*/React.createElement("div", {
+    ref: parentRef,
+    className: classNames('table-input-container d-flex flex-column position-relative', className)
+  }, /*#__PURE__*/React.createElement(SearchInput, {
+    disabled: !!error || isEmpty,
+    value: searchValue,
+    placeholder: "Search",
+    onChange: handleSearchChange,
+    className: "mb-2 d-flex",
+    onBlur: handleChildBlur
+  }), /*#__PURE__*/React.createElement(SelectValueList, {
+    className: "table-input-list",
+    disabled: table === undefined || isEmpty,
+    isInvalid: isInvalid,
+    items: isEmpty ? [{
+      value: 'Empty',
+      isSelected: false
+    }] : items,
+    itemCount: itemCount,
+    offset: 0,
+    onSelect: handleSelect,
+    onViewportChange: handleViewportChange,
+    ref: listRef,
+    onBlur: handleChildBlur
+  }), table && /*#__PURE__*/React.createElement("div", {
+    className: "meta-row"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "d-flex align-items-center text-muted small"
+  }, table && table.size > itemCount && /*#__PURE__*/React.createElement(React.Fragment, null, "Table is too large, showing the first ", SIZE_LIMIT, " items.")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "btn btn-link",
+    onBlur: handleChildBlur,
+    onClick: handleSelectAll
+  }, "Select All"), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "btn btn-link mr-a",
+    onBlur: handleChildBlur,
+    onClick: handleClearSelection
+  }, "Clear"))), !table || error && /*#__PURE__*/React.createElement("div", {
+    className: "h-100 w-100 position-absolute"
+  }, /*#__PURE__*/React.createElement(LoadingOverlay, {
+    isLoaded: !!table,
+    isLoading: !table && !error,
+    errorMessage: (_error$message = error === null || error === void 0 ? void 0 : error.message) !== null && _error$message !== void 0 ? _error$message : null
+  })));
+}
+
+TableInput.displayName = 'TableInput';
+TableInput.defaultProps = {
+  isInvalid: false,
+  className: undefined
+};
+export default TableInput;
+//# sourceMappingURL=TableInput.js.map

package/dist/TableInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/TableInput.tsx"],"names":["React","useCallback","useState","useRef","useEffect","useMemo","classNames","LoadingOverlay","SearchInput","SelectValueList","PromiseUtils","Log","Formatter","FormatterUtils","useTableColumn","log","module","SIZE_LIMIT","TableInput","props","className","undefined","columnName","settings","defaultValue","isInvalid","onChange","onBlur","table","tablePromise","parentRef","formatter","columnFormats","getColumnFormats","dateTimeFormatterOptions","getDateTimeFormatterOptions","defaultDecimalFormatOptions","defaultIntegerFormatOptions","searchValue","setSearchValue","selection","setSelection","Set","setTable","listRef","itemCount","Math","min","size","column","data","error","formatValue","value","getFormattedString","type","name","items","updatedSelection","removedItems","result","forEach","v","isSelected","has","delete","push","displayValue","debug2","newSelection","Array","from","initTable","promise","resolved","debug","e","isCanceled","cancelablePromise","makeCancelable","cancel","handleSearchChange","target","index","findIndex","item","includes","current","scrollIntoView","handleSelect","length","selectedValue","add","handleSelectAll","values","map","handleClearSelection","handleViewportChange","handleChildBlur","relatedTarget","HTMLElement","contains","isEmpty","message","displayName","defaultProps"],"mappings":"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","sourcesContent":["import React, {\n  useCallback,\n  useState,\n  useRef,\n  useEffect,\n  useMemo,\n} from 'react';\nimport classNames from 'classnames';\nimport {\n  LoadingOverlay,\n  SearchInput,\n  SelectValueList,\n} from '@deephaven/components';\nimport type { LongWrapper, Table } from '@deephaven/jsapi-shim';\nimport { PromiseUtils } from '@deephaven/utils';\nimport Log from '@deephaven/log';\nimport {\n  DecimalColumnFormatterOptions,\n  Formatter,\n  FormatterUtils,\n  FormattingRule,\n  IntegerColumnFormatterOptions,\n} from '@deephaven/jsapi-utils';\nimport useTableColumn from './useTableColumn';\n\nimport './TableInput.scss';\n\nconst log = Log.module('TableInput');\n\ntype Value = LongWrapper | string;\n\ninterface SelectValueItem {\n  displayValue: string;\n  value: Value;\n  isSelected: boolean;\n}\n\ninterface Settings {\n  formatter: FormattingRule[];\n  timeZone: string;\n  defaultDateTimeFormat: string;\n  showTimeZone: boolean;\n  showTSeparator: boolean;\n  defaultDecimalFormatOptions?: DecimalColumnFormatterOptions;\n  defaultIntegerFormatOptions?: IntegerColumnFormatterOptions;\n}\n\ninterface TableInputProps {\n  className?: string;\n  columnName: string;\n  settings: Settings;\n  defaultValue: Value[];\n  isInvalid?: boolean;\n  table: Promise<Table>;\n  onChange(items: Value[]): void;\n  onBlur?: () => void;\n}\n\nconst SIZE_LIMIT = 250;\n\nfunction TableInput(props: TableInputProps): JSX.Element {\n  const {\n    className = undefined,\n    columnName,\n    settings,\n    defaultValue = [],\n    isInvalid = false,\n    onChange = () => false,\n    onBlur = () => false,\n    table: tablePromise,\n  } = props;\n  const parentRef = useRef<HTMLDivElement>(null);\n  const formatter = useMemo(() => {\n    const columnFormats = FormatterUtils.getColumnFormats(settings);\n    const dateTimeFormatterOptions = FormatterUtils.getDateTimeFormatterOptions(\n      settings\n    );\n    const {\n      defaultDecimalFormatOptions = {},\n      defaultIntegerFormatOptions = {},\n    } = settings;\n    return new Formatter(\n      columnFormats,\n      dateTimeFormatterOptions,\n      defaultDecimalFormatOptions,\n      defaultIntegerFormatOptions\n    );\n  }, [settings]);\n  const [searchValue, setSearchValue] = useState('');\n  const [selection, setSelection] = useState(new Set(defaultValue));\n  const [table, setTable] = useState<Table | undefined>();\n  const listRef = useRef<SelectValueList<Value>>(null);\n\n  const itemCount = Math.min(table?.size ?? 0, SIZE_LIMIT);\n\n  const { column, data, error } = useTableColumn(\n    table,\n    0,\n    SIZE_LIMIT - 1,\n    columnName\n  );\n\n  const formatValue = useCallback(\n    value =>\n      column\n        ? formatter.getFormattedString(value, column.type, column.name)\n        : `${value}`,\n    [column, formatter]\n  );\n\n  const [items, updatedSelection] = useMemo(() => {\n    const removedItems = new Set(selection);\n    const result: SelectValueItem[] = [];\n    if (data == null) {\n      // Viewport not initialized\n      return [result, null];\n    }\n    (data as Value[]).forEach(v => {\n      const value = `${v}`;\n      const isSelected = selection.has(value);\n      if (isSelected) {\n        removedItems.delete(value);\n      }\n      result.push({\n        value,\n        displayValue: formatValue(v),\n        isSelected,\n      });\n    });\n\n    if (removedItems.size > 0) {\n      log.debug2('Selection has items that are missing from the viewport');\n      const newSelection = new Set(selection);\n      Array.from(removedItems).forEach(value => {\n        newSelection.delete(value);\n      });\n      return [result, newSelection];\n    }\n    return [result, null];\n  }, [data, selection, formatValue]);\n\n  useEffect(() => {\n    if (updatedSelection !== null) {\n      setSelection(updatedSelection);\n      onChange(Array.from(updatedSelection));\n    }\n  }, [onChange, updatedSelection]);\n\n  const initTable = useCallback(async promise => {\n    try {\n      const resolved = await promise;\n      log.debug('Table resolved', resolved);\n      setTable(resolved);\n    } catch (e) {\n      if (PromiseUtils.isCanceled(e)) {\n        return;\n      }\n      log.error(e);\n    }\n  }, []);\n\n  useEffect(() => {\n    const cancelablePromise = PromiseUtils.makeCancelable(tablePromise);\n    initTable(cancelablePromise);\n    return () => {\n      log.debug2('Cancel table promise');\n      cancelablePromise.cancel();\n    };\n  }, [tablePromise, initTable]);\n\n  // Scroll the item matching the input into view\n  const handleSearchChange = useCallback(\n    e => {\n      const { value } = e.target;\n      setSearchValue(value);\n      const index = items.findIndex(item => item.displayValue.includes(value));\n      if (index > -1) {\n        log.debug2(`Found ${value} at index ${index}`);\n        listRef.current?.scrollIntoView(index);\n      } else {\n        log.debug2(`${value} not found`);\n      }\n    },\n    [items, listRef]\n  );\n\n  const handleSelect = useCallback(\n    index => {\n      log.debug('handleSelect', index);\n      if (index >= items.length) {\n        log.error('Invalid index', index);\n        return;\n      }\n      const selectedValue = items[index].value;\n      const newSelection = new Set(selection);\n      if (items[index].isSelected) {\n        newSelection.delete(selectedValue);\n      } else {\n        newSelection.add(selectedValue);\n      }\n      setSelection(newSelection);\n      onChange(Array.from(newSelection));\n    },\n    [onChange, items, selection]\n  );\n\n  const handleSelectAll = useCallback(() => {\n    const values = items.map(item => item.value);\n    const newSelection = new Set(values);\n    setSelection(newSelection);\n    onChange(values);\n  }, [items, onChange]);\n\n  const handleClearSelection = useCallback(() => {\n    setSelection(new Set());\n    onChange([]);\n  }, [onChange]);\n\n  const handleViewportChange = useCallback(() => {\n    // no-op\n  }, []);\n\n  const handleChildBlur = useCallback(\n    (e: React.FocusEvent<Element>) => {\n      const { relatedTarget } = e;\n      log.debug(\n        'handleChildBlur',\n        relatedTarget,\n        relatedTarget instanceof HTMLElement,\n        parentRef.current,\n        parentRef.current?.contains(relatedTarget)\n      );\n      if (\n        !relatedTarget ||\n        (parentRef.current &&\n          relatedTarget instanceof HTMLElement &&\n          !parentRef.current.contains(relatedTarget))\n      ) {\n        onBlur();\n      }\n    },\n    [onBlur]\n  );\n\n  const isEmpty = items.length === 0;\n\n  return (\n    <div\n      ref={parentRef}\n      className={classNames(\n        'table-input-container d-flex flex-column position-relative',\n        className\n      )}\n    >\n      <SearchInput\n        disabled={!!error || isEmpty}\n        value={searchValue}\n        placeholder=\"Search\"\n        onChange={handleSearchChange}\n        className=\"mb-2 d-flex\"\n        onBlur={handleChildBlur}\n      />\n      <SelectValueList\n        className=\"table-input-list\"\n        disabled={table === undefined || isEmpty}\n        isInvalid={isInvalid}\n        items={isEmpty ? [{ value: 'Empty', isSelected: false }] : items}\n        itemCount={itemCount}\n        offset={0}\n        onSelect={handleSelect}\n        onViewportChange={handleViewportChange}\n        ref={listRef}\n        onBlur={handleChildBlur}\n      />\n\n      {table && (\n        <div className=\"meta-row\">\n          <div className=\"d-flex align-items-center text-muted small\">\n            {table && table.size > itemCount && (\n              <>Table is too large, showing the first {SIZE_LIMIT} items.</>\n            )}\n          </div>\n          <div>\n            <button\n              type=\"button\"\n              className=\"btn btn-link\"\n              onBlur={handleChildBlur}\n              onClick={handleSelectAll}\n            >\n              Select All\n            </button>\n            <button\n              type=\"button\"\n              className=\"btn btn-link mr-a\"\n              onBlur={handleChildBlur}\n              onClick={handleClearSelection}\n            >\n              Clear\n            </button>\n          </div>\n        </div>\n      )}\n\n      {!table ||\n        (error && (\n          <div className=\"h-100 w-100 position-absolute\">\n            <LoadingOverlay\n              isLoaded={!!table}\n              isLoading={!table && !error}\n              errorMessage={error?.message ?? null}\n            />\n          </div>\n        ))}\n    </div>\n  );\n}\n\nTableInput.displayName = 'TableInput';\n\nTableInput.defaultProps = {\n  isInvalid: false,\n  className: undefined,\n};\n\nexport default TableInput;\n"],"file":"TableInput.js"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { default as TableInput } from './TableInput';
+export { default as useTable } from './useTable';
+export { default as useTableColumn } from './useTableColumn';
+export { default as useTableListener } from './useTableListener';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export { default as TableInput } from "./TableInput.js";
+export { default as useTable } from "./useTable.js";
+export { default as useTableColumn } from "./useTableColumn.js";
+export { default as useTableListener } from "./useTableListener.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":["default","TableInput","useTable","useTableColumn","useTableListener"],"mappings":"SAASA,OAAO,IAAIC,U;SACXD,OAAO,IAAIE,Q;SACXF,OAAO,IAAIG,c;SACXH,OAAO,IAAII,gB","sourcesContent":["export { default as TableInput } from './TableInput';\nexport { default as useTable } from './useTable';\nexport { default as useTableColumn } from './useTableColumn';\nexport { default as useTableListener } from './useTableListener';\n"],"file":"index.js"}

package/dist/useTable.d.ts

@@ -0,0 +1,8 @@
+import { Column, Table } from '@deephaven/jsapi-shim';
+declare const useTable: (table: Table | undefined, firstRow: number, lastRow: number, columnNames?: string[] | undefined) => {
+    columns: Column[] | undefined;
+    data: unknown[][];
+    error: Error | null;
+};
+export default useTable;
+//# sourceMappingURL=useTable.d.ts.map

package/dist/useTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.d.ts","sourceRoot":"","sources":["../src/useTable.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAO,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAQ3D,QAAA,MAAM,QAAQ,UACL,KAAK,GAAG,SAAS,YACd,MAAM,WACP,MAAM;aAGN,MAAM,EAAE,GAAG,SAAS;UACvB,OAAO,EAAE,EAAE;WACV,KAAK,GAAG,IAAI;CA0DpB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/useTable.js

@@ -0,0 +1,67 @@
+import { useCallback, useEffect, useState } from 'react';
+import Log from '@deephaven/log';
+import useTableListener from "./useTableListener.js";
+import ColumnNameError from "./ColumnNameError.js";
+import TableDisconnectError from "./TableDisconnectError.js";
+var log = Log.module('useTable');
+
+var useTable = (table, firstRow, lastRow, columnNames) => {
+  var [columns, setColumns] = useState(undefined);
+  var [data, setData] = useState([]);
+  var [columnError, setColumnError] = useState(null);
+  var [tableError, setTableError] = useState(null);
+  useEffect(() => {
+    if (columnNames === undefined) {
+      setColumns(table === null || table === void 0 ? void 0 : table.columns);
+      setColumnError(null);
+      return;
+    }
+
+    try {
+      setColumns(table === null || table === void 0 ? void 0 : table.findColumns(columnNames));
+      setColumnError(null);
+    } catch (e) {
+      log.error("Column not found", e, columnNames);
+      setColumnError(new ColumnNameError('Invalid columnNames argument'));
+    }
+  }, [table, columnNames]);
+  useEffect(() => {
+    if (!columns || !table) {
+      log.debug2('Table or column not initialized, skip viewport update.');
+      return;
+    }
+
+    log.debug2('Setting viewport', firstRow, lastRow);
+    table.setViewport(firstRow, lastRow, columns);
+  }, [columns, table, firstRow, lastRow]);
+  var handleUpdate = useCallback(_ref => {
+    var {
+      detail
+    } = _ref;
+
+    if (!columns) {
+      log.error('Columns not initialized.');
+      return;
+    }
+
+    var viewportData = columns.map(column => detail.rows.map(r => r.get(column)));
+    setData(viewportData);
+  }, [columns]);
+  var handleDisconnect = useCallback(() => {
+    setTableError(new TableDisconnectError('Table disconnected'));
+  }, []);
+  var handleReconnect = useCallback(() => {
+    setTableError(null);
+  }, []);
+  useTableListener(table, dh.Table.EVENT_UPDATED, handleUpdate);
+  useTableListener(table, dh.Table.EVENT_DISCONNECT, handleDisconnect);
+  useTableListener(table, dh.Table.EVENT_RECONNECT, handleReconnect);
+  return {
+    columns,
+    data,
+    error: tableError !== null && tableError !== void 0 ? tableError : columnError
+  };
+};
+
+export default useTable;
+//# sourceMappingURL=useTable.js.map

package/dist/useTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useTable.ts"],"names":["useCallback","useEffect","useState","Log","useTableListener","ColumnNameError","TableDisconnectError","log","module","useTable","table","firstRow","lastRow","columnNames","columns","setColumns","undefined","data","setData","columnError","setColumnError","tableError","setTableError","findColumns","e","error","debug2","setViewport","handleUpdate","detail","viewportData","map","column","rows","r","get","handleDisconnect","handleReconnect","dh","Table","EVENT_UPDATED","EVENT_DISCONNECT","EVENT_RECONNECT"],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { Column, Row, Table } from '@deephaven/jsapi-shim';\nimport Log from '@deephaven/log';\nimport useTableListener from './useTableListener';\nimport ColumnNameError from './ColumnNameError';\nimport TableDisconnectError from './TableDisconnectError';\n\nconst log = Log.module('useTable');\n\nconst useTable = (\n  table: Table | undefined,\n  firstRow: number,\n  lastRow: number,\n  columnNames?: string[]\n): {\n  columns: Column[] | undefined;\n  data: unknown[][];\n  error: Error | null;\n} => {\n  const [columns, setColumns] = useState<Column[] | undefined>(undefined);\n  const [data, setData] = useState<unknown[][]>([]);\n  const [columnError, setColumnError] = useState<Error | null>(null);\n  const [tableError, setTableError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    if (columnNames === undefined) {\n      setColumns(table?.columns);\n      setColumnError(null);\n      return;\n    }\n    try {\n      setColumns(table?.findColumns(columnNames));\n      setColumnError(null);\n    } catch (e) {\n      log.error(`Column not found`, e, columnNames);\n      setColumnError(new ColumnNameError('Invalid columnNames argument'));\n    }\n  }, [table, columnNames]);\n\n  useEffect(() => {\n    if (!columns || !table) {\n      log.debug2('Table or column not initialized, skip viewport update.');\n      return;\n    }\n    log.debug2('Setting viewport', firstRow, lastRow);\n    table.setViewport(firstRow, lastRow, columns);\n  }, [columns, table, firstRow, lastRow]);\n\n  const handleUpdate = useCallback(\n    ({ detail }) => {\n      if (!columns) {\n        log.error('Columns not initialized.');\n        return;\n      }\n      const viewportData = columns.map(column =>\n        (detail.rows as Row[]).map(r => r.get(column))\n      );\n      setData(viewportData);\n    },\n    [columns]\n  );\n\n  const handleDisconnect = useCallback(() => {\n    setTableError(new TableDisconnectError('Table disconnected'));\n  }, []);\n\n  const handleReconnect = useCallback(() => {\n    setTableError(null);\n  }, []);\n\n  useTableListener(table, dh.Table.EVENT_UPDATED, handleUpdate);\n  useTableListener(table, dh.Table.EVENT_DISCONNECT, handleDisconnect);\n  useTableListener(table, dh.Table.EVENT_RECONNECT, handleReconnect);\n\n  return { columns, data, error: tableError ?? columnError };\n};\n\nexport default useTable;\n"],"file":"useTable.js"}

package/dist/useTableColumn.d.ts

@@ -0,0 +1,16 @@
+import { Column, Table } from '@deephaven/jsapi-shim';
+/**
+ * Subscribe to viewport updates on a single table column
+ * @param table Table to get the data from
+ * @param firstRow First viewport row
+ * @param lastRow Last viewport row
+ * @param columnName Column to get the data from
+ * @returns Column object, data array for the column, error, setViewport method
+ */
+declare const useTableColumn: (table: Table | undefined, firstRow: number, lastRow: number, columnName: string) => {
+    column: Column | undefined;
+    data: unknown[];
+    error: Error | null;
+};
+export default useTableColumn;
+//# sourceMappingURL=useTableColumn.d.ts.map

package/dist/useTableColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableColumn.d.ts","sourceRoot":"","sources":["../src/useTableColumn.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGtD;;;;;;;GAOG;AACH,QAAA,MAAM,cAAc,UACX,KAAK,GAAG,SAAS,YACd,MAAM,WACP,MAAM,cACH,MAAM;YAEV,MAAM,GAAG,SAAS;UACpB,OAAO,EAAE;WACR,KAAK,GAAG,IAAI;CAcpB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/useTableColumn.js

@@ -0,0 +1,27 @@
+import { useMemo } from 'react';
+import useTable from "./useTable.js";
+/**
+ * Subscribe to viewport updates on a single table column
+ * @param table Table to get the data from
+ * @param firstRow First viewport row
+ * @param lastRow Last viewport row
+ * @param columnName Column to get the data from
+ * @returns Column object, data array for the column, error, setViewport method
+ */
+
+var useTableColumn = (table, firstRow, lastRow, columnName) => {
+  var columnNames = useMemo(() => [columnName], [columnName]);
+  var {
+    columns = [],
+    data = [],
+    error
+  } = useTable(table, firstRow, lastRow, columnNames);
+  return {
+    column: columns[0],
+    data: data[0],
+    error
+  };
+};
+
+export default useTableColumn;
+//# sourceMappingURL=useTableColumn.js.map

package/dist/useTableColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useTableColumn.ts"],"names":["useMemo","useTable","useTableColumn","table","firstRow","lastRow","columnName","columnNames","columns","data","error","column"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB;OAEOC,Q;AAEP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,IAAMC,cAAc,GAAG,CACrBC,KADqB,EAErBC,QAFqB,EAGrBC,OAHqB,EAIrBC,UAJqB,KASlB;AACH,MAAMC,WAAW,GAAGP,OAAO,CAAC,MAAM,CAACM,UAAD,CAAP,EAAqB,CAACA,UAAD,CAArB,CAA3B;AACA,MAAM;AAAEE,IAAAA,OAAO,GAAG,EAAZ;AAAgBC,IAAAA,IAAI,GAAG,EAAvB;AAA2BC,IAAAA;AAA3B,MAAqCT,QAAQ,CACjDE,KADiD,EAEjDC,QAFiD,EAGjDC,OAHiD,EAIjDE,WAJiD,CAAnD;AAMA,SAAO;AACLI,IAAAA,MAAM,EAAEH,OAAO,CAAC,CAAD,CADV;AAELC,IAAAA,IAAI,EAAEA,IAAI,CAAC,CAAD,CAFL;AAGLC,IAAAA;AAHK,GAAP;AAKD,CAtBD;;AAwBA,eAAeR,cAAf","sourcesContent":["import { useMemo } from 'react';\nimport { Column, Table } from '@deephaven/jsapi-shim';\nimport useTable from './useTable';\n\n/**\n * Subscribe to viewport updates on a single table column\n * @param table Table to get the data from\n * @param firstRow First viewport row\n * @param lastRow Last viewport row\n * @param columnName Column to get the data from\n * @returns Column object, data array for the column, error, setViewport method\n */\nconst useTableColumn = (\n  table: Table | undefined,\n  firstRow: number,\n  lastRow: number,\n  columnName: string\n): {\n  column: Column | undefined;\n  data: unknown[];\n  error: Error | null;\n} => {\n  const columnNames = useMemo(() => [columnName], [columnName]);\n  const { columns = [], data = [], error } = useTable(\n    table,\n    firstRow,\n    lastRow,\n    columnNames\n  );\n  return {\n    column: columns[0],\n    data: data[0],\n    error,\n  };\n};\n\nexport default useTableColumn;\n"],"file":"useTableColumn.js"}

package/dist/useTableListener.d.ts

@@ -0,0 +1,4 @@
+import { Evented, EventListener } from '@deephaven/jsapi-shim';
+export declare const useTableListener: (eventEmitter: Evented | undefined, eventName: string, callback: EventListener) => void;
+export default useTableListener;
+//# sourceMappingURL=useTableListener.d.ts.map

package/dist/useTableListener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableListener.d.ts","sourceRoot":"","sources":["../src/useTableListener.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAK/D,eAAO,MAAM,gBAAgB,iBACb,OAAO,GAAG,SAAS,aACtB,MAAM,YACP,aAAa,KACtB,IAWA,CAAC;AAEJ,eAAe,gBAAgB,CAAC"}

package/dist/useTableListener.js

@@ -0,0 +1,14 @@
+import { useEffect } from 'react';
+import Log from '@deephaven/log';
+var log = Log.module('useTableListener');
+export var useTableListener = (eventEmitter, eventName, callback) => useEffect(function initEventEmitter() {
+  if (eventEmitter === undefined) {
+    log.debug2('Emitter undefined, skipping addEventListener', eventName);
+    return;
+  }
+
+  log.debug2('Adding listener', eventName);
+  return eventEmitter.addEventListener(eventName, callback);
+}, [eventEmitter, eventName, callback]);
+export default useTableListener;
+//# sourceMappingURL=useTableListener.js.map

package/dist/useTableListener.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useTableListener.ts"],"names":["useEffect","Log","log","module","useTableListener","eventEmitter","eventName","callback","initEventEmitter","undefined","debug2","addEventListener"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AAEA,OAAOC,GAAP,MAAgB,gBAAhB;AAEA,IAAMC,GAAG,GAAGD,GAAG,CAACE,MAAJ,CAAW,kBAAX,CAAZ;AAEA,OAAO,IAAMC,gBAAgB,GAAG,CAC9BC,YAD8B,EAE9BC,SAF8B,EAG9BC,QAH8B,KAK9BP,SAAS,CACP,SAASQ,gBAAT,GAA4B;AAC1B,MAAIH,YAAY,KAAKI,SAArB,EAAgC;AAC9BP,IAAAA,GAAG,CAACQ,MAAJ,CAAW,8CAAX,EAA2DJ,SAA3D;AACA;AACD;;AACDJ,EAAAA,GAAG,CAACQ,MAAJ,CAAW,iBAAX,EAA8BJ,SAA9B;AACA,SAAOD,YAAY,CAACM,gBAAb,CAA8BL,SAA9B,EAAyCC,QAAzC,CAAP;AACD,CARM,EASP,CAACF,YAAD,EAAeC,SAAf,EAA0BC,QAA1B,CATO,CALJ;AAiBP,eAAeH,gBAAf","sourcesContent":["import { useEffect } from 'react';\nimport { Evented, EventListener } from '@deephaven/jsapi-shim';\nimport Log from '@deephaven/log';\n\nconst log = Log.module('useTableListener');\n\nexport const useTableListener = (\n  eventEmitter: Evented | undefined,\n  eventName: string,\n  callback: EventListener\n): void =>\n  useEffect(\n    function initEventEmitter() {\n      if (eventEmitter === undefined) {\n        log.debug2('Emitter undefined, skipping addEventListener', eventName);\n        return;\n      }\n      log.debug2('Adding listener', eventName);\n      return eventEmitter.addEventListener(eventName, callback);\n    },\n    [eventEmitter, eventName, callback]\n  );\n\nexport default useTableListener;\n"],"file":"useTableListener.js"}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@deephaven/jsapi-components",
+  "version": "0.13.7",
+  "description": "Deephaven JSAPI Components",
+  "author": "Deephaven Data Labs LLC",
+  "license": "Apache-2.0",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/deephaven/web-client-ui.git",
+    "directory": "packages/jsapi-components"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "source": "src/index.ts",
+  "engines": {
+    "node": ">=16"
+  },
+  "scripts": {
+    "build": "cross-env NODE_ENV=production run-p build:*",
+    "build-dev": "cross-env NODE_ENV=development run-p build:*",
+    "babel": "babel ./src --out-dir ./dist --extensions \".ts,.tsx,.js,.jsx\" --source-maps --root-mode upward",
+    "sass": "sass ./src:./dist",
+    "build:babel": "npm run babel",
+    "build:sass": "npm run sass",
+    "watch": "run-p watch:*",
+    "watch:babel": "npm run babel -- -w --skip-initial-build",
+    "watch:sass": "npm run sass -- --watch --update",
+    "prestart": "npm run build-dev",
+    "start": "cross-env NODE_ENV=development npm run watch"
+  },
+  "dependencies": {
+    "@deephaven/components": "^0.13.7",
+    "@deephaven/jsapi-shim": "^0.13.0",
+    "@deephaven/jsapi-utils": "^0.13.7",
+    "@deephaven/log": "^0.13.0",
+    "@deephaven/utils": "^0.13.0",
+    "classnames": "^2.3.2",
+    "prop-types": "^15.8.1"
+  },
+  "devDependencies": {
+    "@deephaven/tsconfig": "^0.13.0",
+    "@testing-library/react-hooks": "^8.0.1",
+    "react-test-renderer": "^17.0.2"
+  },
+  "peerDependencies": {
+    "react": "^17.x"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "0f9ce526883e2d117359ccc232c10aaa09405554"
+}