@vuu-ui/vuu-data-react 0.8.33 → 0.8.34

package/cjs/hooks/useDataSource.js

@@ -0,0 +1,148 @@
+'use strict';
+
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var react = require('react');
+
+const { SELECTED } = vuuUtils.metadataKeys;
+function useDataSource({
+  dataSource,
+  renderBufferSize = 10
+}) {
+  const [, forceUpdate] = react.useState(null);
+  const isMounted = react.useRef(true);
+  const hasUpdated = react.useRef(false);
+  const rafHandle = react.useRef(null);
+  const data = react.useRef([]);
+  const rangeRef = react.useRef({ from: 0, to: 10 });
+  const dataWindow = react.useMemo(
+    () => new MovingWindow(vuuUtils.getFullRange(rangeRef.current, renderBufferSize)),
+    [renderBufferSize]
+  );
+  const setData = react.useCallback(
+    (updates) => {
+      for (const row of updates) {
+        dataWindow.add(row);
+      }
+      data.current = dataWindow.data.slice();
+      hasUpdated.current = true;
+    },
+    [dataWindow]
+  );
+  const datasourceMessageHandler = react.useCallback(
+    (message) => {
+      if (message.type === "viewport-update") {
+        if (message.size !== void 0) {
+          dataWindow.setRowCount(message.size);
+        }
+        if (message.rows) {
+          setData(message.rows);
+          forceUpdate({});
+        } else if (message.size !== void 0) {
+          data.current = dataWindow.data.slice();
+          hasUpdated.current = true;
+        }
+      }
+    },
+    [dataWindow, setData]
+  );
+  react.useEffect(
+    () => () => {
+      if (rafHandle.current) {
+        cancelAnimationFrame(rafHandle.current);
+        rafHandle.current = null;
+      }
+      isMounted.current = false;
+    },
+    []
+  );
+  const setRange = react.useCallback(
+    (range) => {
+      rangeRef.current = range;
+      const fullRange = vuuUtils.getFullRange(rangeRef.current, renderBufferSize);
+      dataSource.range = fullRange;
+      dataWindow.setRange(fullRange.from, fullRange.to);
+    },
+    [dataSource, dataWindow, renderBufferSize]
+  );
+  react.useMemo(() => {
+    const { from, to } = rangeRef.current;
+    const fullRange = vuuUtils.getFullRange({ from, to }, renderBufferSize);
+    dataSource.range = fullRange;
+    dataWindow.setRange(fullRange.from, fullRange.to);
+  }, [dataSource, dataWindow, renderBufferSize]);
+  react.useEffect(() => {
+    const { from, to } = vuuUtils.getFullRange(rangeRef.current, renderBufferSize);
+    dataSource.subscribe(
+      {
+        range: { from, to }
+      },
+      datasourceMessageHandler
+    );
+  }, [dataSource, datasourceMessageHandler, renderBufferSize]);
+  react.useEffect(
+    () => () => {
+      dataSource.unsubscribe();
+    },
+    [dataSource]
+  );
+  return [
+    data.current,
+    dataWindow.rowCount,
+    vuuUtils.getFullRange(rangeRef.current, renderBufferSize),
+    setRange
+  ];
+}
+class MovingWindow {
+  constructor({ from, to }) {
+    this.rowCount = 0;
+    this.setRowCount = (rowCount) => {
+      if (rowCount < this.data.length) {
+        this.data.length = rowCount;
+      }
+      this.rowCount = rowCount;
+    };
+    this.range = new vuuUtils.WindowRange(from, to);
+    this.data = new Array(to - from);
+  }
+  add(data) {
+    const [index] = data;
+    if (this.isWithinRange(index)) {
+      const internalIndex = index - this.range.from;
+      this.data[internalIndex] = data;
+      if (this.data[internalIndex - 1]) {
+        if (this.data[internalIndex - 1][SELECTED] === 1 && data[SELECTED] === 0) {
+          data[SELECTED] = 2;
+        }
+      }
+      if (index === this.rowCount - 1) {
+        this.data.length = internalIndex + 1;
+      }
+    }
+  }
+  getAtIndex(index) {
+    return this.range.isWithin(index) && this.data[index - this.range.from] != null ? this.data[index - this.range.from] : void 0;
+  }
+  isWithinRange(index) {
+    return this.range.isWithin(index);
+  }
+  setRange(from, to) {
+    if (from !== this.range.from || to !== this.range.to) {
+      const [overlapFrom, overlapTo] = this.range.overlap(from, to);
+      const newData = new Array(to - from);
+      for (let i = overlapFrom; i < overlapTo; i++) {
+        const data = this.getAtIndex(i);
+        if (data) {
+          const index = i - from;
+          newData[index] = data;
+        }
+      }
+      this.data = newData;
+      this.range.from = from;
+      this.range.to = to;
+    }
+  }
+}
+
+exports.MovingWindow = MovingWindow;
+exports.useDataSource = useDataSource;
+//# sourceMappingURL=useDataSource.js.map

