@vuu-ui/vuu-data-react 3.0.0 → 3.1.0-beta.2

package/esm/hooks/useLookupValues.js

@@ -1,98 +0,0 @@
-import { VuuDataSource } from '@vuu-ui/vuu-data-remote';
-import { useShellContext, isTypeDescriptor, isValueListRenderer, getSelectedOption, buildColumnMap, Range, isLookupRenderer } from '@vuu-ui/vuu-utils';
-import { useMemo, useState } from '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 = buildColumnMap(columns);
-      const dataSource = new VuuDataSource({
-        bufferSize: 0,
-        table
-      });
-      dataSource.subscribe(
-        {
-          columns,
-          range: Range(0, 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 getLookupDetails = ({ name, type }) => {
-  if (isTypeDescriptor(type) && 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 } = useShellContext();
-  const initialState = useMemo(() => {
-    if (isTypeDescriptor(columnType) && isValueListRenderer(columnType?.renderer)) {
-      const values2 = columnType.renderer.values.map(toListOption);
-      return {
-        initialValue: getSelectedOption(values2, initialValueProp) ?? null,
-        values: values2
-      };
-    } else {
-      const lookupDetails = getLookupDetails(column);
-      const values2 = getLookupValues?.(lookupDetails.table) ?? NO_VALUES;
-      return {
-        initialValue: getSelectedOption(values2, initialValueProp) ?? null,
-        values: values2
-      };
-    }
-  }, [column, columnType, getLookupValues, initialValueProp]);
-  const [{ initialValue, values }, setLookupState] = useState(initialState);
-  useMemo(() => {
-    if (values === NO_VALUES) {
-      const lookupDetails = getLookupDetails(column);
-      loadLookupValues(lookupDetails).then(
-        (values2) => setLookupState({
-          initialValue: getSelectedOption(values2, initialValueProp) ?? null,
-          values: values2
-        })
-      );
-    }
-  }, [values, column, initialValueProp]);
-  return {
-    initialValue,
-    values
-  };
-};
-
-export { useLookupValues };
-//# sourceMappingURL=useLookupValues.js.map

package/esm/hooks/useLookupValues.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLookupValues.js","sources":["../../../../packages/vuu-data-react/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 {\n  buildColumnMap,\n  getSelectedOption,\n  isLookupRenderer,\n  isTypeDescriptor,\n  isValueListRenderer,\n  Range,\n  useShellContext,\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: Range(0, 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\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) ?? null,\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) ?? null,\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) ?? null,\n          values,\n        }),\n      );\n    }\n  }, [values, column, initialValueProp]);\n\n  return {\n    initialValue,\n    values,\n  };\n};\n"],"names":["values"],"mappings":";;;;AAiBA,MAAM,YAA0B,EAAC;AAEjC,MAAM,YAAA,GAAe,CAAC,KAA+B,MAAA;AAAA,EACnD,KAAO,EAAA,KAAA;AAAA,EACP;AACF,CAAA,CAAA;AAEA,MAAM,cAAA,uBAAqB,GAAmC,EAAA;AAE9D,MAAM,mBAAmB,CAAC;AAAA,EACxB,WAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAiD,KAAA;AAC/C,EAAA,MAAM,WAAW,CAAG,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA,EAAI,MAAM,KAAK,CAAA,CAAA;AAC/C,EAAM,MAAA,YAAA,GAAe,cAAe,CAAA,GAAA,CAAI,QAAQ,CAAA;AAChD,EAAA,IAAI,YAAc,EAAA;AAChB,IAAO,OAAA,YAAA;AAAA,GACF,MAAA;AACL,IAAA,MAAM,OAAiC,GAAA,IAAI,OAAQ,CAAA,CAAC,OAAY,KAAA;AAC9D,MAAM,MAAA,OAAA,GAAU,CAAC,WAAA,EAAa,WAAW,CAAA;AACzC,MAAM,MAAA,SAAA,GAAY,eAAe,OAAO,CAAA;AACxC,MAAM,MAAA,UAAA,GAAa,IAAI,aAAc,CAAA;AAAA,QACnC,UAAY,EAAA,CAAA;AAAA,QACZ;AAAA,OACD,CAAA;AACD,MAAW,UAAA,CAAA,SAAA;AAAA,QACT;AAAA,UACE,OAAA;AAAA,UACA,KAAA,EAAO,KAAM,CAAA,CAAA,EAAG,GAAG;AAAA,SACrB;AAAA,QACA,CAAC,OAAY,KAAA;AACX,UAAI,IAAA,OAAA,CAAQ,SAAS,iBAAmB,EAAA;AAEtC,YAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,cAAA,MAAM,WAAc,GAAA,OAAA,CAAQ,IAAK,CAAA,GAAA,CAAgB,CAAC,GAAS,MAAA;AAAA,gBACzD,KAAO,EAAA,GAAA,CAAI,SAAU,CAAA,WAAW,CAAC,CAAA;AAAA,gBACjC,KAAO,EAAA,GAAA,CAAI,SAAU,CAAA,WAAW,CAAC;AAAA,eACjC,CAAA,CAAA;AACF,cAAA,OAAA,CAAQ,WAAW,CAAA;AACnB,cAAA,UAAA,CAAW,WAAY,EAAA;AAAA;AACzB;AACF;AACF,OACF;AAAA,KACD,CAAA;AACD,IAAe,cAAA,CAAA,GAAA,CAAI,UAAU,OAAO,CAAA;AACpC,IAAO,OAAA,OAAA;AAAA;AAEX,CAAA;AAOA,MAAM,gBAAmB,GAAA,CAAC,EAAE,IAAA,EAAM,MAA6B,KAAA;AAC7D,EAAA,IAAI,iBAAiB,IAAI,CAAA,IAAK,gBAAiB,CAAA,IAAA,CAAK,QAAQ,CAAG,EAAA;AAC7D,IAAA,OAAO,KAAK,QAAS,CAAA,MAAA;AAAA,GAChB,MAAA;AACL,IAAM,MAAA,KAAA;AAAA,MACJ,0BAA0B,IAAI,CAAA,uCAAA;AAAA,KAChC;AAAA;AAEJ,CAAA;AAEa,MAAA,eAAA,GAAkB,CAC7B,MAAA,EACA,gBACG,KAAA;AACH,EAAM,MAAA,EAAE,IAAM,EAAA,UAAA,EAAe,GAAA,MAAA;AAC7B,EAAM,MAAA,EAAE,eAAgB,EAAA,GAAI,eAAgB,EAAA;AAE5C,EAAM,MAAA,YAAA,GAAe,QAAqB,MAAM;AAC9C,IAAA,IACE,iBAAiB,UAAU,CAAA,IAC3B,mBAAoB,CAAA,UAAA,EAAY,QAAQ,CACxC,EAAA;AACA,MAAA,MAAMA,OAAS,GAAA,UAAA,CAAW,QAAS,CAAA,MAAA,CAAO,IAAI,YAAY,CAAA;AAC1D,MAAO,OAAA;AAAA,QACL,YAAc,EAAA,iBAAA,CAAkBA,OAAQ,EAAA,gBAAgB,CAAK,IAAA,IAAA;AAAA,QAC7D,MAAAA,EAAAA;AAAA,OACF;AAAA,KACK,MAAA;AACL,MAAM,MAAA,aAAA,GAAgB,iBAAiB,MAAM,CAAA;AAC7C,MAAA,MAAMA,OAAS,GAAA,eAAA,GAAkB,aAAc,CAAA,KAAK,CAAK,IAAA,SAAA;AAEzD,MAAO,OAAA;AAAA,QACL,YAAc,EAAA,iBAAA,CAAkBA,OAAQ,EAAA,gBAAgB,CAAK,IAAA,IAAA;AAAA,QAC7D,MAAAA,EAAAA;AAAA,OACF;AAAA;AACF,KACC,CAAC,MAAA,EAAQ,UAAY,EAAA,eAAA,EAAiB,gBAAgB,CAAC,CAAA;AAE1D,EAAM,MAAA,CAAC,EAAE,YAAc,EAAA,MAAA,IAAU,cAAc,CAAA,GAC7C,SAAsB,YAAY,CAAA;AAEpC,EAAA,OAAA,CAAQ,MAAM;AACZ,IAAA,IAAI,WAAW,SAAW,EAAA;AACxB,MAAM,MAAA,aAAA,GAAgB,iBAAiB,MAAM,CAAA;AAC7C,MAAA,gBAAA,CAAiB,aAAa,CAAE,CAAA,IAAA;AAAA,QAAK,CAACA,YACpC,cAAe,CAAA;AAAA,UACb,YAAc,EAAA,iBAAA,CAAkBA,OAAQ,EAAA,gBAAgB,CAAK,IAAA,IAAA;AAAA,UAC7D,MAAAA,EAAAA;AAAA,SACD;AAAA,OACH;AAAA;AACF,GACC,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,gBAAgB,CAAC,CAAA;AAErC,EAAO,OAAA;AAAA,IACL,YAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/esm/hooks/useSessionDataSource.js

