@deephaven/dashboard-core-plugins 0.43.0 → 0.44.1-beta.0

package/dist/FilterPlugin.js

@@ -0,0 +1,205 @@
+import { useCallback, useEffect, useState } from 'react';
+import { useDispatch } from 'react-redux';
+import shortid from 'shortid';
+import { assertIsDashboardPluginProps, LayoutUtils, PanelEvent, updateDashboardData, useListener } from '@deephaven/dashboard';
+import Log from '@deephaven/log';
+import { TextUtils } from '@deephaven/utils';
+import { InputFilterEvent } from "./events/index.js";
+import { DropdownFilterPanel, FilterSetManagerPanel, InputFilterPanel } from "./panels/index.js";
+var log = Log.module('FilterPlugin');
+function flattenArray(accumulator, currentValue) {
+  return accumulator.concat(currentValue);
+}
+export function FilterPlugin(props) {
+  assertIsDashboardPluginProps(props);
+  var {
+    id: localDashboardId,
+    layout,
+    registerComponent
+  } = props;
+  var dispatch = useDispatch();
+  var [panelColumns] = useState(() => new Map());
+  var [panelFilters] = useState(() => new Map());
+  var [panelTables] = useState(() => new Map());
+  var sendUpdate = useCallback(() => {
+    var columns = Array.from(panelColumns.values()).reduce(flattenArray, []).sort((a, b) => {
+      var aName = TextUtils.toLower(a.name);
+      var bName = TextUtils.toLower(b.name);
+      if (aName !== bName) {
+        return aName > bName ? 1 : -1;
+      }
+      var aType = TextUtils.toLower(a.type);
+      var bType = TextUtils.toLower(b.type);
+      if (aType !== bType) {
+        return aType > bType ? 1 : -1;
+      }
+      return 0;
+    }).reduce((array, column) => {
+      if (array.length === 0 || TextUtils.toLower(array[array.length - 1].name) !== TextUtils.toLower(column.name) || TextUtils.toLower(array[array.length - 1].type) !== TextUtils.toLower(column.type)) {
+        array.push(column);
+      }
+      return array;
+    }, []);
+    var filters = Array.from(panelFilters.values()).reduce(flattenArray, []).sort((a, b) => a.timestamp - b.timestamp);
+    var tableMap = new Map(panelTables);
+    log.debug('sendUpdate', {
+      columns,
+      filters,
+      tableMap
+    });
+    dispatch(updateDashboardData(localDashboardId, {
+      columns,
+      filters,
+      tableMap
+    }));
+  }, [dispatch, localDashboardId, panelColumns, panelFilters, panelTables]);
+
+  /**
+   * Handler for the COLUMNS_CHANGED event.
+   * @param panel The component that's emitting the filter change
+   * @param columns The columns in this panel
+   */
+  var handleColumnsChanged = useCallback((panel, columns) => {
+    log.debug2('handleColumnsChanged', panel, columns);
+    panelColumns.set(panel, [].concat(columns));
+    sendUpdate();
+  }, [panelColumns, sendUpdate]);
+
+  /**
+   * Handler for the FILTERS_CHANGED event.
+   * @param {Component} panel The component that's emitting the filter change
+   * @param {FilterChangeEvent|Array<FilterChangeEvent>} filters The input filters set by the panel
+   */
+  var handleFiltersChanged = useCallback((panel, filters) => {
+    log.debug2('handleFiltersChanged', panel, filters);
+    panelFilters.set(panel, [].concat(filters));
+    sendUpdate();
+  }, [panelFilters, sendUpdate]);
+  var handleTableChanged = useCallback((panel, table) => {
+    log.debug2('handleTableChanged', panel, table);
+    panelTables.set(LayoutUtils.getIdFromPanel(panel), table);
+    sendUpdate();
+  }, [panelTables, sendUpdate]);
+  var handlePanelUnmount = useCallback(panel => {
+    log.debug2('handlePanelUnmount', panel);
+    panelColumns.delete(panel);
+    panelFilters.delete(panel);
+    panelTables.delete(LayoutUtils.getIdFromPanel(panel));
+    sendUpdate();
+  }, [panelColumns, panelFilters, panelTables, sendUpdate]);
+  var handleOpenDropdown = useCallback(_ref => {
+    var {
+      title = 'DropdownFilter',
+      metadata = {},
+      panelState = null,
+      id = shortid.generate(),
+      focusElement = LayoutUtils.DEFAULT_FOCUS_SELECTOR,
+      createNewStack = false,
+      dragEvent = null
+    } = _ref;
+    var config = {
+      type: 'react-component',
+      component: DropdownFilterPanel.COMPONENT,
+      props: {
+        id,
+        metadata,
+        panelState,
+        localDashboardId
+      },
+      title,
+      id
+    };
+    var {
+      root
+    } = layout;
+    LayoutUtils.openComponent({
+      root,
+      config,
+      focusElement,
+      createNewStack,
+      dragEvent
+    });
+  }, [layout, localDashboardId]);
+  var handleOpenInput = useCallback(_ref2 => {
+    var {
+      title = 'InputFilter',
+      metadata = {},
+      panelState = null,
+      id = shortid.generate(),
+      focusElement = LayoutUtils.DEFAULT_FOCUS_SELECTOR,
+      createNewStack = false,
+      dragEvent = undefined
+    } = _ref2;
+    var config = {
+      type: 'react-component',
+      component: InputFilterPanel.COMPONENT,
+      props: {
+        id,
+        metadata,
+        panelState,
+        localDashboardId
+      },
+      title,
+      id
+    };
+    var {
+      root
+    } = layout;
+    LayoutUtils.openComponent({
+      root,
+      config,
+      focusElement,
+      createNewStack,
+      dragEvent
+    });
+  }, [layout, localDashboardId]);
+  var handleOpenFilterSetManager = useCallback(_ref3 => {
+    var {
+      title = 'FilterSets',
+      metadata = {},
+      panelState = null,
+      id = shortid.generate(),
+      focusElement = LayoutUtils.DEFAULT_FOCUS_SELECTOR,
+      createNewStack = false,
+      dragEvent = null
+    } = _ref3;
+    var config = {
+      type: 'react-component',
+      component: FilterSetManagerPanel.COMPONENT,
+      props: {
+        id,
+        metadata,
+        panelState,
+        localDashboardId
+      },
+      title,
+      id
+    };
+    var {
+      root
+    } = layout;
+    LayoutUtils.openComponent({
+      root,
+      config,
+      focusElement,
+      createNewStack,
+      dragEvent
+    });
+  }, [layout, localDashboardId]);
+  useEffect(function registerComponentsAndReturnCleanup() {
+    var cleanups = [registerComponent(DropdownFilterPanel.COMPONENT, DropdownFilterPanel), registerComponent(InputFilterPanel.COMPONENT, InputFilterPanel), registerComponent(FilterSetManagerPanel.COMPONENT, FilterSetManagerPanel)];
+    return () => {
+      cleanups.forEach(cleanup => cleanup());
+    };
+  }, [registerComponent]);
+  useListener(layout.eventHub, InputFilterEvent.COLUMNS_CHANGED, handleColumnsChanged);
+  useListener(layout.eventHub, InputFilterEvent.FILTERS_CHANGED, handleFiltersChanged);
+  useListener(layout.eventHub, InputFilterEvent.TABLE_CHANGED, handleTableChanged);
+  useListener(layout.eventHub, InputFilterEvent.OPEN_DROPDOWN, handleOpenDropdown);
+  useListener(layout.eventHub, InputFilterEvent.OPEN_INPUT, handleOpenInput);
+  useListener(layout.eventHub, InputFilterEvent.OPEN_FILTER_SET_MANAGER, handleOpenFilterSetManager);
+  useListener(layout.eventHub, PanelEvent.UNMOUNT, handlePanelUnmount);
+  return null;
+}
+export default FilterPlugin;
+//# sourceMappingURL=FilterPlugin.js.map