package/cjs/hooks/useDataSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataSource.js","sources":["../../src/hooks/useDataSource.ts"],"sourcesContent":["// TODO is this hook needed ? it is currently used only in a vuu salt story\nimport type {\n  DataSource,\n  DataSourceRow,\n  SubscribeCallback,\n} from \"@vuu-ui/vuu-data-types\";\nimport type { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\nimport { getFullRange, metadataKeys, WindowRange } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nconst { SELECTED } = metadataKeys;\n\nexport interface DataSourceHookProps {\n  dataSource: DataSource;\n  renderBufferSize?: number;\n}\n\nexport function useDataSource({\n  dataSource,\n  renderBufferSize = 10,\n}: DataSourceHookProps): [\n  DataSourceRow[],\n  number,\n  VuuRange,\n  (range: VuuRange) => void\n] {\n  const [, forceUpdate] = useState<object | null>(null);\n  const isMounted = useRef(true);\n  const hasUpdated = useRef(false);\n  const rafHandle = useRef(null);\n  const data = useRef<DataSourceRow[]>([]);\n  const rangeRef = useRef({ from: 0, to: 10 });\n\n  const dataWindow = useMemo(\n    () => new MovingWindow(getFullRange(rangeRef.current, renderBufferSize)),\n    [renderBufferSize]\n  );\n\n  const setData = useCallback(\n    (updates: DataSourceRow[]) => {\n      for (const row of updates) {\n        dataWindow.add(row);\n      }\n      // Why bother with the slice ?\n      data.current = dataWindow.data.slice();\n\n      hasUpdated.current = true;\n    },\n    [dataWindow]\n  );\n\n  const datasourceMessageHandler: SubscribeCallback = useCallback(\n    (message) => {\n      if (message.type === \"viewport-update\") {\n        if (message.size !== undefined) {\n          dataWindow.setRowCount(message.size);\n        }\n        if (message.rows) {\n          setData(message.rows);\n          forceUpdate({});\n        } else if (message.size !== undefined) {\n          // TODO is this right ?\n          data.current = dataWindow.data.slice();\n          hasUpdated.current = true;\n        }\n      }\n    },\n    [dataWindow, setData]\n  );\n\n  useEffect(\n    () => () => {\n      if (rafHandle.current) {\n        cancelAnimationFrame(rafHandle.current);\n        rafHandle.current = null;\n      }\n      isMounted.current = false;\n    },\n    []\n  );\n\n  const setRange = useCallback(\n    (range) => {\n      rangeRef.current = range;\n      const fullRange = getFullRange(rangeRef.current, renderBufferSize);\n      dataSource.range = fullRange;\n      dataWindow.setRange(fullRange.from, fullRange.to);\n    },\n    [dataSource, dataWindow, renderBufferSize]\n  );\n\n  useMemo(() => {\n    const { from, to } = rangeRef.current;\n    const fullRange = getFullRange({ from, to }, renderBufferSize);\n    dataSource.range = fullRange;\n    dataWindow.setRange(fullRange.from, fullRange.to);\n  }, [dataSource, dataWindow, renderBufferSize]);\n\n  useEffect(() => {\n    const { from, to } = getFullRange(rangeRef.current, renderBufferSize);\n    dataSource.subscribe(\n      {\n        range: { from, to },\n      },\n      datasourceMessageHandler\n    );\n  }, [dataSource, datasourceMessageHandler, renderBufferSize]);\n\n  useEffect(\n    () => () => {\n      dataSource.unsubscribe();\n    },\n    [dataSource]\n  );\n\n  return [\n    data.current,\n    dataWindow.rowCount,\n    getFullRange(rangeRef.current, renderBufferSize),\n    setRange,\n  ];\n}\n\nexport class MovingWindow {\n  public data: DataSourceRow[];\n  public rowCount = 0;\n  private range: WindowRange;\n\n  constructor({ from, to }: VuuRange) {\n    this.range = new WindowRange(from, to);\n    this.data = new Array(to - from);\n  }\n\n  setRowCount = (rowCount: number) => {\n    if (rowCount < this.data.length) {\n      this.data.length = rowCount;\n    }\n    this.rowCount = rowCount;\n  };\n\n  add(data: DataSourceRow) {\n    const [index] = data;\n    if (this.isWithinRange(index)) {\n      const internalIndex = index - this.range.from;\n      this.data[internalIndex] = data;\n      if (this.data[internalIndex - 1]) {\n        // assign 'post-selected' selection state\n        if (\n          this.data[internalIndex - 1][SELECTED] === 1 &&\n          data[SELECTED] === 0\n        ) {\n          data[SELECTED] = 2;\n        }\n      }\n      if (index === this.rowCount - 1) {\n        this.data.length = internalIndex + 1;\n      }\n    }\n  }\n\n  getAtIndex(index: number) {\n    return this.range.isWithin(index) &&\n      this.data[index - this.range.from] != null\n      ? this.data[index - this.range.from]\n      : undefined;\n  }\n\n  isWithinRange(index: number) {\n    return this.range.isWithin(index);\n  }\n\n  setRange(from: number, to: number) {\n    if (from !== this.range.from || to !== this.range.to) {\n      const [overlapFrom, overlapTo] = this.range.overlap(from, to);\n      const newData = new Array(to - from);\n      for (let i = overlapFrom; i < overlapTo; i++) {\n        const data = this.getAtIndex(i);\n        if (data) {\n          const index = i - from;\n          newData[index] = data;\n        }\n      }\n      this.data = newData;\n      this.range.from = from;\n      this.range.to = to;\n    }\n  }\n}\n"],"names":["metadataKeys","useState","useRef","useMemo","getFullRange","useCallback","useEffect","WindowRange"],"mappings":"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"}

package/cjs/hooks/useLookupValues.js

