fix: Use correct formatting settings for ui.table (#326)

- Wasn't passing the settings into `IrisGrid`
- Pull the settings from redux and pass them to `IrisGrid`
- Fixes #315
- Verified using the steps in the ticket. The table uses the correct
time zone.

plugins/ui/src/js/package.json

@@ -53,9 +53,11 @@
     "@deephaven/log": "0.62.0",
     "@deephaven/plugin": "0.62.0",
     "@deephaven/react-hooks": "0.62.0",
+    "@deephaven/redux": "0.62.0",
     "@deephaven/utils": "0.62.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@react-types/shared": "^3.22.0",
+    "react-redux": "^7.x",
     "json-rpc-2.0": "^1.6.0",
     "shortid": "^2.2.16"
   },

plugins/ui/src/js/src/elements/UITable.tsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useMemo, useState } from 'react';
+import { useSelector } from 'react-redux';
 import {
   DehydratedQuickFilter,
   IrisGrid,
@@ -10,6 +11,7 @@ import {
 import { useApi } from '@deephaven/jsapi-bootstrap';
 import type { Table } from '@deephaven/jsapi-types';
 import Log from '@deephaven/log';
+import { getSettings } from '@deephaven/redux';
 import { UITableProps } from './UITableUtils';
 
 const log = Log.module('@deephaven/js-plugin-ui/UITable');
@@ -26,6 +28,7 @@ function UITable({
   const [model, setModel] = useState<IrisGridModel>();
   const [columns, setColumns] = useState<Table['columns']>();
   const utils = useMemo(() => new IrisGridUtils(dh), [dh]);
+  const settings = useSelector(getSettings);
 
   const hydratedSorts = useMemo(() => {
     if (sorts !== undefined && columns !== undefined) {
@@ -81,13 +84,15 @@ function UITable({
       showSearchBar: canSearch,
       sorts: hydratedSorts,
       quickFilters: hydratedQuickFilters,
+      settings,
     }),
     [
       onRowDoublePress,
       alwaysFetchColumns,
       canSearch,
       hydratedSorts,
       hydratedQuickFilters,
+      settings,
     ]
   );