Plugin for mithril-ui-form of the SearchSelect component

app.ts

import { registerPlugin } from 'mithril-ui-form';
import { searchSelectPlugin } from './search-select-plugin';

// Register plugin under the name `search_select` or any other name of your choosing.
registerPlugin('search_select', searchSelectPlugin);

search-select-plugin.ts

import m from 'mithril';
import { PluginType } from 'mithril-ui-form';
import { SearchSelect, Option } from 'mithril-materialized';

export const searchSelectPlugin: PluginType<string[], Option<string>[]> = () => {
  let options: Option<string>[] = [];
  let className: string | undefined;

  return {
    oninit: ({ attrs: { field } }) => {
      const { options: o, className: c } = field;
      className = c;
      if (o && typeof o !== 'string') {
        options = o;
      }
    },
    view: ({ attrs: { iv, onchange, label } }) => {
      return m(
        '.multi-select',
        { className },
        m(SearchSelect<string>, {
          label,
          initialValue: iv,
          options,
          onchange,
        })
      );
    },
  };
};