@@ -0,0 +1,108 @@
+'use strict';
+
+var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
+var vuuShell = require('@vuu-ui/vuu-shell');
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var react = require('react');
+
+const NO_VALUES = [];
+const toListOption = (value) => ({
+  label: value,
+  value
+});
+const lookupValueMap = /* @__PURE__ */ new Map();
+const loadLookupValues = ({
+  labelColumn,
+  table,
+  valueColumn
+}) => {
+  const tableKey = `${table.module}:${table.table}`;
+  const lookupValues = lookupValueMap.get(tableKey);
+  if (lookupValues) {
+    return lookupValues;
+  } else {
+    const promise = new Promise((resolve) => {
+      const columns = [valueColumn, labelColumn];
+      const columnMap = vuuUtils.buildColumnMap(columns);
+      const dataSource = new vuuDataRemote.VuuDataSource({
+        bufferSize: 0,
+        table
+      });
+      dataSource.subscribe(
+        {
+          columns,
+          range: { from: 0, to: 100 }
+        },
+        (message) => {
+          if (message.type === "viewport-update") {
+            if (message.rows) {
+              const listOptions = message.rows.map((row) => ({
+                value: row[columnMap[valueColumn]],
+                label: row[columnMap[labelColumn]]
+              }));
+              resolve(listOptions);
+              dataSource.unsubscribe();
+            }
+          }
+        }
+      );
+    });
+    lookupValueMap.set(tableKey, promise);
+    return promise;
+  }
+};
+const getSelectedOption = (values, selectedValue) => {
+  if (selectedValue === void 0) {
+    return null;
+  }
+  return values.find((option) => option.value === selectedValue) ?? null;
+};
+const getLookupDetails = ({ name, type }) => {
+  if (vuuUtils.isTypeDescriptor(type) && vuuUtils.isLookupRenderer(type.renderer)) {
+    return type.renderer.lookup;
+  } else {
+    throw Error(
+      `useLookupValues column ${name} is not configured to use lookup values`
+    );
+  }
+};
+const useLookupValues = (column, initialValueProp) => {
+  const { type: columnType } = column;
+  const { getLookupValues } = vuuShell.useShellContext();
+  const initialState = react.useMemo(() => {
+    if (vuuUtils.isTypeDescriptor(columnType) && vuuUtils.isValueListRenderer(columnType?.renderer)) {
+      const values2 = columnType.renderer.values.map(toListOption);
+      return {
+        initialValue: getSelectedOption(values2, initialValueProp),
+        values: values2
+      };
+    } else {
+      const lookupDetails = getLookupDetails(column);
+      const values2 = getLookupValues?.(lookupDetails.table) ?? NO_VALUES;
+      return {
+        initialValue: getSelectedOption(values2, initialValueProp),
+        values: values2
+      };
+    }
+  }, [column, columnType, getLookupValues, initialValueProp]);
+  const [{ initialValue, values }, setLookupState] = react.useState(initialState);
+  react.useMemo(() => {
+    if (values === NO_VALUES) {
+      const lookupDetails = getLookupDetails(column);
+      loadLookupValues(lookupDetails).then(
+        (values2) => setLookupState({
+          initialValue: getSelectedOption(values2, initialValueProp),
+          values: values2
+        })
+      );
+    }
+  }, [values, column, initialValueProp]);
+  return {
+    initialValue,
+    values
+  };
+};
+
+exports.getSelectedOption = getSelectedOption;
+exports.useLookupValues = useLookupValues;
+//# sourceMappingURL=useLookupValues.js.map

package/cjs/hooks/useLookupValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLookupValues.js","sources":["../../src/hooks/useLookupValues.ts"],"sourcesContent":["import {\n  ColumnDescriptor,\n  ListOption,\n  LookupTableDetails,\n} from \"@vuu-ui/vuu-table-types\";\nimport { VuuDataSource } from \"@vuu-ui/vuu-data-remote\";\nimport { useShellContext } from \"@vuu-ui/vuu-shell\";\nimport {\n  buildColumnMap,\n  isLookupRenderer,\n  isTypeDescriptor,\n  isValueListRenderer,\n} from \"@vuu-ui/vuu-utils\";\nimport { useMemo, useState } from \"react\";\n\nconst NO_VALUES: ListOption[] = [];\n\nconst toListOption = (value: string): ListOption => ({\n  label: value,\n  value,\n});\n\nconst lookupValueMap = new Map<string, Promise<ListOption[]>>();\n\nconst loadLookupValues = ({\n  labelColumn,\n  table,\n  valueColumn,\n}: LookupTableDetails): Promise<ListOption[]> => {\n  const tableKey = `${table.module}:${table.table}`;\n  const lookupValues = lookupValueMap.get(tableKey);\n  if (lookupValues) {\n    return lookupValues;\n  } else {\n    const promise: Promise<ListOption[]> = new Promise((resolve) => {\n      const columns = [valueColumn, labelColumn];\n      const columnMap = buildColumnMap(columns);\n      const dataSource = new VuuDataSource({\n        bufferSize: 0,\n        table,\n      });\n      dataSource.subscribe(\n        {\n          columns,\n          range: { from: 0, to: 100 },\n        },\n        (message) => {\n          if (message.type === \"viewport-update\") {\n            //TODO check we have full dataset\n            if (message.rows) {\n              const listOptions = message.rows.map<ListOption>((row) => ({\n                value: row[columnMap[valueColumn]] as string | number,\n                label: row[columnMap[labelColumn]] as string,\n              }));\n              resolve(listOptions);\n              dataSource.unsubscribe();\n            }\n          }\n        }\n      );\n    });\n    lookupValueMap.set(tableKey, promise);\n    return promise;\n  }\n};\n\ntype LookupState = {\n  initialValue: ListOption | null;\n  values: ListOption[];\n};\n\nexport const getSelectedOption = (\n  values: ListOption[],\n  selectedValue: string | number | undefined\n) => {\n  if (selectedValue === undefined) {\n    return null;\n  }\n  return values.find((option) => option.value === selectedValue) ?? null;\n};\n\nconst getLookupDetails = ({ name, type }: ColumnDescriptor) => {\n  if (isTypeDescriptor(type) && isLookupRenderer(type.renderer)) {\n    return type.renderer.lookup;\n  } else {\n    throw Error(\n      `useLookupValues column ${name} is not configured to use lookup values`\n    );\n  }\n};\n\nexport const useLookupValues = (\n  column: ColumnDescriptor,\n  initialValueProp: number | string\n) => {\n  const { type: columnType } = column;\n  const { getLookupValues } = useShellContext();\n\n  const initialState = useMemo<LookupState>(() => {\n    if (\n      isTypeDescriptor(columnType) &&\n      isValueListRenderer(columnType?.renderer)\n    ) {\n      const values = columnType.renderer.values.map(toListOption);\n      return {\n        initialValue: getSelectedOption(values, initialValueProp),\n        values,\n      };\n    } else {\n      const lookupDetails = getLookupDetails(column);\n      const values = getLookupValues?.(lookupDetails.table) ?? NO_VALUES;\n\n      return {\n        initialValue: getSelectedOption(values, initialValueProp),\n        values,\n      };\n    }\n  }, [column, columnType, getLookupValues, initialValueProp]);\n\n  const [{ initialValue, values }, setLookupState] =\n    useState<LookupState>(initialState);\n\n  useMemo(() => {\n    if (values === NO_VALUES) {\n      const lookupDetails = getLookupDetails(column);\n      loadLookupValues(lookupDetails).then((values) =>\n        setLookupState({\n          initialValue: getSelectedOption(values, initialValueProp),\n          values,\n        })\n      );\n    }\n  }, [values, column, initialValueProp]);\n\n  return {\n    initialValue,\n    values,\n  };\n};\n"],"names":["buildColumnMap","VuuDataSource","isTypeDescriptor","isLookupRenderer","useShellContext","useMemo","isValueListRenderer","values","useState"],"mappings":"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"}