package/dist/FilterPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPlugin.js","names":["useCallback","useEffect","useState","useDispatch","shortid","assertIsDashboardPluginProps","LayoutUtils","PanelEvent","updateDashboardData","useListener","Log","TextUtils","InputFilterEvent","DropdownFilterPanel","FilterSetManagerPanel","InputFilterPanel","log","module","flattenArray","accumulator","currentValue","concat","FilterPlugin","props","id","localDashboardId","layout","registerComponent","dispatch","panelColumns","Map","panelFilters","panelTables","sendUpdate","columns","Array","from","values","reduce","sort","a","b","aName","toLower","name","bName","aType","type","bType","array","column","length","push","filters","timestamp","tableMap","debug","handleColumnsChanged","panel","debug2","set","handleFiltersChanged","handleTableChanged","table","getIdFromPanel","handlePanelUnmount","delete","handleOpenDropdown","title","metadata","panelState","generate","focusElement","DEFAULT_FOCUS_SELECTOR","createNewStack","dragEvent","config","component","COMPONENT","root","openComponent","handleOpenInput","undefined","handleOpenFilterSetManager","registerComponentsAndReturnCleanup","cleanups","forEach","cleanup","eventHub","COLUMNS_CHANGED","FILTERS_CHANGED","TABLE_CHANGED","OPEN_DROPDOWN","OPEN_INPUT","OPEN_FILTER_SET_MANAGER","UNMOUNT"],"sources":["../src/FilterPlugin.tsx"],"sourcesContent":["import { Component, useCallback, useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport shortid from 'shortid';\nimport {\n  assertIsDashboardPluginProps,\n  DashboardPluginComponentProps,\n  LayoutUtils,\n  PanelEvent,\n  updateDashboardData,\n  useListener,\n} from '@deephaven/dashboard';\nimport Log from '@deephaven/log';\nimport { TextUtils } from '@deephaven/utils';\nimport { InputFilterEvent } from './events';\nimport {\n  DropdownFilterPanel,\n  FilterSetManagerPanel,\n  InputFilterPanel,\n} from './panels';\n\nconst log = Log.module('FilterPlugin');\n\ntype Column = {\n  name: string;\n  type: string;\n};\n\nexport type FilterChangeEvent = Column & {\n  value: string;\n  timestamp: number;\n  excludePanelIds?: string[];\n};\n\nexport type FilterPluginProps = Partial<DashboardPluginComponentProps>;\n\nfunction flattenArray<T>(accumulator: T[], currentValue: T | T[]): T[] {\n  return accumulator.concat(currentValue);\n}\n\nexport function FilterPlugin(props: FilterPluginProps): JSX.Element | null {\n  assertIsDashboardPluginProps(props);\n  const { id: localDashboardId, layout, registerComponent } = props;\n  const dispatch = useDispatch();\n  const [panelColumns] = useState(() => new Map<Component, Column[]>());\n  const [panelFilters] = useState(\n    () => new Map<Component, FilterChangeEvent[]>()\n  );\n  const [panelTables] = useState(() => new Map());\n\n  const sendUpdate = useCallback(() => {\n    const columns = Array.from(panelColumns.values())\n      .reduce(flattenArray, [] as Column[])\n      .sort((a, b) => {\n        const aName = TextUtils.toLower(a.name);\n        const bName = TextUtils.toLower(b.name);\n        if (aName !== bName) {\n          return aName > bName ? 1 : -1;\n        }\n\n        const aType = TextUtils.toLower(a.type);\n        const bType = TextUtils.toLower(b.type);\n        if (aType !== bType) {\n          return aType > bType ? 1 : -1;\n        }\n\n        return 0;\n      })\n      .reduce((array, column) => {\n        if (\n          array.length === 0 ||\n          TextUtils.toLower(array[array.length - 1].name) !==\n            TextUtils.toLower(column.name) ||\n          TextUtils.toLower(array[array.length - 1].type) !==\n            TextUtils.toLower(column.type)\n        ) {\n          array.push(column);\n        }\n\n        return array;\n      }, [] as Column[]);\n\n    const filters = Array.from(panelFilters.values())\n      .reduce(flattenArray, [] as FilterChangeEvent[])\n      .sort((a, b) => a.timestamp - b.timestamp);\n    const tableMap = new Map(panelTables);\n\n    log.debug('sendUpdate', { columns, filters, tableMap });\n    dispatch(\n      updateDashboardData(localDashboardId, { columns, filters, tableMap })\n    );\n  }, [dispatch, localDashboardId, panelColumns, panelFilters, panelTables]);\n\n  /**\n   * Handler for the COLUMNS_CHANGED event.\n   * @param panel The component that's emitting the filter change\n   * @param columns The columns in this panel\n   */\n  const handleColumnsChanged = useCallback(\n    (panel: Component, columns: Column | Column[]) => {\n      log.debug2('handleColumnsChanged', panel, columns);\n      panelColumns.set(panel, ([] as Column[]).concat(columns));\n      sendUpdate();\n    },\n    [panelColumns, sendUpdate]\n  );\n\n  /**\n   * Handler for the FILTERS_CHANGED event.\n   * @param {Component} panel The component that's emitting the filter change\n   * @param {FilterChangeEvent|Array<FilterChangeEvent>} filters The input filters set by the panel\n   */\n  const handleFiltersChanged = useCallback(\n    (panel, filters) => {\n      log.debug2('handleFiltersChanged', panel, filters);\n      panelFilters.set(panel, [].concat(filters) as FilterChangeEvent[]);\n      sendUpdate();\n    },\n    [panelFilters, sendUpdate]\n  );\n\n  const handleTableChanged = useCallback(\n    (panel, table) => {\n      log.debug2('handleTableChanged', panel, table);\n      panelTables.set(LayoutUtils.getIdFromPanel(panel), table);\n      sendUpdate();\n    },\n    [panelTables, sendUpdate]\n  );\n\n  const handlePanelUnmount = useCallback(\n    panel => {\n      log.debug2('handlePanelUnmount', panel);\n      panelColumns.delete(panel);\n      panelFilters.delete(panel);\n      panelTables.delete(LayoutUtils.getIdFromPanel(panel));\n      sendUpdate();\n    },\n    [panelColumns, panelFilters, panelTables, sendUpdate]\n  );\n\n  const handleOpenDropdown = useCallback(\n    ({\n      title = 'DropdownFilter',\n      metadata = {},\n      panelState = null,\n      id = shortid.generate(),\n      focusElement = LayoutUtils.DEFAULT_FOCUS_SELECTOR,\n      createNewStack = false,\n      dragEvent = null,\n    }) => {\n      const config = {\n        type: 'react-component' as const,\n        component: DropdownFilterPanel.COMPONENT,\n        props: { id, metadata, panelState, localDashboardId },\n        title,\n        id,\n      };\n\n      const { root } = layout;\n      LayoutUtils.openComponent({\n        root,\n        config,\n        focusElement,\n        createNewStack,\n        dragEvent,\n      });\n    },\n    [layout, localDashboardId]\n  );\n\n  const handleOpenInput = useCallback(\n    ({\n      title = 'InputFilter',\n      metadata = {},\n      panelState = null,\n      id = shortid.generate(),\n      focusElement = LayoutUtils.DEFAULT_FOCUS_SELECTOR,\n      createNewStack = false,\n      dragEvent = undefined,\n    }) => {\n      const config = {\n        type: 'react-component' as const,\n        component: InputFilterPanel.COMPONENT,\n        props: { id, metadata, panelState, localDashboardId },\n        title,\n        id,\n      };\n\n      const { root } = layout;\n      LayoutUtils.openComponent({\n        root,\n        config,\n        focusElement,\n        createNewStack,\n        dragEvent,\n      });\n    },\n    [layout, localDashboardId]\n  );\n\n  const handleOpenFilterSetManager = useCallback(\n    ({\n      title = 'FilterSets',\n      metadata = {},\n      panelState = null,\n      id = shortid.generate(),\n      focusElement = LayoutUtils.DEFAULT_FOCUS_SELECTOR,\n      createNewStack = false,\n      dragEvent = null,\n    }) => {\n      const config = {\n        type: 'react-component' as const,\n        component: FilterSetManagerPanel.COMPONENT,\n        props: { id, metadata, panelState, localDashboardId },\n        title,\n        id,\n      };\n\n      const { root } = layout;\n      LayoutUtils.openComponent({\n        root,\n        config,\n        focusElement,\n        createNewStack,\n        dragEvent,\n      });\n    },\n    [layout, localDashboardId]\n  );\n\n  useEffect(\n    function registerComponentsAndReturnCleanup() {\n      const cleanups = [\n        registerComponent(DropdownFilterPanel.COMPONENT, DropdownFilterPanel),\n        registerComponent(InputFilterPanel.COMPONENT, InputFilterPanel),\n        registerComponent(\n          FilterSetManagerPanel.COMPONENT,\n          FilterSetManagerPanel\n        ),\n      ];\n\n      return () => {\n        cleanups.forEach(cleanup => cleanup());\n      };\n    },\n    [registerComponent]\n  );\n\n  useListener(\n    layout.eventHub,\n    InputFilterEvent.COLUMNS_CHANGED,\n    handleColumnsChanged\n  );\n  useListener(\n    layout.eventHub,\n    InputFilterEvent.FILTERS_CHANGED,\n    handleFiltersChanged\n  );\n  useListener(\n    layout.eventHub,\n    InputFilterEvent.TABLE_CHANGED,\n    handleTableChanged\n  );\n  useListener(\n    layout.eventHub,\n    InputFilterEvent.OPEN_DROPDOWN,\n    handleOpenDropdown\n  );\n  useListener(layout.eventHub, InputFilterEvent.OPEN_INPUT, handleOpenInput);\n  useListener(\n    layout.eventHub,\n    InputFilterEvent.OPEN_FILTER_SET_MANAGER,\n    handleOpenFilterSetManager\n  );\n  useListener(layout.eventHub, PanelEvent.UNMOUNT, handlePanelUnmount);\n\n  return null;\n}\n\nexport default FilterPlugin;\n"],"mappings":"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"}

package/dist/GridPlugin.js

@@ -0,0 +1,74 @@
+import { useCallback, useEffect, useMemo } from 'react';
+import { assertIsDashboardPluginProps, LayoutUtils, PanelEvent, useListener } from '@deephaven/dashboard';
+import { IrisGridModelFactory } from '@deephaven/iris-grid';
+import { useApi } from '@deephaven/jsapi-bootstrap';
+import shortid from 'shortid';
+import { IrisGridPanel } from "./panels/index.js";
+export function GridPlugin(props) {
+  assertIsDashboardPluginProps(props);
+  var {
+    getDownloadWorker,
+    loadPlugin,
+    id,
+    layout,
+    registerComponent,
+    hydrate,
+    theme
+  } = props;
+  var dh = useApi();
+  var supportedTypes = useMemo(() => [dh.VariableType.TABLE, dh.VariableType.TREETABLE, dh.VariableType.HIERARCHICALTABLE], [dh]);
+  var handlePanelOpen = useCallback(_ref => {
+    var {
+      dragEvent,
+      fetch,
+      panelId = shortid.generate(),
+      widget
+    } = _ref;
+    var {
+      name,
+      type
+    } = widget;
+    if (!supportedTypes.includes(type)) {
+      return;
+    }
+    var metadata = {
+      name,
+      table: name,
+      type: widget.type
+    };
+    var makeModel = () => fetch().then(table => IrisGridModelFactory.makeModel(dh, table));
+    var config = {
+      type: 'react-component',
+      component: IrisGridPanel.COMPONENT,
+      props: {
+        getDownloadWorker,
+        loadPlugin,
+        localDashboardId: id,
+        id: panelId,
+        metadata,
+        makeModel,
+        theme
+      },
+      title: name,
+      id: panelId
+    };
+    var {
+      root
+    } = layout;
+    LayoutUtils.openComponent({
+      root,
+      config,
+      dragEvent
+    });
+  }, [dh, getDownloadWorker, id, layout, loadPlugin, supportedTypes, theme]);
+  useEffect(function registerComponentsAndReturnCleanup() {
+    var cleanups = [registerComponent(IrisGridPanel.COMPONENT, IrisGridPanel, hydrate)];
+    return () => {
+      cleanups.forEach(cleanup => cleanup());
+    };
+  }, [hydrate, registerComponent]);
+  useListener(layout.eventHub, PanelEvent.OPEN, handlePanelOpen);
+  return null;
+}
+export default GridPlugin;
+//# sourceMappingURL=GridPlugin.js.map

package/dist/GridPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridPlugin.js","names":["useCallback","useEffect","useMemo","assertIsDashboardPluginProps","LayoutUtils","PanelEvent","useListener","IrisGridModelFactory","useApi","shortid","IrisGridPanel","GridPlugin","props","getDownloadWorker","loadPlugin","id","layout","registerComponent","hydrate","theme","dh","supportedTypes","VariableType","TABLE","TREETABLE","HIERARCHICALTABLE","handlePanelOpen","dragEvent","fetch","panelId","generate","widget","name","type","includes","metadata","table","makeModel","then","config","component","COMPONENT","localDashboardId","title","root","openComponent","registerComponentsAndReturnCleanup","cleanups","forEach","cleanup","eventHub","OPEN"],"sources":["../src/GridPlugin.tsx"],"sourcesContent":["import React, { DragEvent, useCallback, useEffect, useMemo } from 'react';\nimport {\n  assertIsDashboardPluginProps,\n  DashboardPluginComponentProps,\n  LayoutUtils,\n  PanelEvent,\n  PanelHydrateFunction,\n  useListener,\n} from '@deephaven/dashboard';\nimport { IrisGridModelFactory, IrisGridThemeType } from '@deephaven/iris-grid';\nimport { useApi } from '@deephaven/jsapi-bootstrap';\nimport type { Table, VariableDefinition } from '@deephaven/jsapi-types';\nimport shortid from 'shortid';\nimport { IrisGridPanel, IrisGridPanelProps } from './panels';\n\nexport type GridPluginProps = Partial<DashboardPluginComponentProps> & {\n  getDownloadWorker?: () => Promise<ServiceWorker>;\n  loadPlugin?: (name: string) => ReturnType<typeof React.forwardRef>;\n  hydrate: PanelHydrateFunction<IrisGridPanelProps>;\n  theme?: Partial<IrisGridThemeType>;\n};\n\nexport function GridPlugin(props: GridPluginProps): JSX.Element | null {\n  assertIsDashboardPluginProps(props);\n  const {\n    getDownloadWorker,\n    loadPlugin,\n    id,\n    layout,\n    registerComponent,\n    hydrate,\n    theme,\n  } = props;\n  const dh = useApi();\n  const supportedTypes: string[] = useMemo(\n    () => [\n      dh.VariableType.TABLE,\n      dh.VariableType.TREETABLE,\n      dh.VariableType.HIERARCHICALTABLE,\n    ],\n    [dh]\n  );\n  const handlePanelOpen = useCallback(\n    ({\n      dragEvent,\n      fetch,\n      panelId = shortid.generate(),\n      widget,\n    }: {\n      dragEvent?: DragEvent;\n      fetch: () => Promise<Table>;\n      panelId?: string;\n      widget: VariableDefinition;\n    }) => {\n      const { name, type } = widget;\n      if (!supportedTypes.includes(type)) {\n        return;\n      }\n      const metadata = { name, table: name, type: widget.type };\n      const makeModel = () =>\n        fetch().then((table: Table) =>\n          IrisGridModelFactory.makeModel(dh, table)\n        );\n      const config = {\n        type: 'react-component' as const,\n        component: IrisGridPanel.COMPONENT,\n        props: {\n          getDownloadWorker,\n          loadPlugin,\n          localDashboardId: id,\n          id: panelId,\n          metadata,\n          makeModel,\n          theme,\n        },\n        title: name,\n        id: panelId,\n      };\n\n      const { root } = layout;\n      LayoutUtils.openComponent({ root, config, dragEvent });\n    },\n    [dh, getDownloadWorker, id, layout, loadPlugin, supportedTypes, theme]\n  );\n\n  useEffect(\n    function registerComponentsAndReturnCleanup() {\n      const cleanups = [\n        registerComponent(\n          IrisGridPanel.COMPONENT,\n          IrisGridPanel,\n          hydrate as PanelHydrateFunction\n        ),\n      ];\n      return () => {\n        cleanups.forEach(cleanup => cleanup());\n      };\n    },\n    [hydrate, registerComponent]\n  );\n\n  useListener(layout.eventHub, PanelEvent.OPEN, handlePanelOpen);\n\n  return null;\n}\n\nexport default GridPlugin;\n"],"mappings":"AAAA,SAA2BA,WAAW,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACzE,SACEC,4BAA4B,EAE5BC,WAAW,EACXC,UAAU,EAEVC,WAAW,QACN,sBAAsB;AAC7B,SAASC,oBAAoB,QAA2B,sBAAsB;AAC9E,SAASC,MAAM,QAAQ,4BAA4B;AAEnD,OAAOC,OAAO,MAAM,SAAS;AAAC,SACrBC,aAAa;AAStB,OAAO,SAASC,UAAU,CAACC,KAAsB,EAAsB;EACrET,4BAA4B,CAACS,KAAK,CAAC;EACnC,IAAM;IACJC,iBAAiB;IACjBC,UAAU;IACVC,EAAE;IACFC,MAAM;IACNC,iBAAiB;IACjBC,OAAO;IACPC;EACF,CAAC,GAAGP,KAAK;EACT,IAAMQ,EAAE,GAAGZ,MAAM,EAAE;EACnB,IAAMa,cAAwB,GAAGnB,OAAO,CACtC,MAAM,CACJkB,EAAE,CAACE,YAAY,CAACC,KAAK,EACrBH,EAAE,CAACE,YAAY,CAACE,SAAS,EACzBJ,EAAE,CAACE,YAAY,CAACG,iBAAiB,CAClC,EACD,CAACL,EAAE,CAAC,CACL;EACD,IAAMM,eAAe,GAAG1B,WAAW,CACjC,QAUM;IAAA,IAVL;MACC2B,SAAS;MACTC,KAAK;MACLC,OAAO,GAAGpB,OAAO,CAACqB,QAAQ,EAAE;MAC5BC;IAMF,CAAC;IACC,IAAM;MAAEC,IAAI;MAAEC;IAAK,CAAC,GAAGF,MAAM;IAC7B,IAAI,CAACV,cAAc,CAACa,QAAQ,CAACD,IAAI,CAAC,EAAE;MAClC;IACF;IACA,IAAME,QAAQ,GAAG;MAAEH,IAAI;MAAEI,KAAK,EAAEJ,IAAI;MAAEC,IAAI,EAAEF,MAAM,CAACE;IAAK,CAAC;IACzD,IAAMI,SAAS,GAAG,MAChBT,KAAK,EAAE,CAACU,IAAI,CAAEF,KAAY,IACxB7B,oBAAoB,CAAC8B,SAAS,CAACjB,EAAE,EAAEgB,KAAK,CAAC,CAC1C;IACH,IAAMG,MAAM,GAAG;MACbN,IAAI,EAAE,iBAA0B;MAChCO,SAAS,EAAE9B,aAAa,CAAC+B,SAAS;MAClC7B,KAAK,EAAE;QACLC,iBAAiB;QACjBC,UAAU;QACV4B,gBAAgB,EAAE3B,EAAE;QACpBA,EAAE,EAAEc,OAAO;QACXM,QAAQ;QACRE,SAAS;QACTlB;MACF,CAAC;MACDwB,KAAK,EAAEX,IAAI;MACXjB,EAAE,EAAEc;IACN,CAAC;IAED,IAAM;MAAEe;IAAK,CAAC,GAAG5B,MAAM;IACvBZ,WAAW,CAACyC,aAAa,CAAC;MAAED,IAAI;MAAEL,MAAM;MAAEZ;IAAU,CAAC,CAAC;EACxD,CAAC,EACD,CAACP,EAAE,EAAEP,iBAAiB,EAAEE,EAAE,EAAEC,MAAM,EAAEF,UAAU,EAAEO,cAAc,EAAEF,KAAK,CAAC,CACvE;EAEDlB,SAAS,CACP,SAAS6C,kCAAkC,GAAG;IAC5C,IAAMC,QAAQ,GAAG,CACf9B,iBAAiB,CACfP,aAAa,CAAC+B,SAAS,EACvB/B,aAAa,EACbQ,OAAO,CACR,CACF;IACD,OAAO,MAAM;MACX6B,QAAQ,CAACC,OAAO,CAACC,OAAO,IAAIA,OAAO,EAAE,CAAC;IACxC,CAAC;EACH,CAAC,EACD,CAAC/B,OAAO,EAAED,iBAAiB,CAAC,CAC7B;EAEDX,WAAW,CAACU,MAAM,CAACkC,QAAQ,EAAE7C,UAAU,CAAC8C,IAAI,EAAEzB,eAAe,CAAC;EAE9D,OAAO,IAAI;AACb;AAEA,eAAef,UAAU"}

package/dist/LinkerPlugin.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { assertIsDashboardPluginProps } from '@deephaven/dashboard';
+import Linker from "./linker/Linker.js";
+export function LinkerPlugin(props) {
+  assertIsDashboardPluginProps(props);
+  var {
+    id,
+    layout,
+    panelManager
+  } = props;
+  return /*#__PURE__*/React.createElement(Linker, {
+    layout: layout,
+    localDashboardId: id,
+    panelManager: panelManager
+  });
+}
+export default LinkerPlugin;
+//# sourceMappingURL=LinkerPlugin.js.map

package/dist/LinkerPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkerPlugin.js","names":["React","assertIsDashboardPluginProps","Linker","LinkerPlugin","props","id","layout","panelManager"],"sources":["../src/LinkerPlugin.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  assertIsDashboardPluginProps,\n  DashboardPluginComponentProps,\n} from '@deephaven/dashboard';\nimport Linker from './linker/Linker';\n\nexport type LinkerPluginProps = Partial<DashboardPluginComponentProps>;\n\nexport function LinkerPlugin(props: LinkerPluginProps): JSX.Element {\n  assertIsDashboardPluginProps(props);\n  const { id, layout, panelManager } = props;\n  return (\n    <Linker layout={layout} localDashboardId={id} panelManager={panelManager} />\n  );\n}\n\nexport default LinkerPlugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,4BAA4B,QAEvB,sBAAsB;AAAC,OACvBC,MAAM;AAIb,OAAO,SAASC,YAAY,CAACC,KAAwB,EAAe;EAClEH,4BAA4B,CAACG,KAAK,CAAC;EACnC,IAAM;IAAEC,EAAE;IAAEC,MAAM;IAAEC;EAAa,CAAC,GAAGH,KAAK;EAC1C,oBACE,oBAAC,MAAM;IAAC,MAAM,EAAEE,MAAO;IAAC,gBAAgB,EAAED,EAAG;IAAC,YAAY,EAAEE;EAAa,EAAG;AAEhF;AAEA,eAAeJ,YAAY"}