@@ -1,56 +0,0 @@
-import { useData } from '@vuu-ui/vuu-utils';
-import { useRef, useCallback } from 'react';
-
-const sessionState = /* @__PURE__ */ new Map();
-const useSessionDataSource = (props) => {
-  const { VuuDataSource } = useData();
-  const dataSourceConfigRef = useRef(void 0);
-  const getDataSource = useCallback(
-    (sessionKey, dataSourceConstructorProps) => {
-      let ds = sessionState.get(sessionKey);
-      if (ds) {
-        return ds;
-      }
-      if (dataSourceConstructorProps?.columns) {
-        ds = new VuuDataSource({
-          ...dataSourceConstructorProps,
-          viewport: sessionKey,
-          ...dataSourceConfigRef.current
-        });
-        if (props?.onConfigChange) {
-          ds.on("config", props.onConfigChange);
-        }
-        sessionState.set(sessionKey, ds);
-        return ds;
-      } else {
-        throw Error(
-          `[useSessionDataSource] unable to create new DataSource, columns have not been defined `
-        );
-      }
-    },
-    [VuuDataSource, props?.onConfigChange]
-  );
-  const clearDataSource = useCallback(
-    (sessionKey, unsubscribe) => {
-      const ds = sessionState.get(sessionKey);
-      if (ds) {
-        sessionState.delete(sessionKey);
-        if (unsubscribe === true) {
-          ds.unsubscribe();
-        }
-      } else {
-        console.warn(
-          `[useSessionbDatasource] clearDataSource ${sessionKey} not found `
-        );
-      }
-    },
-    []
-  );
-  return {
-    clearDataSource,
-    getDataSource
-  };
-};
-
-export { useSessionDataSource };
-//# sourceMappingURL=useSessionDataSource.js.map