package/cjs/hooks/useServerConnectionQuality.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var react = require('react');
+var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
+
+const useServerConnectionQuality = () => {
+  const [messagesPerSecond, setMessagesPerSecond] = react.useState(0);
+  const handleConnectivityMessage = react.useCallback(({ messages }) => {
+    setMessagesPerSecond(messages.messagesLength);
+  }, []);
+  react.useEffect(() => {
+    vuuDataRemote.ConnectionManager.on("connection-metrics", handleConnectivityMessage);
+    return () => {
+      vuuDataRemote.ConnectionManager.removeListener(
+        "connection-metrics",
+        handleConnectivityMessage
+      );
+    };
+  }, [handleConnectivityMessage]);
+  return messagesPerSecond;
+};
+
+exports.useServerConnectionQuality = useServerConnectionQuality;
+//# sourceMappingURL=useServerConnectionQuality.js.map

package/cjs/hooks/useServerConnectionQuality.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useServerConnectionQuality.js","sources":["../../src/hooks/useServerConnectionQuality.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { ConnectionManager } from \"@vuu-ui/vuu-data-remote\";\n\nexport const useServerConnectionQuality = () => {\n  const [messagesPerSecond, setMessagesPerSecond] = useState<number>(0);\n  const handleConnectivityMessage = useCallback(({ messages }) => {\n    setMessagesPerSecond(messages.messagesLength);\n  }, []);\n\n  useEffect(() => {\n    ConnectionManager.on(\"connection-metrics\", handleConnectivityMessage);\n    return () => {\n      ConnectionManager.removeListener(\n        \"connection-metrics\",\n        handleConnectivityMessage\n      );\n    };\n  }, [handleConnectivityMessage]);\n\n  return messagesPerSecond;\n};\n"],"names":["useState","useCallback","useEffect","ConnectionManager"],"mappings":";;;;;AAGO,MAAM,6BAA6B,MAAM;AAC9C,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAIA,eAAiB,CAAC,CAAA,CAAA;AACpE,EAAA,MAAM,yBAA4B,GAAAC,iBAAA,CAAY,CAAC,EAAE,UAAe,KAAA;AAC9D,IAAA,oBAAA,CAAqB,SAAS,cAAc,CAAA,CAAA;AAAA,GAC9C,EAAG,EAAE,CAAA,CAAA;AAEL,EAAAC,eAAA,CAAU,MAAM;AACd,IAAkBC,+BAAA,CAAA,EAAA,CAAG,sBAAsB,yBAAyB,CAAA,CAAA;AACpE,IAAA,OAAO,MAAM;AACX,MAAkBA,+BAAA,CAAA,cAAA;AAAA,QAChB,oBAAA;AAAA,QACA,yBAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,yBAAyB,CAAC,CAAA,CAAA;AAE9B,EAAO,OAAA,iBAAA,CAAA;AACT;;;;"}

package/cjs/hooks/useServerConnectionStatus.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var react = require('react');
+var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
+
+const useServerConnectionStatus = () => {
+  const [connectionStatus, setConnectionStatus] = react.useState("disconnected");
+  const handleStatusChange = react.useCallback(
+    ({ status }) => {
+      setConnectionStatus(status);
+    },
+    []
+  );
+  react.useEffect(() => {
+    vuuDataRemote.ConnectionManager.on("connection-status", handleStatusChange);
+    return () => {
+      vuuDataRemote.ConnectionManager.removeListener("connection-status", handleStatusChange);
+    };
+  }, [handleStatusChange]);
+  return connectionStatus;
+};
+
+exports.useServerConnectionStatus = useServerConnectionStatus;
+//# sourceMappingURL=useServerConnectionStatus.js.map

package/cjs/hooks/useServerConnectionStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useServerConnectionStatus.js","sources":["../../src/hooks/useServerConnectionStatus.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { ConnectionManager } from \"@vuu-ui/vuu-data-remote\";\nimport { ConnectionStatusMessage } from \"@vuu-ui/vuu-data-types\";\n\nexport const useServerConnectionStatus = () => {\n  const [connectionStatus, setConnectionStatus] = useState(\"disconnected\");\n\n  const handleStatusChange = useCallback(\n    ({ status }: ConnectionStatusMessage) => {\n      setConnectionStatus(status);\n    },\n    []\n  );\n\n  useEffect(() => {\n    ConnectionManager.on(\"connection-status\", handleStatusChange);\n    return () => {\n      ConnectionManager.removeListener(\"connection-status\", handleStatusChange);\n    };\n  }, [handleStatusChange]);\n\n  return connectionStatus;\n};\n"],"names":["useState","useCallback","useEffect","ConnectionManager"],"mappings":";;;;;AAIO,MAAM,4BAA4B,MAAM;AAC7C,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAIA,eAAS,cAAc,CAAA,CAAA;AAEvE,EAAA,MAAM,kBAAqB,GAAAC,iBAAA;AAAA,IACzB,CAAC,EAAE,MAAA,EAAsC,KAAA;AACvC,MAAA,mBAAA,CAAoB,MAAM,CAAA,CAAA;AAAA,KAC5B;AAAA,IACA,EAAC;AAAA,GACH,CAAA;AAEA,EAAAC,eAAA,CAAU,MAAM;AACd,IAAkBC,+BAAA,CAAA,EAAA,CAAG,qBAAqB,kBAAkB,CAAA,CAAA;AAC5D,IAAA,OAAO,MAAM;AACX,MAAkBA,+BAAA,CAAA,cAAA,CAAe,qBAAqB,kBAAkB,CAAA,CAAA;AAAA,KAC1E,CAAA;AAAA,GACF,EAAG,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAEvB,EAAO,OAAA,gBAAA,CAAA;AACT;;;;"}