package/dist/MarkdownPlugin.js

@@ -0,0 +1,87 @@
+import { useCallback, useEffect } from 'react';
+import shortid from 'shortid';
+import { assertIsDashboardPluginProps, dehydrate, hydrate, LayoutUtils, useListener } from '@deephaven/dashboard';
+import { MarkdownPanel } from "./panels/index.js";
+import MarkdownUtils from "./controls/markdown/MarkdownUtils.js";
+import MarkdownEvent from "./events/MarkdownEvent.js";
+export function MarkdownPlugin(props) {
+  assertIsDashboardPluginProps(props);
+  var {
+    id,
+    layout,
+    panelManager,
+    registerComponent
+  } = props;
+  var dehydrateMarkdown = useCallback(config => {
+    var {
+      title,
+      componentState,
+      props: configProps
+    } = config;
+    var {
+      panelState = null
+    } = configProps;
+    if (componentState != null) {
+      ({
+        panelState = null
+      } = componentState);
+    }
+    if (title == null || panelState == null || panelState.content == null || panelState.content.length === 0 || panelState.content === MarkdownUtils.DEFAULT_CONTENT) {
+      // We don't want to save it if there's no content
+      return null;
+    }
+    return dehydrate(config);
+  }, []);
+  var handleOpen = useCallback(function () {
+    var {
+      title = '',
+      metadata = {},
+      id: panelId = shortid.generate(),
+      focusElement = LayoutUtils.DEFAULT_FOCUS_SELECTOR,
+      createNewStack = false,
+      dragEvent = null
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var openedMarkdowns = panelManager.getOpenedPanelConfigsOfType(MarkdownPanel.COMPONENT);
+    var closedMarkdowns = panelManager.getClosedPanelConfigsOfType(MarkdownPanel.COMPONENT);
+    var usedTitles = openedMarkdowns.map(markdown => {
+      var _markdown$title;
+      return (_markdown$title = markdown.title) !== null && _markdown$title !== void 0 ? _markdown$title : '';
+    });
+    var panelTitle = title != null && title !== '' ? title : MarkdownUtils.getNewMarkdownTitle(usedTitles);
+    var content = closedMarkdowns.length > 0 ? null : MarkdownUtils.DEFAULT_CONTENT;
+    var config = {
+      type: 'react-component',
+      component: MarkdownPanel.COMPONENT,
+      props: {
+        id: panelId,
+        metadata,
+        panelState: {
+          content
+        },
+        localDashboardId: id
+      },
+      title: panelTitle,
+      id: panelId
+    };
+    var {
+      root
+    } = layout;
+    LayoutUtils.openComponent({
+      root,
+      config,
+      focusElement,
+      createNewStack,
+      dragEvent
+    });
+  }, [id, layout, panelManager]);
+  useEffect(function registerComponentsAndReturnCleanup() {
+    var cleanups = [registerComponent(MarkdownPanel.COMPONENT, MarkdownPanel, hydrate, dehydrateMarkdown)];
+    return () => {
+      cleanups.forEach(cleanup => cleanup());
+    };
+  }, [dehydrateMarkdown, registerComponent]);
+  useListener(layout.eventHub, MarkdownEvent.OPEN, handleOpen);
+  return null;
+}
+export default MarkdownPlugin;
+//# sourceMappingURL=MarkdownPlugin.js.map

package/dist/MarkdownPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownPlugin.js","names":["useCallback","useEffect","shortid","assertIsDashboardPluginProps","dehydrate","hydrate","LayoutUtils","useListener","MarkdownPanel","MarkdownUtils","MarkdownEvent","MarkdownPlugin","props","id","layout","panelManager","registerComponent","dehydrateMarkdown","config","title","componentState","configProps","panelState","content","length","DEFAULT_CONTENT","handleOpen","metadata","panelId","generate","focusElement","DEFAULT_FOCUS_SELECTOR","createNewStack","dragEvent","openedMarkdowns","getOpenedPanelConfigsOfType","COMPONENT","closedMarkdowns","getClosedPanelConfigsOfType","usedTitles","map","markdown","panelTitle","getNewMarkdownTitle","type","component","localDashboardId","root","openComponent","registerComponentsAndReturnCleanup","cleanups","forEach","cleanup","eventHub","OPEN"],"sources":["../src/MarkdownPlugin.tsx"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport shortid from 'shortid';\nimport {\n  assertIsDashboardPluginProps,\n  DashboardPluginComponentProps,\n  dehydrate,\n  hydrate,\n  LayoutUtils,\n  useListener,\n} from '@deephaven/dashboard';\nimport { MarkdownPanel } from './panels';\nimport MarkdownUtils from './controls/markdown/MarkdownUtils';\nimport MarkdownEvent from './events/MarkdownEvent';\n\nexport type MarkdownPluginProps = Partial<DashboardPluginComponentProps>;\n\nexport type MarkdownComponentState = {\n  panelState?: { content: string } | null;\n};\n\nexport function MarkdownPlugin(props: MarkdownPluginProps): JSX.Element | null {\n  assertIsDashboardPluginProps(props);\n  const { id, layout, panelManager, registerComponent } = props;\n  const dehydrateMarkdown = useCallback(config => {\n    const { title, componentState, props: configProps } = config;\n    let { panelState = null }: MarkdownComponentState = configProps;\n    if (componentState != null) {\n      ({ panelState = null } = componentState as MarkdownComponentState);\n    }\n    if (\n      title == null ||\n      panelState == null ||\n      panelState.content == null ||\n      panelState.content.length === 0 ||\n      panelState.content === MarkdownUtils.DEFAULT_CONTENT\n    ) {\n      // We don't want to save it if there's no content\n      return null;\n    }\n    return dehydrate(config);\n  }, []);\n\n  const handleOpen = useCallback(\n    ({\n      title = '',\n      metadata = {},\n      id: panelId = shortid.generate(),\n      focusElement = LayoutUtils.DEFAULT_FOCUS_SELECTOR,\n      createNewStack = false,\n      dragEvent = null,\n    } = {}) => {\n      const openedMarkdowns = panelManager.getOpenedPanelConfigsOfType(\n        MarkdownPanel.COMPONENT\n      );\n      const closedMarkdowns = panelManager.getClosedPanelConfigsOfType(\n        MarkdownPanel.COMPONENT\n      );\n      const usedTitles = openedMarkdowns.map(markdown => markdown.title ?? '');\n      const panelTitle =\n        title != null && title !== ''\n          ? title\n          : MarkdownUtils.getNewMarkdownTitle(usedTitles);\n      const content =\n        closedMarkdowns.length > 0 ? null : MarkdownUtils.DEFAULT_CONTENT;\n      const config = {\n        type: 'react-component' as const,\n        component: MarkdownPanel.COMPONENT,\n        props: {\n          id: panelId,\n          metadata,\n          panelState: { content },\n          localDashboardId: id,\n        },\n        title: panelTitle,\n        id: panelId,\n      };\n\n      const { root } = layout;\n      LayoutUtils.openComponent({\n        root,\n        config,\n        focusElement,\n        createNewStack,\n        dragEvent,\n      });\n    },\n    [id, layout, panelManager]\n  );\n\n  useEffect(\n    function registerComponentsAndReturnCleanup() {\n      const cleanups = [\n        registerComponent(\n          MarkdownPanel.COMPONENT,\n          MarkdownPanel,\n          hydrate,\n          dehydrateMarkdown\n        ),\n      ];\n\n      return () => {\n        cleanups.forEach(cleanup => cleanup());\n      };\n    },\n    [dehydrateMarkdown, registerComponent]\n  );\n\n  useListener(layout.eventHub, MarkdownEvent.OPEN, handleOpen);\n\n  return null;\n}\n\nexport default MarkdownPlugin;\n"],"mappings":"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"}

