Fix: correctly access types from "to" function (#32691) (#33067)

* fix: correctly access types

they are not exposed on the handlers object, they must be imported from @kbn/interpreter

* chore: move to function to browser

types can be accessed in the browser now, and a common function makes no sense right now. also #33039 prevents having the same function in both places anyway

x-pack/plugins/canvas/init.js

@@ -5,14 +5,13 @@
  */
 
 import { routes } from './server/routes';
-import { commonFunctions } from './common/functions';
 import { registerCanvasUsageCollector } from './server/usage';
 import { functions } from './canvas_plugin_src/functions/server';
 import { loadSampleData } from './server/sample_data';
 
 export default async function(server /*options*/) {
   const { serverFunctions } = server.plugins.interpreter.register({
-    serverFunctions: commonFunctions.concat(functions),
+    serverFunctions: functions,
   });
 
   server.injectUiAppVars('canvas', async () => {

x-pack/plugins/canvas/public/components/app/index.js

@@ -25,7 +25,6 @@ import { tagSpecs } from '../../../canvas_plugin_src/uis/tags';
 import { functions as browserFunctions } from '../../../canvas_plugin_src/functions/browser';
 import { functions as commonPluginFunctions } from '../../../canvas_plugin_src/functions/common';
 import { templateSpecs } from '../../../canvas_plugin_src/templates';
-import { commonFunctions } from '../../../common/functions';
 import { clientFunctions } from '../../functions';
 
 import {
@@ -67,10 +66,7 @@ register(registries, {
   viewUIs: viewSpecs,
   datasourceUIs: datasourceSpecs,
   argumentUIs: argSpecs,
-  browserFunctions: browserFunctions
-    .concat(commonFunctions)
-    .concat(clientFunctions)
-    .concat(commonPluginFunctions),
+  browserFunctions: browserFunctions.concat(clientFunctions).concat(commonPluginFunctions),
   templates: templateSpecs,
   tagUIs: tagSpecs,
 });

x-pack/plugins/canvas/public/functions/index.js

@@ -7,5 +7,6 @@
 import { asset } from './asset';
 import { filters } from './filters';
 import { timelion } from './timelion';
+import { to } from './to';
 
-export const clientFunctions = [asset, filters, timelion];
+export const clientFunctions = [asset, filters, timelion, to];

x-pack/plugins/canvas/common/functions/to.js → x-pack/plugins/canvas/public/functions/to.js

@@ -5,6 +5,7 @@
  */
 
 import { castProvider } from '@kbn/interpreter/common';
+import { registries } from '@kbn/interpreter/public';
 
 export const to = () => ({
   name: 'to',
@@ -19,11 +20,11 @@ export const to = () => ({
       multi: true,
     },
   },
-  fn: (context, args, { types }) => {
+  fn: (context, args) => {
     if (!args.type) {
       throw new Error('Must specify a casting type');
     }
 
-    return castProvider(types)(context, args.type);
+    return castProvider(registries.types.toJS())(context, args.type);
   },
 });