package/cjs/hooks/useTypeaheadSuggestions.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
+var react = require('react');
+
+const TYPEAHEAD_MESSAGE_CONSTANTS = {
+  type: "RPC_CALL",
+  service: "TypeAheadRpcHandler"
+};
+const getTypeaheadParams = (table, column, text = "", selectedValues = []) => {
+  if (text !== "" && !selectedValues.includes(text.toLowerCase())) {
+    return [table, column, text];
+  }
+  return [table, column];
+};
+const useTypeaheadSuggestions = () => react.useCallback(async (params) => {
+  const rpcMessage = params.length === 2 ? {
+    method: "getUniqueFieldValues",
+    params,
+    ...TYPEAHEAD_MESSAGE_CONSTANTS
+  } : {
+    method: "getUniqueFieldValuesStartingWith",
+    params,
+    ...TYPEAHEAD_MESSAGE_CONSTANTS
+  };
+  return vuuDataRemote.makeRpcCall(rpcMessage);
+}, []);
+
+exports.getTypeaheadParams = getTypeaheadParams;
+exports.useTypeaheadSuggestions = useTypeaheadSuggestions;
+//# sourceMappingURL=useTypeaheadSuggestions.js.map

package/cjs/hooks/useTypeaheadSuggestions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTypeaheadSuggestions.js","sources":["../../src/hooks/useTypeaheadSuggestions.ts"],"sourcesContent":["import { makeRpcCall } from \"@vuu-ui/vuu-data-remote\";\nimport { SuggestionFetcher, TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport {\n  ClientToServerGetUniqueValues,\n  ClientToServerGetUniqueValuesStartingWith,\n  TypeaheadParams,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback } from \"react\";\n\n// const SPECIAL_SPACE = \"_\";\nconst TYPEAHEAD_MESSAGE_CONSTANTS = {\n  type: \"RPC_CALL\",\n  service: \"TypeAheadRpcHandler\",\n};\n\nexport const getTypeaheadParams = (\n  table: TableSchemaTable,\n  column: string,\n  text = \"\",\n  selectedValues: string[] = []\n): TypeaheadParams => {\n  if (text !== \"\" && !selectedValues.includes(text.toLowerCase())) {\n    return [table, column, text];\n  }\n  return [table, column];\n};\n\nexport const useTypeaheadSuggestions = () =>\n  useCallback<SuggestionFetcher>(async (params: TypeaheadParams) => {\n    const rpcMessage =\n      params.length === 2\n        ? ({\n            method: \"getUniqueFieldValues\",\n            params,\n            ...TYPEAHEAD_MESSAGE_CONSTANTS,\n          } as ClientToServerGetUniqueValues)\n        : ({\n            method: \"getUniqueFieldValuesStartingWith\",\n            params,\n            ...TYPEAHEAD_MESSAGE_CONSTANTS,\n          } as ClientToServerGetUniqueValuesStartingWith);\n    return makeRpcCall<string[]>(rpcMessage);\n  }, []);\n"],"names":["useCallback","makeRpcCall"],"mappings":";;;;;AAUA,MAAM,2BAA8B,GAAA;AAAA,EAClC,IAAM,EAAA,UAAA;AAAA,EACN,OAAS,EAAA,qBAAA;AACX,CAAA,CAAA;AAEa,MAAA,kBAAA,GAAqB,CAChC,KACA,EAAA,MAAA,EACA,OAAO,EACP,EAAA,cAAA,GAA2B,EACP,KAAA;AACpB,EAAI,IAAA,IAAA,KAAS,MAAM,CAAC,cAAA,CAAe,SAAS,IAAK,CAAA,WAAA,EAAa,CAAG,EAAA;AAC/D,IAAO,OAAA,CAAC,KAAO,EAAA,MAAA,EAAQ,IAAI,CAAA,CAAA;AAAA,GAC7B;AACA,EAAO,OAAA,CAAC,OAAO,MAAM,CAAA,CAAA;AACvB,EAAA;AAEO,MAAM,uBAA0B,GAAA,MACrCA,iBAA+B,CAAA,OAAO,MAA4B,KAAA;AAChE,EAAM,MAAA,UAAA,GACJ,MAAO,CAAA,MAAA,KAAW,CACb,GAAA;AAAA,IACC,MAAQ,EAAA,sBAAA;AAAA,IACR,MAAA;AAAA,IACA,GAAG,2BAAA;AAAA,GAEJ,GAAA;AAAA,IACC,MAAQ,EAAA,kCAAA;AAAA,IACR,MAAA;AAAA,IACA,GAAG,2BAAA;AAAA,GACL,CAAA;AACN,EAAA,OAAOC,0BAAsB,UAAU,CAAA,CAAA;AACzC,CAAA,EAAG,EAAE;;;;;"}

package/cjs/hooks/useVuuMenuActions.js