package/dist/PandasPlugin.js

@@ -0,0 +1,66 @@
+import { useCallback, useEffect } from 'react';
+import { assertIsDashboardPluginProps, LayoutUtils, PanelEvent, useListener } from '@deephaven/dashboard';
+import { IrisGridModelFactory } from '@deephaven/iris-grid';
+import { useApi } from '@deephaven/jsapi-bootstrap';
+import shortid from 'shortid';
+import { PandasPanel } from "./panels/index.js";
+export function PandasPlugin(props) {
+  assertIsDashboardPluginProps(props);
+  var {
+    hydrate,
+    id,
+    layout,
+    registerComponent
+  } = props;
+  var dh = useApi();
+  var handlePanelOpen = useCallback(_ref => {
+    var {
+      dragEvent,
+      fetch,
+      panelId = shortid.generate(),
+      widget
+    } = _ref;
+    var {
+      name,
+      type
+    } = widget;
+    if (type !== dh.VariableType.PANDAS) {
+      return;
+    }
+    var metadata = {
+      name,
+      table: name
+    };
+    var makeModel = () => fetch().then(table => IrisGridModelFactory.makeModel(dh, table));
+    var config = {
+      type: 'react-component',
+      component: PandasPanel.COMPONENT,
+      props: {
+        localDashboardId: id,
+        id: panelId,
+        metadata,
+        makeModel
+      },
+      title: name,
+      id: panelId
+    };
+    var {
+      root
+    } = layout;
+    LayoutUtils.openComponent({
+      root,
+      config,
+      dragEvent
+    });
+  }, [dh, id, layout]);
+  useEffect(function registerComponentsAndReturnCleanup() {
+    var cleanups = [registerComponent(PandasPanel.COMPONENT, PandasPanel, hydrate)];
+    return () => {
+      cleanups.forEach(cleanup => cleanup());
+    };
+  }, [hydrate, registerComponent]);
+  useListener(layout.eventHub, PanelEvent.OPEN, handlePanelOpen);
+  return null;
+}
+export default PandasPlugin;
+//# sourceMappingURL=PandasPlugin.js.map