package/esm/hooks/useSessionDataSource.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSessionDataSource.js","sources":["../../../../packages/vuu-data-react/src/hooks/useSessionDataSource.ts"],"sourcesContent":["import type {\n  DataSource,\n  DataSourceConfig,\n  DataSourceConfigChangeHandler,\n  DataSourceConstructorProps,\n} from \"@vuu-ui/vuu-data-types\";\nimport { useData } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useRef } from \"react\";\n\nconst sessionState = new Map<string, DataSource>();\n\nexport interface SessionStateHookProps {\n  onConfigChange?: DataSourceConfigChangeHandler;\n}\n\nexport const useSessionDataSource = (props?: SessionStateHookProps) => {\n  const { VuuDataSource } = useData();\n\n  const dataSourceConfigRef = useRef<DataSourceConfig | undefined>(undefined);\n\n  const getDataSource = useCallback(\n    (\n      sessionKey: string,\n      dataSourceConstructorProps?: DataSourceConstructorProps,\n    ) => {\n      let ds = sessionState.get(sessionKey);\n      if (ds) {\n        return ds;\n      }\n\n      if (dataSourceConstructorProps?.columns) {\n        ds = new VuuDataSource({\n          ...dataSourceConstructorProps,\n          viewport: sessionKey,\n          ...dataSourceConfigRef.current,\n        });\n        if (props?.onConfigChange) {\n          ds.on(\"config\", props.onConfigChange);\n        }\n        sessionState.set(sessionKey, ds);\n        return ds;\n      } else {\n        throw Error(\n          `[useSessionDataSource] unable to create new DataSource, columns have not been defined `,\n        );\n      }\n    },\n    [VuuDataSource, props?.onConfigChange],\n  );\n\n  const clearDataSource = useCallback(\n    (sessionKey: string, unsubscribe?: boolean) => {\n      const ds = sessionState.get(sessionKey);\n      if (ds) {\n        sessionState.delete(sessionKey);\n        if (unsubscribe === true) {\n          ds.unsubscribe();\n        }\n      } else {\n        console.warn(\n          `[useSessionbDatasource] clearDataSource ${sessionKey} not found `,\n        );\n      }\n    },\n    [],\n  );\n\n  return {\n    clearDataSource,\n    getDataSource,\n  };\n};\n"],"names":[],"mappings":";;;AASA,MAAM,YAAA,uBAAmB,GAAwB,EAAA;AAMpC,MAAA,oBAAA,GAAuB,CAAC,KAAkC,KAAA;AACrE,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA;AAElC,EAAM,MAAA,mBAAA,GAAsB,OAAqC,KAAS,CAAA,CAAA;AAE1E,EAAA,MAAM,aAAgB,GAAA,WAAA;AAAA,IACpB,CACE,YACA,0BACG,KAAA;AACH,MAAI,IAAA,EAAA,GAAK,YAAa,CAAA,GAAA,CAAI,UAAU,CAAA;AACpC,MAAA,IAAI,EAAI,EAAA;AACN,QAAO,OAAA,EAAA;AAAA;AAGT,MAAA,IAAI,4BAA4B,OAAS,EAAA;AACvC,QAAA,EAAA,GAAK,IAAI,aAAc,CAAA;AAAA,UACrB,GAAG,0BAAA;AAAA,UACH,QAAU,EAAA,UAAA;AAAA,UACV,GAAG,mBAAoB,CAAA;AAAA,SACxB,CAAA;AACD,QAAA,IAAI,OAAO,cAAgB,EAAA;AACzB,UAAG,EAAA,CAAA,EAAA,CAAG,QAAU,EAAA,KAAA,CAAM,cAAc,CAAA;AAAA;AAEtC,QAAa,YAAA,CAAA,GAAA,CAAI,YAAY,EAAE,CAAA;AAC/B,QAAO,OAAA,EAAA;AAAA,OACF,MAAA;AACL,QAAM,MAAA,KAAA;AAAA,UACJ,CAAA,sFAAA;AAAA,SACF;AAAA;AACF,KACF;AAAA,IACA,CAAC,aAAe,EAAA,KAAA,EAAO,cAAc;AAAA,GACvC;AAEA,EAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,IACtB,CAAC,YAAoB,WAA0B,KAAA;AAC7C,MAAM,MAAA,EAAA,GAAK,YAAa,CAAA,GAAA,CAAI,UAAU,CAAA;AACtC,MAAA,IAAI,EAAI,EAAA;AACN,QAAA,YAAA,CAAa,OAAO,UAAU,CAAA;AAC9B,QAAA,IAAI,gBAAgB,IAAM,EAAA;AACxB,UAAA,EAAA,CAAG,WAAY,EAAA;AAAA;AACjB,OACK,MAAA;AACL,QAAQ,OAAA,CAAA,IAAA;AAAA,UACN,2CAA2C,UAAU,CAAA,WAAA;AAAA,SACvD;AAAA;AACF,KACF;AAAA,IACA;AAAC,GACH;AAEA,EAAO,OAAA;AAAA,IACL,eAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/esm/hooks/useTypeaheadSuggestions.js