@@ -0,0 +1,213 @@
+'use strict';
+
+var vuuFilterParser = require('@vuu-ui/vuu-filter-parser');
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var react = require('react');
+
+const addRowsFromInstruments = "addRowsFromInstruments";
+const { KEY } = vuuUtils.metadataKeys;
+const NO_CONFIG = {};
+const isMenuItem = (menu) => "rpcName" in menu;
+const isGroupMenuItem = (menu) => "menus" in menu;
+const isRoot = (menu) => menu.name === "ROOT";
+const isCellMenu = (options) => options.context === "cell";
+const isRowMenu = (options) => options.context === "row";
+const isSelectionMenu = (options) => options.context === "selected-rows";
+const vuuContextCompatibleWithTableLocation = (uiLocation, vuuContext, selectedRowCount = 0) => {
+  switch (uiLocation) {
+    case "grid":
+      if (vuuContext === "selected-rows") {
+        return selectedRowCount > 0;
+      } else {
+        return true;
+      }
+    case "header":
+      return vuuContext === "grid";
+    default:
+      return false;
+  }
+};
+const gridRowMeetsFilterCriteria = (context, row, selectedRows, filter, columnMap) => {
+  if (context === "cell" || context === "row") {
+    const filterPredicate = vuuFilterParser.getFilterPredicate(columnMap, filter);
+    return filterPredicate(row);
+  } else if (context === "selected-rows") {
+    if (selectedRows.length === 0) {
+      return false;
+    } else {
+      const filterPredicate = vuuFilterParser.getFilterPredicate(columnMap, filter);
+      return selectedRows.every(filterPredicate);
+    }
+  }
+  return true;
+};
+const getMenuRpcRequest = (options) => {
+  const { rpcName } = options;
+  if (isCellMenu(options)) {
+    return {
+      field: options.field,
+      rowKey: options.rowKey,
+      rpcName,
+      value: options.value,
+      type: "VIEW_PORT_MENU_CELL_RPC"
+    };
+  } else if (isRowMenu(options)) {
+    return {
+      rowKey: options.rowKey,
+      row: options.row,
+      rpcName,
+      type: "VIEW_PORT_MENU_ROW_RPC"
+    };
+  } else if (isSelectionMenu(options)) {
+    return {
+      rpcName,
+      type: "VIEW_PORT_MENUS_SELECT_RPC"
+    };
+  } else {
+    return {
+      rpcName,
+      type: "VIEW_PORT_MENU_TABLE_RPC"
+    };
+  }
+};
+const isTableLocation = (location) => ["grid", "header", "filter"].includes(location);
+const hasFilter = ({ filter }) => typeof filter === "string" && filter.length > 0;
+const getMenuItemOptions = (menu, options) => {
+  switch (menu.context) {
+    case "cell":
+      return {
+        ...menu,
+        field: options.columnName,
+        rowKey: options.row[KEY],
+        value: options.row[options.columnMap[options.columnName]]
+      };
+    case "row":
+      return {
+        ...menu,
+        row: vuuUtils.getRowRecord(options.row, options.columnMap),
+        rowKey: options.row[KEY]
+      };
+    default:
+      return menu;
+  }
+};
+const menuShouldBeRenderedInThisContext = (menuItem, tableLocation, options) => {
+  if (isGroupMenuItem(menuItem)) {
+    return menuItem.menus.some(
+      (childMenu) => menuShouldBeRenderedInThisContext(childMenu, tableLocation, options)
+    );
+  }
+  if (!vuuContextCompatibleWithTableLocation(
+    tableLocation,
+    menuItem.context,
+    options.selectedRows?.length
+  )) {
+    return false;
+  }
+  if (tableLocation === "grid" && hasFilter(menuItem)) {
+    return gridRowMeetsFilterCriteria(
+      menuItem.context,
+      options.row,
+      options.selectedRows,
+      menuItem.filter,
+      options.columnMap
+    );
+  }
+  if (isCellMenu(menuItem) && menuItem.field !== "*") {
+    return menuItem.field === options.columnName;
+  }
+  return true;
+};
+const buildMenuDescriptor = (menu, tableLocation, options) => {
+  if (menuShouldBeRenderedInThisContext(menu, tableLocation, options)) {
+    if (isMenuItem(menu)) {
+      return {
+        label: menu.name,
+        action: "MENU_RPC_CALL",
+        options: getMenuItemOptions(menu, options)
+      };
+    } else {
+      const children = menu.menus.map(
+        (childMenu) => buildMenuDescriptor(childMenu, tableLocation, options)
+      ).filter(
+        (childMenu) => childMenu !== void 0
+      );
+      if (children.length > 0) {
+        return {
+          label: menu.name,
+          children
+        };
+      }
+    }
+  }
+};
+const useVuuMenuActions = ({
+  clientSideMenuActionHandler,
+  dataSource,
+  menuActionConfig = NO_CONFIG,
+  onRpcResponse
+}) => {
+  const buildViewserverMenuOptions = react.useCallback(
+    (location, options) => {
+      const { links, menu } = dataSource;
+      const { visualLink } = menuActionConfig;
+      const descriptors = [];
+      if (location === "grid" && links && !visualLink) {
+        links.forEach((linkDescriptor) => {
+          const { link, label: linkLabel } = linkDescriptor;
+          const label = linkLabel ? linkLabel : link.toTable;
+          descriptors.push({
+            label: `Link to ${label}`,
+            action: "link-table",
+            options: linkDescriptor
+          });
+        });
+      }
+      if (menu && isTableLocation(location)) {
+        const menuDescriptor = buildMenuDescriptor(
+          menu,
+          location,
+          options
+        );
+        if (isRoot(menu) && vuuUtils.isGroupMenuItemDescriptor(menuDescriptor)) {
+          descriptors.push(...menuDescriptor.children);
+        } else if (menuDescriptor) {
+          descriptors.push(menuDescriptor);
+        }
+      }
+      return descriptors;
+    },
+    [dataSource, menuActionConfig]
+  );
+  const handleMenuAction = react.useCallback(
+    ({ menuId, options }) => {
+      if (clientSideMenuActionHandler?.(menuId, options)) {
+        return true;
+      } else if (menuId === "MENU_RPC_CALL") {
+        const rpcRequest = getMenuRpcRequest(options);
+        dataSource.menuRpcCall(rpcRequest).then((rpcResponse) => {
+          if (onRpcResponse && rpcResponse) {
+            onRpcResponse && onRpcResponse(rpcResponse);
+          }
+        });
+        return true;
+      } else if (menuId === "link-table") {
+        return dataSource.visualLink = options, true;
+      } else {
+        console.log(
+          `useViewServer handleMenuAction,  can't handle action type ${menuId}`
+        );
+      }
+      return false;
+    },
+    [clientSideMenuActionHandler, dataSource, onRpcResponse]
+  );
+  return {
+    buildViewserverMenuOptions,
+    handleMenuAction
+  };
+};
+
+exports.addRowsFromInstruments = addRowsFromInstruments;
+exports.useVuuMenuActions = useVuuMenuActions;
+//# sourceMappingURL=useVuuMenuActions.js.map