package/dist/PandasPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PandasPlugin.js","names":["useCallback","useEffect","assertIsDashboardPluginProps","LayoutUtils","PanelEvent","useListener","IrisGridModelFactory","useApi","shortid","PandasPanel","PandasPlugin","props","hydrate","id","layout","registerComponent","dh","handlePanelOpen","dragEvent","fetch","panelId","generate","widget","name","type","VariableType","PANDAS","metadata","table","makeModel","then","config","component","COMPONENT","localDashboardId","title","root","openComponent","registerComponentsAndReturnCleanup","cleanups","forEach","cleanup","eventHub","OPEN"],"sources":["../src/PandasPlugin.tsx"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport {\n  assertIsDashboardPluginProps,\n  DashboardPluginComponentProps,\n  LayoutUtils,\n  PanelEvent,\n  PanelHydrateFunction,\n  useListener,\n} from '@deephaven/dashboard';\nimport { IrisGridModelFactory } from '@deephaven/iris-grid';\nimport { useApi } from '@deephaven/jsapi-bootstrap';\nimport type { Table } from '@deephaven/jsapi-types';\nimport shortid from 'shortid';\nimport { PandasPanel, PandasPanelProps } from './panels';\n\nexport type PandasPluginProps = Partial<DashboardPluginComponentProps> & {\n  hydrate: PanelHydrateFunction<PandasPanelProps>;\n};\n\nexport function PandasPlugin(props: PandasPluginProps): JSX.Element | null {\n  assertIsDashboardPluginProps(props);\n  const { hydrate, id, layout, registerComponent } = props;\n\n  const dh = useApi();\n\n  const handlePanelOpen = useCallback(\n    ({ dragEvent, fetch, panelId = shortid.generate(), widget }) => {\n      const { name, type } = widget;\n      if (type !== dh.VariableType.PANDAS) {\n        return;\n      }\n\n      const metadata = { name, table: name };\n      const makeModel = () =>\n        fetch().then((table: Table) =>\n          IrisGridModelFactory.makeModel(dh, table)\n        );\n      const config = {\n        type: 'react-component' as const,\n        component: PandasPanel.COMPONENT,\n        props: {\n          localDashboardId: id,\n          id: panelId,\n          metadata,\n          makeModel,\n        },\n        title: name,\n        id: panelId,\n      };\n\n      const { root } = layout;\n      LayoutUtils.openComponent({ root, config, dragEvent });\n    },\n    [dh, id, layout]\n  );\n\n  useEffect(\n    function registerComponentsAndReturnCleanup() {\n      const cleanups = [\n        registerComponent(PandasPanel.COMPONENT, PandasPanel, hydrate),\n      ];\n\n      return () => {\n        cleanups.forEach(cleanup => cleanup());\n      };\n    },\n    [hydrate, registerComponent]\n  );\n\n  useListener(layout.eventHub, PanelEvent.OPEN, handlePanelOpen);\n\n  return null;\n}\n\nexport default PandasPlugin;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAC9C,SACEC,4BAA4B,EAE5BC,WAAW,EACXC,UAAU,EAEVC,WAAW,QACN,sBAAsB;AAC7B,SAASC,oBAAoB,QAAQ,sBAAsB;AAC3D,SAASC,MAAM,QAAQ,4BAA4B;AAEnD,OAAOC,OAAO,MAAM,SAAS;AAAC,SACrBC,WAAW;AAMpB,OAAO,SAASC,YAAY,CAACC,KAAwB,EAAsB;EACzET,4BAA4B,CAACS,KAAK,CAAC;EACnC,IAAM;IAAEC,OAAO;IAAEC,EAAE;IAAEC,MAAM;IAAEC;EAAkB,CAAC,GAAGJ,KAAK;EAExD,IAAMK,EAAE,GAAGT,MAAM,EAAE;EAEnB,IAAMU,eAAe,GAAGjB,WAAW,CACjC,QAAgE;IAAA,IAA/D;MAAEkB,SAAS;MAAEC,KAAK;MAAEC,OAAO,GAAGZ,OAAO,CAACa,QAAQ,EAAE;MAAEC;IAAO,CAAC;IACzD,IAAM;MAAEC,IAAI;MAAEC;IAAK,CAAC,GAAGF,MAAM;IAC7B,IAAIE,IAAI,KAAKR,EAAE,CAACS,YAAY,CAACC,MAAM,EAAE;MACnC;IACF;IAEA,IAAMC,QAAQ,GAAG;MAAEJ,IAAI;MAAEK,KAAK,EAAEL;IAAK,CAAC;IACtC,IAAMM,SAAS,GAAG,MAChBV,KAAK,EAAE,CAACW,IAAI,CAAEF,KAAY,IACxBtB,oBAAoB,CAACuB,SAAS,CAACb,EAAE,EAAEY,KAAK,CAAC,CAC1C;IACH,IAAMG,MAAM,GAAG;MACbP,IAAI,EAAE,iBAA0B;MAChCQ,SAAS,EAAEvB,WAAW,CAACwB,SAAS;MAChCtB,KAAK,EAAE;QACLuB,gBAAgB,EAAErB,EAAE;QACpBA,EAAE,EAAEO,OAAO;QACXO,QAAQ;QACRE;MACF,CAAC;MACDM,KAAK,EAAEZ,IAAI;MACXV,EAAE,EAAEO;IACN,CAAC;IAED,IAAM;MAAEgB;IAAK,CAAC,GAAGtB,MAAM;IACvBX,WAAW,CAACkC,aAAa,CAAC;MAAED,IAAI;MAAEL,MAAM;MAAEb;IAAU,CAAC,CAAC;EACxD,CAAC,EACD,CAACF,EAAE,EAAEH,EAAE,EAAEC,MAAM,CAAC,CACjB;EAEDb,SAAS,CACP,SAASqC,kCAAkC,GAAG;IAC5C,IAAMC,QAAQ,GAAG,CACfxB,iBAAiB,CAACN,WAAW,CAACwB,SAAS,EAAExB,WAAW,EAAEG,OAAO,CAAC,CAC/D;IAED,OAAO,MAAM;MACX2B,QAAQ,CAACC,OAAO,CAACC,OAAO,IAAIA,OAAO,EAAE,CAAC;IACxC,CAAC;EACH,CAAC,EACD,CAAC7B,OAAO,EAAEG,iBAAiB,CAAC,CAC7B;EAEDV,WAAW,CAACS,MAAM,CAAC4B,QAAQ,EAAEtC,UAAU,CAACuC,IAAI,EAAE1B,eAAe,CAAC;EAE9D,OAAO,IAAI;AACb;AAEA,eAAeP,YAAY"}