@@ -1,54 +0,0 @@
-import { useDataSource } from '@vuu-ui/vuu-utils';
-import { useCallback } from 'react';
-
-const getTypeaheadParams = (table, column, text = "", selectedValues = []) => {
-  if (text !== "" && !selectedValues.includes(text.toLowerCase())) {
-    return [table, column, text];
-  }
-  return [table, column];
-};
-const useTypeaheadSuggestions = () => {
-  const dataSource = useDataSource(false);
-  return useCallback(
-    async ([{ module, table }, column, starts]) => {
-      if (dataSource === void 0) {
-        console.warn(
-          `[useTypeaheadSuggestions] no dataSource provided (use DataSourceProvider)`
-        );
-        return false;
-      }
-      const rpcMessage = starts === void 0 ? {
-        params: {
-          column,
-          module,
-          table
-        },
-        rpcName: "getUniqueFieldValues",
-        type: "RPC_REQUEST"
-      } : {
-        params: {
-          column,
-          module,
-          starts,
-          table
-        },
-        rpcName: "getUniqueFieldValuesStartingWith",
-        type: "RPC_REQUEST"
-      };
-      try {
-        const response = await dataSource.rpcRequest?.(rpcMessage);
-        if (response?.type === "SUCCESS_RESULT") {
-          return response.data;
-        } else {
-          return false;
-        }
-      } catch (err) {
-        return false;
-      }
-    },
-    [dataSource]
-  );
-};
-
-export { getTypeaheadParams, useTypeaheadSuggestions };
-//# sourceMappingURL=useTypeaheadSuggestions.js.map

package/esm/hooks/useTypeaheadSuggestions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTypeaheadSuggestions.js","sources":["../../../../packages/vuu-data-react/src/hooks/useTypeaheadSuggestions.ts"],"sourcesContent":["import { SuggestionFetcher, TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport {\n  TypeaheadParams,\n  VuuRpcServiceRequest,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useDataSource } from \"@vuu-ui/vuu-utils\";\nimport { useCallback } from \"react\";\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  const dataSource = useDataSource(false);\n  return useCallback<SuggestionFetcher>(\n    async ([{ module, table }, column, starts]: TypeaheadParams) => {\n      if (dataSource === undefined) {\n        console.warn(\n          `[useTypeaheadSuggestions] no dataSource provided (use DataSourceProvider)`,\n        );\n        return false;\n      }\n      const rpcMessage: Omit<VuuRpcServiceRequest, \"context\"> =\n        starts === undefined\n          ? {\n              params: {\n                column,\n                module,\n                table,\n              },\n              rpcName: \"getUniqueFieldValues\",\n              type: \"RPC_REQUEST\",\n            }\n          : {\n              params: {\n                column,\n                module,\n                starts,\n                table,\n              },\n              rpcName: \"getUniqueFieldValuesStartingWith\",\n              type: \"RPC_REQUEST\",\n            };\n\n      try {\n        // We don't just return rpcCall . In the case of an\n        // error we will be returning the rejected promise, bypassing\n        // the catch block below.\n        const response = await dataSource.rpcRequest?.(rpcMessage);\n        if (response?.type === \"SUCCESS_RESULT\") {\n          return response.data as string[];\n        } else {\n          return false;\n        }\n      } catch (err) {\n        return false;\n      }\n    },\n    [dataSource],\n  );\n};\n"],"names":[],"mappings":";;;AAQa,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;AAAA;AAE7B,EAAO,OAAA,CAAC,OAAO,MAAM,CAAA;AACvB;AAEO,MAAM,0BAA0B,MAAM;AAC3C,EAAM,MAAA,UAAA,GAAa,cAAc,KAAK,CAAA;AACtC,EAAO,OAAA,WAAA;AAAA,IACL,OAAO,CAAC,EAAE,MAAA,EAAQ,OAAS,EAAA,MAAA,EAAQ,MAAM,CAAuB,KAAA;AAC9D,MAAA,IAAI,eAAe,KAAW,CAAA,EAAA;AAC5B,QAAQ,OAAA,CAAA,IAAA;AAAA,UACN,CAAA,yEAAA;AAAA,SACF;AACA,QAAO,OAAA,KAAA;AAAA;AAET,MAAM,MAAA,UAAA,GACJ,WAAW,KACP,CAAA,GAAA;AAAA,QACE,MAAQ,EAAA;AAAA,UACN,MAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAS,EAAA,sBAAA;AAAA,QACT,IAAM,EAAA;AAAA,OAER,GAAA;AAAA,QACE,MAAQ,EAAA;AAAA,UACN,MAAA;AAAA,UACA,MAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAS,EAAA,kCAAA;AAAA,QACT,IAAM,EAAA;AAAA,OACR;AAEN,MAAI,IAAA;AAIF,QAAA,MAAM,QAAW,GAAA,MAAM,UAAW,CAAA,UAAA,GAAa,UAAU,CAAA;AACzD,QAAI,IAAA,QAAA,EAAU,SAAS,gBAAkB,EAAA;AACvC,UAAA,OAAO,QAAS,CAAA,IAAA;AAAA,SACX,MAAA;AACL,UAAO,OAAA,KAAA;AAAA;AACT,eACO,GAAK,EAAA;AACZ,QAAO,OAAA,KAAA;AAAA;AACT,KACF;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AACF;;;;"}