package/cjs/hooks/useVuuMenuActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVuuMenuActions.js","sources":["../../src/hooks/useVuuMenuActions.ts"],"sourcesContent":["import {\n  ContextMenuItemDescriptor,\n  DataSource,\n  DataSourceRow,\n  DataSourceVisualLinkCreatedMessage,\n  MenuActionHandler,\n  MenuBuilder,\n  RpcResponseHandler,\n} from \"@vuu-ui/vuu-data-types\";\nimport { getFilterPredicate } from \"@vuu-ui/vuu-filter-parser\";\nimport type { MenuActionClosePopup } from \"@vuu-ui/vuu-popups\";\nimport {\n  ClientToServerMenuCellRPC,\n  ClientToServerMenuRowRPC,\n  ClientToServerMenuRPC,\n  LinkDescriptorWithLabel,\n  VuuMenu,\n  VuuMenuContext,\n  VuuMenuItem,\n  VuuRowDataItemType,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  ColumnMap,\n  getRowRecord,\n  isGroupMenuItemDescriptor,\n  metadataKeys,\n} from \"@vuu-ui/vuu-utils\";\nimport { useCallback } from \"react\";\n\nexport const addRowsFromInstruments = \"addRowsFromInstruments\";\n\nexport interface VuuCellMenuItem extends VuuMenuItem {\n  rowKey: string;\n  field: string;\n  value: VuuRowDataItemType;\n}\nexport interface VuuRowMenuItem extends VuuMenuItem {\n  rowKey: string;\n  row: { [key: string]: VuuRowDataItemType };\n}\n\nconst { KEY } = metadataKeys;\n\nconst NO_CONFIG: MenuActionConfig = {};\n\nconst isMenuItem = (menu: VuuMenuItem | VuuMenu): menu is VuuMenuItem =>\n  \"rpcName\" in menu;\n\nconst isGroupMenuItem = (menu: VuuMenuItem | VuuMenu): menu is VuuMenu =>\n  \"menus\" in menu;\n\nconst isRoot = (menu: VuuMenu) => menu.name === \"ROOT\";\n\nconst isCellMenu = (options: VuuMenuItem): options is VuuCellMenuItem =>\n  options.context === \"cell\";\nconst isRowMenu = (options: VuuMenuItem): options is VuuRowMenuItem =>\n  options.context === \"row\";\nconst isSelectionMenu = (options: VuuMenuItem): options is VuuMenuItem =>\n  options.context === \"selected-rows\";\n\nconst vuuContextCompatibleWithTableLocation = (\n  uiLocation: \"grid\" | \"header\" | \"filter\",\n  vuuContext: VuuMenuContext,\n  selectedRowCount = 0\n) => {\n  switch (uiLocation) {\n    case \"grid\":\n      if (vuuContext === \"selected-rows\") {\n        return selectedRowCount > 0;\n      } else {\n        return true;\n      }\n    case \"header\":\n      return vuuContext === \"grid\";\n    default:\n      return false;\n  }\n};\n\nconst gridRowMeetsFilterCriteria = (\n  context: VuuMenuContext,\n  row: DataSourceRow,\n  selectedRows: DataSourceRow[],\n  filter: string,\n  columnMap: ColumnMap\n): boolean => {\n  if (context === \"cell\" || context === \"row\") {\n    const filterPredicate = getFilterPredicate(columnMap, filter);\n    return filterPredicate(row);\n  } else if (context === \"selected-rows\") {\n    if (selectedRows.length === 0) {\n      return false;\n    } else {\n      const filterPredicate = getFilterPredicate(columnMap, filter);\n      return selectedRows.every(filterPredicate);\n    }\n  }\n  return true;\n};\n\nconst getMenuRpcRequest = (\n  options: VuuMenuItem\n): Omit<ClientToServerMenuRPC, \"vpId\"> => {\n  const { rpcName } = options;\n  if (isCellMenu(options)) {\n    return {\n      field: options.field,\n      rowKey: options.rowKey,\n      rpcName,\n      value: options.value,\n      type: \"VIEW_PORT_MENU_CELL_RPC\",\n    } as Omit<ClientToServerMenuCellRPC, \"vpId\">;\n  } else if (isRowMenu(options)) {\n    return {\n      rowKey: options.rowKey,\n      row: options.row,\n      rpcName,\n      type: \"VIEW_PORT_MENU_ROW_RPC\",\n    } as Omit<ClientToServerMenuRowRPC, \"vpId\">;\n  } else if (isSelectionMenu(options)) {\n    return {\n      rpcName,\n      type: \"VIEW_PORT_MENUS_SELECT_RPC\",\n    } as Omit<ClientToServerMenuRPC, \"vpId\">;\n  } else {\n    return {\n      rpcName,\n      type: \"VIEW_PORT_MENU_TABLE_RPC\",\n    } as Omit<ClientToServerMenuRPC, \"vpId\">;\n  }\n};\n\nexport type VuuMenuActionHandler = (type: string, options: unknown) => boolean;\n\nexport interface ViewServerHookResult {\n  buildViewserverMenuOptions: MenuBuilder;\n  handleMenuAction: MenuActionHandler;\n}\n\nexport interface MenuActionConfig {\n  vuuMenu?: VuuMenu;\n  visualLink?: DataSourceVisualLinkCreatedMessage;\n  visualLinks?: LinkDescriptorWithLabel[];\n}\n\nexport interface VuuMenuActionHookProps {\n  /**\n   * By default, vuuMenuActions will be handled automatically. When activated, a\n   * message will be sent to server and response will be handled here too.\n   * This prop allows client to provide a custom handler for a menu Item. This will\n   * take priority and if handler returns true, no further processing for the menu\n   * item will be handled by Vuu. This can also be used to prevent an item from being\n   * actioned, even when no custom handling is intended. If the handler returns false,\n   * Vuu will process the menuItem.\n   */\n  clientSideMenuActionHandler?: VuuMenuActionHandler;\n  dataSource: DataSource;\n  menuActionConfig?: MenuActionConfig;\n  onRpcResponse?: RpcResponseHandler;\n}\n\ntype TableMenuLocation = \"grid\" | \"header\" | \"filter\";\n\nconst isTableLocation = (location: string): location is TableMenuLocation =>\n  [\"grid\", \"header\", \"filter\"].includes(location);\n\nexport type VuuServerMenuOptions = {\n  columnMap: ColumnMap;\n  columnName: string;\n  row: DataSourceRow;\n  selectedRows: DataSourceRow[];\n  viewport: string;\n};\n\nconst hasFilter = ({ filter }: VuuMenuItem) =>\n  typeof filter === \"string\" && filter.length > 0;\n\nconst getMenuItemOptions = (\n  menu: VuuMenuItem,\n  options: VuuServerMenuOptions\n): VuuMenuItem => {\n  switch (menu.context) {\n    case \"cell\":\n      return {\n        ...menu,\n        field: options.columnName,\n        rowKey: options.row[KEY],\n        value: options.row[options.columnMap[options.columnName]],\n      } as VuuCellMenuItem;\n    case \"row\":\n      return {\n        ...menu,\n        row: getRowRecord(options.row, options.columnMap),\n        rowKey: options.row[KEY],\n      } as VuuRowMenuItem;\n    default:\n      return menu;\n  }\n};\n\nconst menuShouldBeRenderedInThisContext = (\n  menuItem: VuuMenu | VuuMenuItem,\n  tableLocation: TableMenuLocation,\n  options: VuuServerMenuOptions\n): boolean => {\n  if (isGroupMenuItem(menuItem)) {\n    return menuItem.menus.some((childMenu) =>\n      menuShouldBeRenderedInThisContext(childMenu, tableLocation, options)\n    );\n  }\n  if (\n    !vuuContextCompatibleWithTableLocation(\n      tableLocation,\n      menuItem.context,\n      options.selectedRows?.length\n    )\n  ) {\n    return false;\n  }\n\n  if (tableLocation === \"grid\" && hasFilter(menuItem)) {\n    return gridRowMeetsFilterCriteria(\n      menuItem.context,\n      options.row,\n      options.selectedRows,\n      menuItem.filter,\n      options.columnMap\n    );\n  }\n\n  if (isCellMenu(menuItem) && menuItem.field !== \"*\") {\n    return menuItem.field === options.columnName;\n  }\n\n  return true;\n};\n\nconst buildMenuDescriptor = (\n  menu: VuuMenu | VuuMenuItem,\n  tableLocation: TableMenuLocation,\n  options: VuuServerMenuOptions\n): ContextMenuItemDescriptor | undefined => {\n  if (menuShouldBeRenderedInThisContext(menu, tableLocation, options)) {\n    if (isMenuItem(menu)) {\n      return {\n        label: menu.name,\n        action: \"MENU_RPC_CALL\",\n        options: getMenuItemOptions(menu, options),\n      };\n    } else {\n      const children = menu.menus\n        .map((childMenu) =>\n          buildMenuDescriptor(childMenu, tableLocation, options)\n        )\n        .filter(\n          (childMenu) => childMenu !== undefined\n        ) as ContextMenuItemDescriptor[];\n      if (children.length > 0) {\n        return {\n          label: menu.name,\n          children,\n        };\n      }\n    }\n  }\n};\n\nexport const useVuuMenuActions = ({\n  clientSideMenuActionHandler,\n  dataSource,\n  menuActionConfig = NO_CONFIG,\n  onRpcResponse,\n}: VuuMenuActionHookProps): ViewServerHookResult => {\n  const buildViewserverMenuOptions: MenuBuilder = useCallback(\n    (location, options) => {\n      const { links, menu } = dataSource;\n      const { visualLink } = menuActionConfig;\n      const descriptors: ContextMenuItemDescriptor[] = [];\n\n      if (location === \"grid\" && links && !visualLink) {\n        links.forEach((linkDescriptor: LinkDescriptorWithLabel) => {\n          const { link, label: linkLabel } = linkDescriptor;\n          const label = linkLabel ? linkLabel : link.toTable;\n          descriptors.push({\n            label: `Link to ${label}`,\n            action: \"link-table\",\n            options: linkDescriptor,\n          });\n        });\n      }\n\n      if (menu && isTableLocation(location)) {\n        const menuDescriptor = buildMenuDescriptor(\n          menu,\n          location,\n          options as VuuServerMenuOptions\n        );\n        if (isRoot(menu) && isGroupMenuItemDescriptor(menuDescriptor)) {\n          descriptors.push(...menuDescriptor.children);\n        } else if (menuDescriptor) {\n          descriptors.push(menuDescriptor);\n        }\n      }\n\n      return descriptors;\n    },\n    [dataSource, menuActionConfig]\n  );\n\n  const handleMenuAction = useCallback(\n    ({ menuId, options }: MenuActionClosePopup) => {\n      if (clientSideMenuActionHandler?.(menuId, options)) {\n        return true;\n      } else if (menuId === \"MENU_RPC_CALL\") {\n        const rpcRequest = getMenuRpcRequest(options as unknown as VuuMenuItem);\n        dataSource.menuRpcCall(rpcRequest).then((rpcResponse) => {\n          if (onRpcResponse && rpcResponse) {\n            onRpcResponse && onRpcResponse(rpcResponse);\n          }\n        });\n        return true;\n      } else if (menuId === \"link-table\") {\n        // return dataSource.createLink(options as LinkDescriptorWithLabel), true;\n        return (\n          (dataSource.visualLink = options as LinkDescriptorWithLabel), true\n        );\n      } else {\n        console.log(\n          `useViewServer handleMenuAction,  can't handle action type ${menuId}`\n        );\n      }\n\n      return false;\n    },\n    [clientSideMenuActionHandler, dataSource, onRpcResponse]\n  );\n\n  return {\n    buildViewserverMenuOptions,\n    handleMenuAction,\n  };\n};\n"],"names":["metadataKeys","getFilterPredicate","getRowRecord","useCallback","isGroupMenuItemDescriptor"],"mappings":"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"}