package/dist/controls/ControlType.js

@@ -0,0 +1,10 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+class ControlType {}
+_defineProperty(ControlType, "DROPDOWN_FILTER", 'ControlType.DROPDOWN_FILTER');
+_defineProperty(ControlType, "INPUT_FILTER", 'ControlType.INPUT_FILTER');
+_defineProperty(ControlType, "MARKDOWN", 'ControlType.MARKDOWN');
+_defineProperty(ControlType, "FILTER_SET_MANAGER", 'ControlType.FILTER_SET_MANAGER');
+export default ControlType;
+//# sourceMappingURL=ControlType.js.map

package/dist/controls/ControlType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlType.js","names":["ControlType"],"sources":["../../src/controls/ControlType.ts"],"sourcesContent":["class ControlType {\n  static DROPDOWN_FILTER = 'ControlType.DROPDOWN_FILTER';\n\n  static INPUT_FILTER = 'ControlType.INPUT_FILTER';\n\n  static MARKDOWN = 'ControlType.MARKDOWN';\n\n  static FILTER_SET_MANAGER = 'ControlType.FILTER_SET_MANAGER';\n}\n\nexport default ControlType;\n"],"mappings":";;;AAAA,MAAMA,WAAW,CAAC;AAQjB,gBARKA,WAAW,qBACU,6BAA6B;AAAA,gBADlDA,WAAW,kBAGO,0BAA0B;AAAA,gBAH5CA,WAAW,cAKG,sBAAsB;AAAA,gBALpCA,WAAW,wBAOa,gCAAgC;AAG9D,eAAeA,WAAW"}