package/esm/hooks/useVisualLinks.js

@@ -1,82 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useViewContext } from '@vuu-ui/vuu-layout';
-import { IconButton } from '@vuu-ui/vuu-ui-controls';
-import { useCallback, useEffect } from 'react';
-
-const useVisualLinks = (dataSource) => {
-  const { dispatch } = useViewContext();
-  const clearVisualLinkTarget = useCallback(() => {
-    if (dataSource.visualLink) {
-      dispatch?.({
-        type: "broadcast-message",
-        message: {
-          targetId: dataSource.visualLink.parentClientVpId,
-          type: "highlight-off"
-        }
-      });
-    }
-  }, [dataSource, dispatch]);
-  const removeVisualLink = useCallback(() => {
-    if (dataSource.visualLink) {
-      dispatch?.({
-        type: "broadcast-message",
-        message: {
-          targetId: dataSource.visualLink.parentClientVpId,
-          type: "highlight-off"
-        }
-      });
-      dataSource.visualLink = void 0;
-    }
-  }, [dataSource, dispatch]);
-  const handleLinkRemoved = useCallback(() => {
-    dispatch?.({
-      type: "remove-toolbar-contribution",
-      location: "post-title"
-    });
-  }, [dispatch]);
-  const highlightVisualLinkTarget = useCallback(() => {
-    if (dataSource.visualLink) {
-      dispatch?.({
-        type: "broadcast-message",
-        message: {
-          targetId: dataSource.visualLink.parentClientVpId,
-          type: "highlight-on"
-        }
-      });
-    }
-  }, [dataSource, dispatch]);
-  const handleLinkCreated = useCallback(() => {
-    dispatch?.({
-      type: "add-toolbar-contribution",
-      location: "post-title",
-      content: /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          appearance: "transparent",
-          "aria-label": "remove-link",
-          icon: "link",
-          onClick: removeVisualLink,
-          onMouseEnter: highlightVisualLinkTarget,
-          onMouseLeave: clearVisualLinkTarget,
-          sentiment: "neutral"
-        }
-      )
-    });
-  }, [
-    dispatch,
-    removeVisualLink,
-    highlightVisualLinkTarget,
-    clearVisualLinkTarget
-  ]);
-  useEffect(() => {
-    dataSource.on("visual-link-created", handleLinkCreated);
-    dataSource.on("visual-link-removed", handleLinkRemoved);
-    return () => {
-      dataSource.removeListener("visual-link-created", handleLinkCreated);
-      dataSource.removeListener("visual-link-removed", handleLinkRemoved);
-    };
-  }, [dataSource, handleLinkCreated, handleLinkRemoved]);
-};
-
-export { useVisualLinks };
-//# sourceMappingURL=useVisualLinks.js.map

package/esm/hooks/useVisualLinks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useVisualLinks.js","sources":["../../../../packages/vuu-data-react/src/hooks/useVisualLinks.tsx"],"sourcesContent":["import type { DataSource } from \"@vuu-ui/vuu-data-types\";\nimport { useViewContext } from \"@vuu-ui/vuu-layout\";\nimport { IconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { useCallback, useEffect } from \"react\";\n\nexport const useVisualLinks = (dataSource: DataSource) => {\n  const { dispatch } = useViewContext();\n\n  const clearVisualLinkTarget = useCallback(() => {\n    if (dataSource.visualLink) {\n      dispatch?.({\n        type: \"broadcast-message\",\n        message: {\n          targetId: dataSource.visualLink.parentClientVpId,\n          type: \"highlight-off\",\n        },\n      });\n    }\n  }, [dataSource, dispatch]);\n\n  const removeVisualLink = useCallback(() => {\n    if (dataSource.visualLink) {\n      dispatch?.({\n        type: \"broadcast-message\",\n        message: {\n          targetId: dataSource.visualLink.parentClientVpId,\n          type: \"highlight-off\",\n        },\n      });\n\n      dataSource.visualLink = undefined;\n    }\n  }, [dataSource, dispatch]);\n\n  const handleLinkRemoved = useCallback(() => {\n    dispatch?.({\n      type: \"remove-toolbar-contribution\",\n      location: \"post-title\",\n    });\n  }, [dispatch]);\n\n  const highlightVisualLinkTarget = useCallback(() => {\n    if (dataSource.visualLink) {\n      dispatch?.({\n        type: \"broadcast-message\",\n        message: {\n          targetId: dataSource.visualLink.parentClientVpId,\n          type: \"highlight-on\",\n        },\n      });\n    }\n  }, [dataSource, dispatch]);\n\n  const handleLinkCreated = useCallback(() => {\n    dispatch?.({\n      type: \"add-toolbar-contribution\",\n      location: \"post-title\",\n      content: (\n        <IconButton\n          appearance=\"transparent\"\n          aria-label=\"remove-link\"\n          icon=\"link\"\n          onClick={removeVisualLink}\n          onMouseEnter={highlightVisualLinkTarget}\n          onMouseLeave={clearVisualLinkTarget}\n          sentiment=\"neutral\"\n        />\n      ),\n    });\n  }, [\n    dispatch,\n    removeVisualLink,\n    highlightVisualLinkTarget,\n    clearVisualLinkTarget,\n  ]);\n\n  useEffect(() => {\n    dataSource.on(\"visual-link-created\", handleLinkCreated);\n    dataSource.on(\"visual-link-removed\", handleLinkRemoved);\n    return () => {\n      dataSource.removeListener(\"visual-link-created\", handleLinkCreated);\n      dataSource.removeListener(\"visual-link-removed\", handleLinkRemoved);\n    };\n  }, [dataSource, handleLinkCreated, handleLinkRemoved]);\n};\n"],"names":[],"mappings":";;;;;AAKa,MAAA,cAAA,GAAiB,CAAC,UAA2B,KAAA;AACxD,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,cAAe,EAAA;AAEpC,EAAM,MAAA,qBAAA,GAAwB,YAAY,MAAM;AAC9C,IAAA,IAAI,WAAW,UAAY,EAAA;AACzB,MAAW,QAAA,GAAA;AAAA,QACT,IAAM,EAAA,mBAAA;AAAA,QACN,OAAS,EAAA;AAAA,UACP,QAAA,EAAU,WAAW,UAAW,CAAA,gBAAA;AAAA,UAChC,IAAM,EAAA;AAAA;AACR,OACD,CAAA;AAAA;AACH,GACC,EAAA,CAAC,UAAY,EAAA,QAAQ,CAAC,CAAA;AAEzB,EAAM,MAAA,gBAAA,GAAmB,YAAY,MAAM;AACzC,IAAA,IAAI,WAAW,UAAY,EAAA;AACzB,MAAW,QAAA,GAAA;AAAA,QACT,IAAM,EAAA,mBAAA;AAAA,QACN,OAAS,EAAA;AAAA,UACP,QAAA,EAAU,WAAW,UAAW,CAAA,gBAAA;AAAA,UAChC,IAAM,EAAA;AAAA;AACR,OACD,CAAA;AAED,MAAA,UAAA,CAAW,UAAa,GAAA,KAAA,CAAA;AAAA;AAC1B,GACC,EAAA,CAAC,UAAY,EAAA,QAAQ,CAAC,CAAA;AAEzB,EAAM,MAAA,iBAAA,GAAoB,YAAY,MAAM;AAC1C,IAAW,QAAA,GAAA;AAAA,MACT,IAAM,EAAA,6BAAA;AAAA,MACN,QAAU,EAAA;AAAA,KACX,CAAA;AAAA,GACH,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAM,MAAA,yBAAA,GAA4B,YAAY,MAAM;AAClD,IAAA,IAAI,WAAW,UAAY,EAAA;AACzB,MAAW,QAAA,GAAA;AAAA,QACT,IAAM,EAAA,mBAAA;AAAA,QACN,OAAS,EAAA;AAAA,UACP,QAAA,EAAU,WAAW,UAAW,CAAA,gBAAA;AAAA,UAChC,IAAM,EAAA;AAAA;AACR,OACD,CAAA;AAAA;AACH,GACC,EAAA,CAAC,UAAY,EAAA,QAAQ,CAAC,CAAA;AAEzB,EAAM,MAAA,iBAAA,GAAoB,YAAY,MAAM;AAC1C,IAAW,QAAA,GAAA;AAAA,MACT,IAAM,EAAA,0BAAA;AAAA,MACN,QAAU,EAAA,YAAA;AAAA,MACV,OACE,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,UAAW,EAAA,aAAA;AAAA,UACX,YAAW,EAAA,aAAA;AAAA,UACX,IAAK,EAAA,MAAA;AAAA,UACL,OAAS,EAAA,gBAAA;AAAA,UACT,YAAc,EAAA,yBAAA;AAAA,UACd,YAAc,EAAA,qBAAA;AAAA,UACd,SAAU,EAAA;AAAA;AAAA;AACZ,KAEH,CAAA;AAAA,GACA,EAAA;AAAA,IACD,QAAA;AAAA,IACA,gBAAA;AAAA,IACA,yBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAW,UAAA,CAAA,EAAA,CAAG,uBAAuB,iBAAiB,CAAA;AACtD,IAAW,UAAA,CAAA,EAAA,CAAG,uBAAuB,iBAAiB,CAAA;AACtD,IAAA,OAAO,MAAM;AACX,MAAW,UAAA,CAAA,cAAA,CAAe,uBAAuB,iBAAiB,CAAA;AAClE,MAAW,UAAA,CAAA,cAAA,CAAe,uBAAuB,iBAAiB,CAAA;AAAA,KACpE;AAAA,GACC,EAAA,CAAC,UAAY,EAAA,iBAAA,EAAmB,iBAAiB,CAAC,CAAA;AACvD;;;;"}