package/dist/controls/dropdown-filter/DropdownFilter.css

@@ -0,0 +1,86 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+.dropdown-filter-panel-component .lm_content {
+  overflow: visible;
+}
+
+.dropdown-filter {
+  background: #1a171a;
+}
+.dropdown-filter .error-message {
+  color: #f95d84;
+  margin-bottom: 1.5rem;
+  font-size: 1rem;
+}
+.dropdown-filter .dropdown-filter-settings-card,
+.dropdown-filter .dropdown-filter-value-card {
+  position: relative;
+  overflow: auto;
+  height: 100%;
+  background: #2d2a2e;
+}
+.dropdown-filter .dropdown-filter-card-content {
+  margin: auto;
+  padding: 0.25rem;
+}
+.dropdown-filter .dropdown-filter-settings-card {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.dropdown-filter .dropdown-filter-settings-grid {
+  display: grid;
+  grid-template-columns: max-content min-max(min-content, 350px);
+  column-gap: 0.5rem;
+  row-gap: 0.5rem;
+  padding-bottom: 1rem;
+}
+.dropdown-filter .dropdown-filter-settings-grid label {
+  padding-top: calc(0.375rem + 2px);
+  margin-bottom: 0;
+}
+.dropdown-filter .dropdown-filter-settings-grid .text-muted {
+  grid-column-start: 2;
+}
+.dropdown-filter .dropdown-filter-settings-buttons {
+  display: flex;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+}
+.dropdown-filter .dropdown-filter-value-card {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.dropdown-filter .dropdown-filter-column {
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 0.5rem;
+  color: #929192;
+  font-size: small;
+}
+.dropdown-filter .dropdown-filter-menu {
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+.dropdown-filter .dropdown-filter-value-input {
+  max-width: 100%;
+  padding: 0.25rem;
+}
+.dropdown-filter .dropdown-filter-value-input input {
+  font-size: x-large;
+  color: #f0f0ee;
+  text-align: center;
+  background: transparent;
+  border: none;
+  border-bottom: 1px solid #929192;
+  max-width: 100%;
+}
+.dropdown-filter .dropdown-filter-value-input input:focus {
+  outline: none;
+  border-bottom: 1px solid rgba(72, 120, 234, 0.85);
+  box-shadow: 0 0.2rem 0 rgba(72, 120, 234, 0.35);
+}
+
+/*# sourceMappingURL=DropdownFilter.css.map */