package/esm/hooks/useVuuMenuActions.js

@@ -1,348 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Button } from '@salt-ds/core';
-import { isGroupMenuItemDescriptor, hasShowNotificationAction } from '@vuu-ui/vuu-context-menu';
-import { getFilterPredicate } from '@vuu-ui/vuu-filter-parser';
-import { useNotifications, NotificationType } from '@vuu-ui/vuu-notifications';
-import { isTableLocation, BulkEditPanel } from '@vuu-ui/vuu-table';
-import { useData, getLayoutComponent, isActionMessage, isSessionTableActionMessage, isCustomComponentActionMessage } from '@vuu-ui/vuu-utils';
-import { useCallback } from 'react';
-import { SessionEditingForm } from '../session-editing-form/SessionEditingForm.js';
-import { useModal } from '@vuu-ui/vuu-ui-controls';
-
-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 isVuuMenuItem = (menu) => "rpcName" in menu;
-const isGroupMenuItem = (menu) => "menus" in menu;
-const hasFilter = ({ filter }) => typeof filter === "string" && filter.length > 0;
-const getMenuItemOptions = (menu, options) => {
-  switch (menu.context) {
-    case "cell":
-      return {
-        ...menu,
-        field: options.column.name,
-        rowKey: options.dataRow.key,
-        value: options.dataRow[options.column.name]
-      };
-    case "row":
-      return {
-        ...menu,
-        columns: options.columns,
-        row: options.dataRow,
-        rowKey: options.dataRow.key
-      };
-    case "selected-rows":
-      return {
-        ...menu,
-        columns: options.columns
-      };
-    default:
-      return menu;
-  }
-};
-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, dataRow, selectedRows, filter) => {
-  if (context === "cell" || context === "row") {
-    const filterPredicate = getFilterPredicate(filter);
-    return filterPredicate(dataRow);
-  } else if (context === "selected-rows") {
-    if (selectedRows.length === 0) {
-      return false;
-    } else {
-      const filterPredicate = getFilterPredicate(filter);
-      return selectedRows.every(filterPredicate);
-    }
-  }
-  return true;
-};
-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.dataRow,
-      options.selectedRows,
-      menuItem.filter
-    );
-  }
-  if (isCellMenu(menuItem) && menuItem.field !== "*") {
-    return menuItem.field === options.column.name;
-  }
-  return true;
-};
-const buildMenuDescriptorFromVuuMenu = (menu, tableLocation, options) => {
-  if (menuShouldBeRenderedInThisContext(menu, tableLocation, options)) {
-    if (isVuuMenuItem(menu)) {
-      return {
-        label: menu.name,
-        id: "MENU_RPC_CALL",
-        options: getMenuItemOptions(menu, options)
-      };
-    } else {
-      const children = menu.menus.map(
-        (childMenu) => buildMenuDescriptorFromVuuMenu(childMenu, tableLocation, options)
-      ).filter(
-        (childMenu) => childMenu !== void 0
-      );
-      if (children.length > 0) {
-        return {
-          label: menu.name,
-          children
-        };
-      }
-    }
-  }
-};
-const keyFirst = (c1, c2) => c1.isKeyField ? -1 : c2.isKeyField ? 1 : 0;
-const defaultFormConfig = {
-  fields: [],
-  key: "",
-  title: ""
-};
-const configFromSchema = (schema) => {
-  if (schema) {
-    const { columns, key } = schema;
-    return {
-      key,
-      title: `Parameters for command`,
-      fields: columns.map((col) => ({
-        description: col.name,
-        label: col.name,
-        name: col.name,
-        type: col.serverDataType,
-        isKeyField: col.name === key
-      })).sort(keyFirst)
-    };
-  }
-};
-const getFormConfig = (action) => {
-  const { tableSchema: schema } = action;
-  const config = configFromSchema(schema) ?? defaultFormConfig;
-  return {
-    config,
-    schema
-  };
-};
-const useVuuMenuActions = ({
-  clientSideMenuActionHandler,
-  dataSource,
-  onRpcResponse
-}) => {
-  const { VuuDataSource } = useData();
-  const menuBuilder = useCallback(
-    (location, options) => {
-      const descriptors = [];
-      if (dataSource) {
-        const { links, menu } = dataSource;
-        const { visualLink } = dataSource;
-        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}`,
-              id: "link-table",
-              options: linkDescriptor
-            });
-          });
-        }
-        if (menu && isTableLocation(location)) {
-          const menuDescriptor = buildMenuDescriptorFromVuuMenu(
-            menu,
-            location,
-            options
-          );
-          if (isRoot(menu) && isGroupMenuItemDescriptor(menuDescriptor)) {
-            descriptors.push(...menuDescriptor.children);
-          } else if (menuDescriptor) {
-            descriptors.push(menuDescriptor);
-          }
-        }
-      } else {
-        throw Error("useVuuMenuActions no dataSource provided");
-      }
-      return descriptors;
-    },
-    [dataSource]
-  );
-  const { showDialog, closeDialog, showPrompt } = useModal();
-  const { showNotification } = useNotifications();
-  const showCustomComponentInDialog = useCallback(
-    (componentId, ds, table) => {
-      const sessionDs = new VuuDataSource({
-        columns: ds.columns,
-        table,
-        viewport: table.table
-      });
-      const handleOpenChangePrompt = (open) => {
-        if (!open) {
-          ds.unsubscribe();
-        }
-      };
-      const Component = getLayoutComponent(componentId);
-      showPrompt(/* @__PURE__ */ jsx(Component, { dataSource: sessionDs }), {
-        title: "Confirm operation on selected rows",
-        onOpenChange: handleOpenChangePrompt
-      });
-    },
-    [VuuDataSource, showPrompt]
-  );
-  const showSessionEditingForm = useCallback(
-    async (ds, action) => {
-      const { tableSchema } = action;
-      if (tableSchema) {
-        const formConfig = getFormConfig(action);
-        showDialog(
-          /* @__PURE__ */ jsx(SessionEditingForm, { ...formConfig, onClose: closeDialog }),
-          "Set Parameters"
-        );
-      }
-      const sessionDs = await ds.createSessionDataSource?.("All");
-      const handleSubmit = () => {
-        sessionDs?.rpcRequest?.({
-          params: {
-            save: true
-          },
-          rpcName: "endEditSession",
-          type: "RPC_REQUEST"
-        });
-        closeDialog();
-      };
-      if (sessionDs) {
-        showDialog(
-          /* @__PURE__ */ jsx(
-            BulkEditPanel,
-            {
-              sessionDs,
-              onSubmit: handleSubmit,
-              parentDs: ds
-            }
-          ),
-          "Multi Row Edit",
-          [
-            /* @__PURE__ */ jsx(Button, { onClick: closeDialog, children: "Cancel" }, "cancel"),
-            /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, children: "Save" }, "submit")
-          ]
-        );
-      }
-    },
-    [closeDialog, showDialog]
-  );
-  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 menuActionHandler = useCallback(
-    (menuItemId, options) => {
-      if (clientSideMenuActionHandler?.(menuItemId, options)) {
-        return true;
-      } else if (menuItemId === "MENU_RPC_CALL") {
-        const rpcRequest = getMenuRpcRequest(options);
-        dataSource?.menuRpcCall(rpcRequest).then((rpcResponse) => {
-          if (rpcResponse) {
-            if (onRpcResponse?.(rpcResponse) === true) {
-              return true;
-            }
-            if (isActionMessage(rpcResponse)) {
-              if (hasShowNotificationAction(rpcResponse)) {
-                const {
-                  action: { message, title = "Success" }
-                } = rpcResponse;
-                showNotification({
-                  status: "success",
-                  content: message,
-                  header: title,
-                  type: NotificationType.Toast
-                });
-              } else if (isSessionTableActionMessage(rpcResponse)) {
-                showSessionEditingForm(dataSource, rpcResponse.action);
-              } else if (isCustomComponentActionMessage(rpcResponse)) {
-                showCustomComponentInDialog(
-                  rpcResponse.action.renderComponent,
-                  dataSource,
-                  rpcResponse.action.table
-                );
-              }
-            }
-          }
-        });
-        return true;
-      } else if (menuItemId === "link-table") {
-        if (dataSource) {
-          dataSource.visualLink = options;
-        }
-        return true;
-      } else {
-        console.log(
-          `useViewServer handleMenuAction,  can't handle action type ${menuItemId}`
-        );
-      }
-      return false;
-    },
-    [
-      clientSideMenuActionHandler,
-      dataSource,
-      onRpcResponse,
-      showCustomComponentInDialog,
-      showNotification,
-      showSessionEditingForm
-    ]
-  );
-  return {
-    menuBuilder,
-    menuActionHandler
-  };
-};
-
-export { isRowMenu, isSelectionMenu, useVuuMenuActions };
-//# sourceMappingURL=useVuuMenuActions.js.map