@deephaven/dashboard-core-plugins 1.7.2-beta.1 → 1.7.2-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ChartBuilderPlugin.js.map +1 -1
- package/dist/ChartBuilderPluginConfig.js.map +1 -1
- package/dist/ChartPanelPlugin.js +1 -1
- package/dist/ChartPanelPlugin.js.map +1 -1
- package/dist/ChartPluginConfig.js.map +1 -1
- package/dist/ChartWidgetPlugin.js.map +1 -1
- package/dist/ConsolePlugin.d.ts.map +1 -1
- package/dist/ConsolePlugin.js +12 -2
- package/dist/ConsolePlugin.js.map +1 -1
- package/dist/FilterEvents.js.map +1 -1
- package/dist/FilterPlugin.js +2 -2
- package/dist/FilterPlugin.js.map +1 -1
- package/dist/FilterPluginConfig.js.map +1 -1
- package/dist/GridPanelPlugin.js.map +1 -1
- package/dist/GridPluginConfig.js.map +1 -1
- package/dist/GridWidgetPlugin.js.map +1 -1
- package/dist/LinkerPlugin.js.map +1 -1
- package/dist/LinkerPluginConfig.js.map +1 -1
- package/dist/MarkdownPlugin.js +1 -1
- package/dist/MarkdownPlugin.js.map +1 -1
- package/dist/MarkdownPluginConfig.js.map +1 -1
- package/dist/PandasPanelPlugin.js.map +1 -1
- package/dist/PandasPluginConfig.js.map +1 -1
- package/dist/PandasWidgetPlugin.js.map +1 -1
- package/dist/TablePluginWrapper.js.map +1 -1
- package/dist/WidgetLoaderPlugin.js.map +1 -1
- package/dist/WidgetLoaderPluginConfig.js.map +1 -1
- package/dist/controls/ControlType.js.map +1 -1
- package/dist/controls/dropdown-filter/DropdownFilter.d.ts +1 -1
- package/dist/controls/dropdown-filter/DropdownFilter.d.ts.map +1 -1
- package/dist/controls/dropdown-filter/DropdownFilter.js +4 -6
- package/dist/controls/dropdown-filter/DropdownFilter.js.map +1 -1
- package/dist/controls/input-filter/InputFilter.js +1 -2
- package/dist/controls/input-filter/InputFilter.js.map +1 -1
- package/dist/controls/markdown/MarkdownContainer.js +1 -2
- package/dist/controls/markdown/MarkdownContainer.js.map +1 -1
- package/dist/controls/markdown/MarkdownEditor.js.map +1 -1
- package/dist/controls/markdown/MarkdownStartPage.js +1 -2
- package/dist/controls/markdown/MarkdownStartPage.js.map +1 -1
- package/dist/controls/markdown/MarkdownUtils.js.map +1 -1
- package/dist/events/ChartEvent.js +2 -0
- package/dist/events/ChartEvent.js.map +1 -1
- package/dist/events/ConsoleEvent.js.map +1 -1
- package/dist/events/InputFilterEvent.js +8 -0
- package/dist/events/InputFilterEvent.js.map +1 -1
- package/dist/events/IrisGridEvent.js +2 -0
- package/dist/events/IrisGridEvent.js.map +1 -1
- package/dist/events/MarkdownEvent.js.map +1 -1
- package/dist/events/NotebookEvent.js.map +1 -1
- package/dist/events/PQEvent.js.map +1 -1
- package/dist/events/PandasEvent.js +2 -0
- package/dist/events/PandasEvent.js.map +1 -1
- package/dist/events/TabEventMap.js.map +1 -1
- package/dist/events/index.js.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/linker/ColumnSelectionValidator.js.map +1 -1
- package/dist/linker/Linker.js +2 -2
- package/dist/linker/Linker.js.map +1 -1
- package/dist/linker/LinkerEvent.js.map +1 -1
- package/dist/linker/LinkerLink.js +1 -3
- package/dist/linker/LinkerLink.js.map +1 -1
- package/dist/linker/LinkerOverlayContent.js +1 -2
- package/dist/linker/LinkerOverlayContent.js.map +1 -1
- package/dist/linker/LinkerUtils.js.map +1 -1
- package/dist/linker/ToolType.js.map +1 -1
- package/dist/linker/index.js.map +1 -1
- package/dist/panels/ChartColumnSelectorOverlay.d.ts +0 -4
- package/dist/panels/ChartColumnSelectorOverlay.d.ts.map +1 -1
- package/dist/panels/ChartColumnSelectorOverlay.js +2 -7
- package/dist/panels/ChartColumnSelectorOverlay.js.map +1 -1
- package/dist/panels/ChartFilterOverlay.d.ts +0 -12
- package/dist/panels/ChartFilterOverlay.d.ts.map +1 -1
- package/dist/panels/ChartFilterOverlay.js +1 -13
- package/dist/panels/ChartFilterOverlay.js.map +1 -1
- package/dist/panels/ChartPanel.d.ts +10 -10
- package/dist/panels/ChartPanel.d.ts.map +1 -1
- package/dist/panels/ChartPanel.js +2 -4
- package/dist/panels/ChartPanel.js.map +1 -1
- package/dist/panels/ChartPanelUtils.js.map +1 -1
- package/dist/panels/CommandHistoryPanel.js +2 -4
- package/dist/panels/CommandHistoryPanel.js.map +1 -1
- package/dist/panels/ConsolePanel.d.ts +2 -1
- package/dist/panels/ConsolePanel.d.ts.map +1 -1
- package/dist/panels/ConsolePanel.js +11 -11
- package/dist/panels/ConsolePanel.js.map +1 -1
- package/dist/panels/CorePanel.js +3 -3
- package/dist/panels/CorePanel.js.map +1 -1
- package/dist/panels/DropdownFilterPanel.d.ts +2 -8
- package/dist/panels/DropdownFilterPanel.d.ts.map +1 -1
- package/dist/panels/DropdownFilterPanel.js +6 -6
- package/dist/panels/DropdownFilterPanel.js.map +1 -1
- package/dist/panels/FileExplorerPanel.d.ts +1 -7
- package/dist/panels/FileExplorerPanel.d.ts.map +1 -1
- package/dist/panels/FileExplorerPanel.js +1 -2
- package/dist/panels/FileExplorerPanel.js.map +1 -1
- package/dist/panels/FilterSetManager.js +12 -13
- package/dist/panels/FilterSetManager.js.map +1 -1
- package/dist/panels/FilterSetManagerPanel.d.ts +3 -3
- package/dist/panels/FilterSetManagerPanel.js +4 -4
- package/dist/panels/FilterSetManagerPanel.js.map +1 -1
- package/dist/panels/InputFilterPanel.d.ts +3 -3
- package/dist/panels/InputFilterPanel.js +4 -5
- package/dist/panels/InputFilterPanel.js.map +1 -1
- package/dist/panels/IrisGridPanel.d.ts +5 -5
- package/dist/panels/IrisGridPanel.d.ts.map +1 -1
- package/dist/panels/IrisGridPanel.js +14 -13
- package/dist/panels/IrisGridPanel.js.map +1 -1
- package/dist/panels/IrisGridPanelTooltip.js +1 -2
- package/dist/panels/IrisGridPanelTooltip.js.map +1 -1
- package/dist/panels/IrisGridPanelTypes.js.map +1 -1
- package/dist/panels/LogPanel.d.ts +3 -3
- package/dist/panels/LogPanel.d.ts.map +1 -1
- package/dist/panels/LogPanel.js +1 -3
- package/dist/panels/LogPanel.js.map +1 -1
- package/dist/panels/MarkdownNotebook.js +3 -4
- package/dist/panels/MarkdownNotebook.js.map +1 -1
- package/dist/panels/MarkdownPanel.d.ts +3 -3
- package/dist/panels/MarkdownPanel.js.map +1 -1
- package/dist/panels/MockFileStorage.js.map +1 -1
- package/dist/panels/MockFileStorageTable.js +1 -1
- package/dist/panels/MockFileStorageTable.js.map +1 -1
- package/dist/panels/NotebookPanel.d.ts +7 -9
- package/dist/panels/NotebookPanel.d.ts.map +1 -1
- package/dist/panels/NotebookPanel.js +8 -10
- package/dist/panels/NotebookPanel.js.map +1 -1
- package/dist/panels/PandasPanel.js +5 -6
- package/dist/panels/PandasPanel.js.map +1 -1
- package/dist/panels/PandasReloadButton.js +2 -3
- package/dist/panels/PandasReloadButton.js.map +1 -1
- package/dist/panels/WidgetPanel.js +2 -3
- package/dist/panels/WidgetPanel.js.map +1 -1
- package/dist/panels/WidgetPanelTooltip.js +1 -3
- package/dist/panels/WidgetPanelTooltip.js.map +1 -1
- package/dist/panels/WidgetPanelTypes.js.map +1 -1
- package/dist/panels/index.js.map +1 -1
- package/dist/prop-types/CommonPropTypes.js.map +1 -1
- package/dist/prop-types/UIPropTypes.js.map +1 -1
- package/dist/prop-types/index.js.map +1 -1
- package/dist/redux/actions.js.map +1 -1
- package/dist/redux/index.js.map +1 -1
- package/dist/redux/selectors.js.map +1 -1
- package/dist/useChartLinker.js.map +1 -1
- package/dist/useConfigureRuff.js.map +1 -1
- package/dist/useDashboardColumnFilters.js.map +1 -1
- package/dist/useGridLinker.js.map +1 -1
- package/dist/useHydrateGrid.js.map +1 -1
- package/dist/useIrisGridModel.js +2 -2
- package/dist/useIrisGridModel.js.map +1 -1
- package/dist/useLoadTablePlugin.js.map +1 -1
- package/dist/useTablePlugin.js +1 -1
- package/dist/useTablePlugin.js.map +1 -1
- package/package.json +24 -24
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownPlugin.js","names":["useCallback","useEffect","nanoid","assertIsDashboardPluginProps","LayoutUtils","useListener","MarkdownPanel","MarkdownUtils","MarkdownEvent","MarkdownPlugin","props","id","layout","panelManager","registerComponent","handleOpen","title","metadata","panelId","focusElement","DEFAULT_FOCUS_SELECTOR","createNewStack","dragEvent","
|
|
1
|
+
{"version":3,"file":"MarkdownPlugin.js","names":["useCallback","useEffect","nanoid","assertIsDashboardPluginProps","LayoutUtils","useListener","MarkdownPanel","MarkdownUtils","MarkdownEvent","MarkdownPlugin","props","id","layout","panelManager","registerComponent","handleOpen","title","metadata","panelId","focusElement","DEFAULT_FOCUS_SELECTOR","createNewStack","dragEvent","undefined","arguments","length","openedMarkdowns","getOpenedPanelConfigsOfType","COMPONENT","usedTitles","map","markdown","_markdown$title","panelTitle","getNewMarkdownTitle","content","config","type","component","panelState","localDashboardId","root","openComponent","registerComponentsAndReturnCleanup","cleanups","forEach","cleanup","eventHub","OPEN"],"sources":["../src/MarkdownPlugin.tsx"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { nanoid } from 'nanoid';\nimport {\n assertIsDashboardPluginProps,\n type DashboardPluginComponentProps,\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\n const handleOpen = useCallback(\n ({\n title = '',\n metadata = {},\n id: panelId = nanoid(),\n focusElement = LayoutUtils.DEFAULT_FOCUS_SELECTOR,\n createNewStack = false,\n dragEvent = undefined,\n } = {}) => {\n const openedMarkdowns = panelManager.getOpenedPanelConfigsOfType(\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 = null;\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(MarkdownPanel.COMPONENT, MarkdownPanel),\n ];\n\n return () => {\n cleanups.forEach(cleanup => cleanup());\n };\n },\n [registerComponent]\n );\n\n useListener(layout.eventHub, MarkdownEvent.OPEN, handleOpen);\n\n return null;\n}\n\nexport default MarkdownPlugin;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAC9C,SAASC,MAAM,QAAQ,QAAQ;AAC/B,SACEC,4BAA4B,EAE5BC,WAAW,EACXC,WAAW,QACN,sBAAsB;AAAC,SACrBC,aAAa;AAAA,OACfC,aAAa;AAAA,OACbC,aAAa;AAQpB,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAsB;EAC7EP,4BAA4B,CAACO,KAAK,CAAC;EACnC,IAAM;IAAEC,EAAE;IAAEC,MAAM;IAAEC,YAAY;IAAEC;EAAkB,CAAC,GAAGJ,KAAK;EAE7D,IAAMK,UAAU,GAAGf,WAAW,CAC5B,YAOW;IAAA,IAPV;MACCgB,KAAK,GAAG,EAAE;MACVC,QAAQ,GAAG,CAAC,CAAC;MACbN,EAAE,EAAEO,OAAO,GAAGhB,MAAM,CAAC,CAAC;MACtBiB,YAAY,GAAGf,WAAW,CAACgB,sBAAsB;MACjDC,cAAc,GAAG,KAAK;MACtBC,SAAS,GAAGC;IACd,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAD,SAAA,GAAAC,SAAA,MAAG,CAAC,CAAC;IACJ,IAAME,eAAe,GAAGb,YAAY,CAACc,2BAA2B,CAC9DrB,aAAa,CAACsB,SAChB,CAAC;IACD,IAAMC,UAAU,GAAGH,eAAe,CAACI,GAAG,CAACC,QAAQ;MAAA,IAAAC,eAAA;MAAA,QAAAA,eAAA,GAAID,QAAQ,CAACf,KAAK,cAAAgB,eAAA,cAAAA,eAAA,GAAI,EAAE;IAAA,EAAC;IACxE,IAAMC,UAAU,GACdjB,KAAK,IAAI,IAAI,IAAIA,KAAK,KAAK,EAAE,GACzBA,KAAK,GACLT,aAAa,CAAC2B,mBAAmB,CAACL,UAAU,CAAC;IACnD,IAAMM,OAAO,GAAG,IAAI;IACpB,IAAMC,MAAM,GAAG;MACbC,IAAI,EAAE,iBAA0B;MAChCC,SAAS,EAAEhC,aAAa,CAACsB,SAAS;MAClClB,KAAK,EAAE;QACLC,EAAE,EAAEO,OAAO;QACXD,QAAQ;QACRsB,UAAU,EAAE;UAAEJ;QAAQ,CAAC;QACvBK,gBAAgB,EAAE7B;MACpB,CAAC;MACDK,KAAK,EAAEiB,UAAU;MACjBtB,EAAE,EAAEO;IACN,CAAC;IAED,IAAM;MAAEuB;IAAK,CAAC,GAAG7B,MAAM;IACvBR,WAAW,CAACsC,aAAa,CAAC;MACxBD,IAAI;MACJL,MAAM;MACNjB,YAAY;MACZE,cAAc;MACdC;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAACX,EAAE,EAAEC,MAAM,EAAEC,YAAY,CAC3B,CAAC;EAEDZ,SAAS,CACP,SAAS0C,kCAAkCA,CAAA,EAAG;IAC5C,IAAMC,QAAQ,GAAG,CACf9B,iBAAiB,CAACR,aAAa,CAACsB,SAAS,EAAEtB,aAAa,CAAC,CAC1D;IAED,OAAO,MAAM;MACXsC,QAAQ,CAACC,OAAO,CAACC,OAAO,IAAIA,OAAO,CAAC,CAAC,CAAC;IACxC,CAAC;EACH,CAAC,EACD,CAAChC,iBAAiB,CACpB,CAAC;EAEDT,WAAW,CAACO,MAAM,CAACmC,QAAQ,EAAEvC,aAAa,CAACwC,IAAI,EAAEjC,UAAU,CAAC;EAE5D,OAAO,IAAI;AACb;AAEA,eAAeN,cAAc","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownPluginConfig.js","names":["PluginType","MarkdownPlugin","MarkdownPluginConfig","name","type","DASHBOARD_PLUGIN","component"],"sources":["../src/MarkdownPluginConfig.ts"],"sourcesContent":["import { PluginType, type DashboardPlugin } from '@deephaven/plugin';\nimport MarkdownPlugin from './MarkdownPlugin';\n\nconst MarkdownPluginConfig: DashboardPlugin = {\n name: 'MarkdownPlugin',\n type: PluginType.DASHBOARD_PLUGIN,\n component: MarkdownPlugin,\n};\n\nexport default MarkdownPluginConfig;\n"],"mappings":"AAAA,SAASA,UAAU,QAA8B,mBAAmB;AAAC,OAC9DC,cAAc;AAErB,IAAMC,oBAAqC,GAAG;EAC5CC,IAAI,EAAE,gBAAgB;EACtBC,IAAI,EAAEJ,UAAU,CAACK,gBAAgB;EACjCC,SAAS,EAAEL;AACb,CAAC;AAED,eAAeC,oBAAoB"}
|
|
1
|
+
{"version":3,"file":"MarkdownPluginConfig.js","names":["PluginType","MarkdownPlugin","MarkdownPluginConfig","name","type","DASHBOARD_PLUGIN","component"],"sources":["../src/MarkdownPluginConfig.ts"],"sourcesContent":["import { PluginType, type DashboardPlugin } from '@deephaven/plugin';\nimport MarkdownPlugin from './MarkdownPlugin';\n\nconst MarkdownPluginConfig: DashboardPlugin = {\n name: 'MarkdownPlugin',\n type: PluginType.DASHBOARD_PLUGIN,\n component: MarkdownPlugin,\n};\n\nexport default MarkdownPluginConfig;\n"],"mappings":"AAAA,SAASA,UAAU,QAA8B,mBAAmB;AAAC,OAC9DC,cAAc;AAErB,IAAMC,oBAAqC,GAAG;EAC5CC,IAAI,EAAE,gBAAgB;EACtBC,IAAI,EAAEJ,UAAU,CAACK,gBAAgB;EACjCC,SAAS,EAAEL;AACb,CAAC;AAED,eAAeC,oBAAoB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PandasPanelPlugin.js","names":["forwardRef","PandasPanel","useHydrateGrid","jsx","_jsx","PandasPanelPlugin","props","ref","localDashboardId","fetch","metadata","hydratedProps","_objectSpread","displayName"],"sources":["../src/PandasPanelPlugin.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { type WidgetPanelProps } from '@deephaven/plugin';\nimport { type dh } from '@deephaven/jsapi-types';\nimport { PandasPanel } from './panels';\nimport useHydrateGrid from './useHydrateGrid';\n\nexport const PandasPanelPlugin = forwardRef(\n (props: WidgetPanelProps<dh.Table>, ref: React.Ref<PandasPanel>) => {\n const { localDashboardId, fetch, metadata } = props;\n const hydratedProps = useHydrateGrid(fetch, localDashboardId, metadata);\n\n return (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <PandasPanel ref={ref} {...props} {...hydratedProps} />\n );\n }\n);\n\nPandasPanelPlugin.displayName = 'PandasPanelPlugin';\n\nexport default PandasPanelPlugin;\n"],"mappings":";;;;;AAAA,SAASA,UAAU,QAAQ,OAAO;AAAC,SAG1BC,WAAW;AAAA,OACbC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAErB,OAAO,IAAMC,iBAAiB,gBAAGL,UAAU,CACzC,CAACM,KAAiC,EAAEC,GAA2B,KAAK;EAClE,IAAM;IAAEC,gBAAgB;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACnD,IAAMK,aAAa,GAAGT,cAAc,CAACO,KAAK,EAAED,gBAAgB,EAAEE,QAAQ,CAAC;EAEvE;IAAA;IACE;IACAN,IAAA,CAACH,WAAW,EAAAW,aAAA,CAAAA,aAAA;MAACL,GAAG,EAAEA;IAAI,GAAKD,KAAK,GAAMK,aAAa,CAAG;EAAC;AAE3D,CACF,CAAC;AAEDN,iBAAiB,CAACQ,WAAW,GAAG,mBAAmB;AAEnD,eAAeR,iBAAiB"}
|
|
1
|
+
{"version":3,"file":"PandasPanelPlugin.js","names":["forwardRef","PandasPanel","useHydrateGrid","jsx","_jsx","PandasPanelPlugin","props","ref","localDashboardId","fetch","metadata","hydratedProps","_objectSpread","displayName"],"sources":["../src/PandasPanelPlugin.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { type WidgetPanelProps } from '@deephaven/plugin';\nimport { type dh } from '@deephaven/jsapi-types';\nimport { PandasPanel } from './panels';\nimport useHydrateGrid from './useHydrateGrid';\n\nexport const PandasPanelPlugin = forwardRef(\n (props: WidgetPanelProps<dh.Table>, ref: React.Ref<PandasPanel>) => {\n const { localDashboardId, fetch, metadata } = props;\n const hydratedProps = useHydrateGrid(fetch, localDashboardId, metadata);\n\n return (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <PandasPanel ref={ref} {...props} {...hydratedProps} />\n );\n }\n);\n\nPandasPanelPlugin.displayName = 'PandasPanelPlugin';\n\nexport default PandasPanelPlugin;\n"],"mappings":";;;;;AAAA,SAASA,UAAU,QAAQ,OAAO;AAAC,SAG1BC,WAAW;AAAA,OACbC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAErB,OAAO,IAAMC,iBAAiB,gBAAGL,UAAU,CACzC,CAACM,KAAiC,EAAEC,GAA2B,KAAK;EAClE,IAAM;IAAEC,gBAAgB;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACnD,IAAMK,aAAa,GAAGT,cAAc,CAACO,KAAK,EAAED,gBAAgB,EAAEE,QAAQ,CAAC;EAEvE;IAAA;IACE;IACAN,IAAA,CAACH,WAAW,EAAAW,aAAA,CAAAA,aAAA;MAACL,GAAG,EAAEA;IAAI,GAAKD,KAAK,GAAMK,aAAa,CAAG;EAAC;AAE3D,CACF,CAAC;AAEDN,iBAAiB,CAACQ,WAAW,GAAG,mBAAmB;AAEnD,eAAeR,iBAAiB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PandasPluginConfig.js","names":["PluginType","dhPandas","PandasWidgetPlugin","PandasPanelPlugin","PandasPluginConfig","name","title","type","WIDGET_PLUGIN","component","panelComponent","supportedTypes","icon"],"sources":["../src/PandasPluginConfig.ts"],"sourcesContent":["import { PluginType, type WidgetPlugin } from '@deephaven/plugin';\nimport { dhPandas } from '@deephaven/icons';\nimport type { dh } from '@deephaven/jsapi-types';\nimport { PandasWidgetPlugin } from './PandasWidgetPlugin';\nimport { PandasPanelPlugin } from './PandasPanelPlugin';\n\nconst PandasPluginConfig: WidgetPlugin<dh.Table> = {\n name: 'PandasPanel',\n title: 'Pandas',\n type: PluginType.WIDGET_PLUGIN,\n component: PandasWidgetPlugin,\n panelComponent: PandasPanelPlugin,\n supportedTypes: 'pandas.DataFrame',\n icon: dhPandas,\n};\n\nexport default PandasPluginConfig;\n"],"mappings":"AAAA,SAASA,UAAU,QAA2B,mBAAmB;AACjE,SAASC,QAAQ,QAAQ,kBAAkB;AAAC,SAEnCC,kBAAkB;AAAA,SAClBC,iBAAiB;AAE1B,IAAMC,kBAA0C,GAAG;EACjDC,IAAI,EAAE,aAAa;EACnBC,KAAK,EAAE,QAAQ;EACfC,IAAI,EAAEP,UAAU,CAACQ,aAAa;EAC9BC,SAAS,EAAEP,kBAAkB;EAC7BQ,cAAc,EAAEP,iBAAiB;EACjCQ,cAAc,EAAE,kBAAkB;EAClCC,IAAI,EAAEX;AACR,CAAC;AAED,eAAeG,kBAAkB"}
|
|
1
|
+
{"version":3,"file":"PandasPluginConfig.js","names":["PluginType","dhPandas","PandasWidgetPlugin","PandasPanelPlugin","PandasPluginConfig","name","title","type","WIDGET_PLUGIN","component","panelComponent","supportedTypes","icon"],"sources":["../src/PandasPluginConfig.ts"],"sourcesContent":["import { PluginType, type WidgetPlugin } from '@deephaven/plugin';\nimport { dhPandas } from '@deephaven/icons';\nimport type { dh } from '@deephaven/jsapi-types';\nimport { PandasWidgetPlugin } from './PandasWidgetPlugin';\nimport { PandasPanelPlugin } from './PandasPanelPlugin';\n\nconst PandasPluginConfig: WidgetPlugin<dh.Table> = {\n name: 'PandasPanel',\n title: 'Pandas',\n type: PluginType.WIDGET_PLUGIN,\n component: PandasWidgetPlugin,\n panelComponent: PandasPanelPlugin,\n supportedTypes: 'pandas.DataFrame',\n icon: dhPandas,\n};\n\nexport default PandasPluginConfig;\n"],"mappings":"AAAA,SAASA,UAAU,QAA2B,mBAAmB;AACjE,SAASC,QAAQ,QAAQ,kBAAkB;AAAC,SAEnCC,kBAAkB;AAAA,SAClBC,iBAAiB;AAE1B,IAAMC,kBAA0C,GAAG;EACjDC,IAAI,EAAE,aAAa;EACnBC,KAAK,EAAE,QAAQ;EACfC,IAAI,EAAEP,UAAU,CAACQ,aAAa;EAC9BC,SAAS,EAAEP,kBAAkB;EAC7BQ,cAAc,EAAEP,iBAAiB;EACjCQ,cAAc,EAAE,kBAAkB;EAClCC,IAAI,EAAEX;AACR,CAAC;AAED,eAAeG,kBAAkB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PandasWidgetPlugin.js","names":["IrisGrid","LoadingOverlay","getErrorMessage","PandasReloadButton","useIrisGridModel","jsx","_jsx","PandasWidgetPlugin","_ref","fetch","fetchResult","status","isLoading","errorMessage","error","model","reload","children","onClick"],"sources":["../src/PandasWidgetPlugin.tsx"],"sourcesContent":["import { type WidgetComponentProps } from '@deephaven/plugin';\nimport { type dh } from '@deephaven/jsapi-types';\nimport IrisGrid from '@deephaven/iris-grid';\nimport { LoadingOverlay } from '@deephaven/components';\nimport { getErrorMessage } from '@deephaven/utils';\nimport { PandasReloadButton } from './panels/PandasReloadButton';\nimport { useIrisGridModel } from './useIrisGridModel';\n\nexport function PandasWidgetPlugin({\n fetch,\n}: WidgetComponentProps<dh.Table>): JSX.Element | null {\n const fetchResult = useIrisGridModel(fetch);\n\n if (fetchResult.status === 'loading') {\n return (\n <LoadingOverlay isLoading data-testid=\"pandas-widget-plugin-loading\" />\n );\n }\n\n if (fetchResult.status === 'error') {\n return (\n <LoadingOverlay\n errorMessage={getErrorMessage(fetchResult.error)}\n isLoading={false}\n data-testid=\"pandas-widget-plugin-loading-error\"\n />\n );\n }\n\n const { model, reload } = fetchResult;\n return (\n <IrisGrid model={model}>\n <PandasReloadButton onClick={reload} />\n </IrisGrid>\n );\n}\n\nexport default PandasWidgetPlugin;\n"],"mappings":"AAEA,OAAOA,QAAQ,MAAM,sBAAsB;AAC3C,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,eAAe,QAAQ,kBAAkB;AAAC,SAC1CC,kBAAkB;AAAA,SAClBC,gBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEzB,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAEqB;EAAA,IAFpB;IACjCC;EAC8B,CAAC,GAAAD,IAAA;EAC/B,IAAME,WAAW,GAAGN,gBAAgB,CAACK,KAAK,CAAC;EAE3C,IAAIC,WAAW,CAACC,MAAM,KAAK,SAAS,EAAE;IACpC,oBACEL,IAAA,CAACL,cAAc;MAACW,SAAS;MAAC,eAAY;IAA8B,CAAE,CAAC;EAE3E;EAEA,IAAIF,WAAW,CAACC,MAAM,KAAK,OAAO,EAAE;IAClC,oBACEL,IAAA,CAACL,cAAc;MACbY,YAAY,EAAEX,eAAe,CAACQ,WAAW,CAACI,KAAK,CAAE;MACjDF,SAAS,EAAE,KAAM;MACjB,eAAY;IAAoC,CACjD,CAAC;EAEN;EAEA,IAAM;IAAEG,KAAK;IAAEC;EAAO,CAAC,GAAGN,WAAW;EACrC,oBACEJ,IAAA,CAACN,QAAQ;IAACe,KAAK,EAAEA,KAAM;IAAAE,QAAA,eACrBX,IAAA,CAACH,kBAAkB;MAACe,OAAO,EAAEF;IAAO,CAAE;EAAC,CAC/B,CAAC;AAEf;AAEA,eAAeT,kBAAkB"}
|
|
1
|
+
{"version":3,"file":"PandasWidgetPlugin.js","names":["IrisGrid","LoadingOverlay","getErrorMessage","PandasReloadButton","useIrisGridModel","jsx","_jsx","PandasWidgetPlugin","_ref","fetch","fetchResult","status","isLoading","errorMessage","error","model","reload","children","onClick"],"sources":["../src/PandasWidgetPlugin.tsx"],"sourcesContent":["import { type WidgetComponentProps } from '@deephaven/plugin';\nimport { type dh } from '@deephaven/jsapi-types';\nimport IrisGrid from '@deephaven/iris-grid';\nimport { LoadingOverlay } from '@deephaven/components';\nimport { getErrorMessage } from '@deephaven/utils';\nimport { PandasReloadButton } from './panels/PandasReloadButton';\nimport { useIrisGridModel } from './useIrisGridModel';\n\nexport function PandasWidgetPlugin({\n fetch,\n}: WidgetComponentProps<dh.Table>): JSX.Element | null {\n const fetchResult = useIrisGridModel(fetch);\n\n if (fetchResult.status === 'loading') {\n return (\n <LoadingOverlay isLoading data-testid=\"pandas-widget-plugin-loading\" />\n );\n }\n\n if (fetchResult.status === 'error') {\n return (\n <LoadingOverlay\n errorMessage={getErrorMessage(fetchResult.error)}\n isLoading={false}\n data-testid=\"pandas-widget-plugin-loading-error\"\n />\n );\n }\n\n const { model, reload } = fetchResult;\n return (\n <IrisGrid model={model}>\n <PandasReloadButton onClick={reload} />\n </IrisGrid>\n );\n}\n\nexport default PandasWidgetPlugin;\n"],"mappings":"AAEA,OAAOA,QAAQ,MAAM,sBAAsB;AAC3C,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,eAAe,QAAQ,kBAAkB;AAAC,SAC1CC,kBAAkB;AAAA,SAClBC,gBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEzB,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAEqB;EAAA,IAFpB;IACjCC;EAC8B,CAAC,GAAAD,IAAA;EAC/B,IAAME,WAAW,GAAGN,gBAAgB,CAACK,KAAK,CAAC;EAE3C,IAAIC,WAAW,CAACC,MAAM,KAAK,SAAS,EAAE;IACpC,oBACEL,IAAA,CAACL,cAAc;MAACW,SAAS;MAAC,eAAY;IAA8B,CAAE,CAAC;EAE3E;EAEA,IAAIF,WAAW,CAACC,MAAM,KAAK,OAAO,EAAE;IAClC,oBACEL,IAAA,CAACL,cAAc;MACbY,YAAY,EAAEX,eAAe,CAACQ,WAAW,CAACI,KAAK,CAAE;MACjDF,SAAS,EAAE,KAAM;MACjB,eAAY;IAAoC,CACjD,CAAC;EAEN;EAEA,IAAM;IAAEG,KAAK;IAAEC;EAAO,CAAC,GAAGN,WAAW;EACrC,oBACEJ,IAAA,CAACN,QAAQ;IAACe,KAAK,EAAEA,KAAM;IAAAE,QAAA,eACrBX,IAAA,CAACH,kBAAkB;MAACe,OAAO,EAAEF;IAAO,CAAE;EAAC,CAC/B,CAAC;AAEf;AAEA,eAAeT,kBAAkB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TablePluginWrapper.js","names":["forwardRef","useMemo","LayoutUtils","useLayoutManager","usePanelId","useLoadTablePlugin","jsx","_jsx","TablePluginWrapper","_ref","ref","name","model","filter","fetchColumns","selectedRanges","irisGridRef","pluginState","onStateChange","loadPlugin","Plugin","layoutManager","panelId","panelName","_panelItem$config$tit","panelItem","getContentItemById","root","config","title","panel","irisGrid","getTableName","className","children","table","tableName","displayName"],"sources":["../src/TablePluginWrapper.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\nimport {\n type TablePluginProps,\n type TablePluginElement,\n} from '@deephaven/plugin';\nimport { type IrisGridType } from '@deephaven/iris-grid';\nimport {\n LayoutUtils,\n useLayoutManager,\n usePanelId,\n} from '@deephaven/dashboard';\nimport useLoadTablePlugin from './useLoadTablePlugin';\n\nexport const TablePluginWrapper = forwardRef(\n (\n {\n name,\n model,\n filter,\n fetchColumns,\n selectedRanges,\n irisGridRef,\n pluginState,\n onStateChange,\n }: Pick<\n TablePluginProps,\n | 'model'\n | 'filter'\n | 'fetchColumns'\n | 'selectedRanges'\n | 'pluginState'\n | 'onStateChange'\n > & {\n name: string;\n irisGridRef: React.MutableRefObject<IrisGridType | null>;\n },\n ref: React.Ref<TablePluginElement>\n ): JSX.Element | null => {\n const loadPlugin = useLoadTablePlugin();\n const Plugin = useMemo(() => loadPlugin(name), [loadPlugin, name]);\n\n const layoutManager = useLayoutManager();\n const panelId = usePanelId();\n const panelName = useMemo(() => {\n if (panelId == null) {\n return 'unknown';\n }\n\n const panelItem = LayoutUtils.getContentItemById(\n layoutManager.root,\n panelId\n );\n\n return panelItem?.config.title ?? 'unknown';\n }, [layoutManager.root, panelId]);\n\n const panel = useMemo(\n () => ({\n irisGrid: irisGridRef,\n getTableName: () => panelName,\n }),\n [irisGridRef, panelName]\n );\n\n return (\n <div className=\"iris-grid-plugin\">\n <Plugin\n ref={ref}\n filter={filter}\n fetchColumns={fetchColumns}\n model={model}\n table={model.table}\n tableName={panelName}\n selectedRanges={selectedRanges}\n onStateChange={onStateChange}\n pluginState={pluginState}\n // Mimic the panel containing `irisGrid.current` for backwards compatibility\n // since we don't have an IrisGridPanel to use here.\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n panel={panel}\n />\n </div>\n );\n }\n);\n\nTablePluginWrapper.displayName = 'TablePluginWrapper';\n\nexport default TablePluginWrapper;\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAM3C,SACEC,WAAW,EACXC,gBAAgB,EAChBC,UAAU,QACL,sBAAsB;AAAC,OACvBC,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEzB,OAAO,IAAMC,kBAAkB,gBAAGR,UAAU,CAC1C,CAAAS,IAAA,EAsBEC,GAAkC,KACX;EAAA,IAtBvB;IACEC,IAAI;IACJC,KAAK;IACLC,MAAM;IACNC,YAAY;IACZC,cAAc;IACdC,WAAW;IACXC,WAAW;IACXC;EAYF,CAAC,GAAAT,IAAA;EAGD,IAAMU,UAAU,GAAGd,kBAAkB,CAAC,CAAC;EACvC,IAAMe,MAAM,GAAGnB,OAAO,CAAC,MAAMkB,UAAU,CAACR,IAAI,CAAC,EAAE,CAACQ,UAAU,EAAER,IAAI,CAAC,CAAC;EAElE,IAAMU,aAAa,GAAGlB,gBAAgB,CAAC,CAAC;EACxC,IAAMmB,OAAO,GAAGlB,UAAU,CAAC,CAAC;EAC5B,IAAMmB,SAAS,GAAGtB,OAAO,CAAC,MAAM;IAAA,IAAAuB,qBAAA;IAC9B,IAAIF,OAAO,IAAI,IAAI,EAAE;MACnB,OAAO,SAAS;IAClB;IAEA,IAAMG,SAAS,GAAGvB,WAAW,CAACwB,kBAAkB,CAC9CL,aAAa,CAACM,IAAI,EAClBL,OACF,CAAC;IAED,QAAAE,qBAAA,GAAOC,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEG,MAAM,CAACC,KAAK,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,SAAS;EAC7C,CAAC,EAAE,CAACH,aAAa,CAACM,IAAI,EAAEL,OAAO,CAAC,CAAC;EAEjC,IAAMQ,KAAK,GAAG7B,OAAO,CACnB,OAAO;IACL8B,QAAQ,EAAEf,WAAW;IACrBgB,YAAY,EAAEA,CAAA,KAAMT;EACtB,CAAC,CAAC,EACF,CAACP,WAAW,EAAEO,SAAS,CACzB,CAAC;EAED,oBACEhB,IAAA;IAAK0B,SAAS,EAAC,kBAAkB;IAAAC,QAAA,eAC/B3B,IAAA,CAACa,MAAM;MACLV,GAAG,EAAEA,GAAI;MACTG,MAAM,EAAEA,MAAO;MACfC,YAAY,EAAEA,YAAa;MAC3BF,KAAK,EAAEA,KAAM;MACbuB,KAAK,EAAEvB,KAAK,CAACuB,KAAM;MACnBC,SAAS,EAAEb,SAAU;MACrBR,cAAc,EAAEA,cAAe;MAC/BG,aAAa,EAAEA,aAAc;MAC7BD,WAAW,EAAEA;MACb;MACA;MACA;MACA;MAAA;MACAa,KAAK,EAAEA;IAAM,CACd;EAAC,CACC,CAAC;AAEV,CACF,CAAC;AAEDtB,kBAAkB,CAAC6B,WAAW,GAAG,oBAAoB;AAErD,eAAe7B,kBAAkB"}
|
|
1
|
+
{"version":3,"file":"TablePluginWrapper.js","names":["forwardRef","useMemo","LayoutUtils","useLayoutManager","usePanelId","useLoadTablePlugin","jsx","_jsx","TablePluginWrapper","_ref","ref","name","model","filter","fetchColumns","selectedRanges","irisGridRef","pluginState","onStateChange","loadPlugin","Plugin","layoutManager","panelId","panelName","_panelItem$config$tit","panelItem","getContentItemById","root","config","title","panel","irisGrid","getTableName","className","children","table","tableName","displayName"],"sources":["../src/TablePluginWrapper.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\nimport {\n type TablePluginProps,\n type TablePluginElement,\n} from '@deephaven/plugin';\nimport { type IrisGridType } from '@deephaven/iris-grid';\nimport {\n LayoutUtils,\n useLayoutManager,\n usePanelId,\n} from '@deephaven/dashboard';\nimport useLoadTablePlugin from './useLoadTablePlugin';\n\nexport const TablePluginWrapper = forwardRef(\n (\n {\n name,\n model,\n filter,\n fetchColumns,\n selectedRanges,\n irisGridRef,\n pluginState,\n onStateChange,\n }: Pick<\n TablePluginProps,\n | 'model'\n | 'filter'\n | 'fetchColumns'\n | 'selectedRanges'\n | 'pluginState'\n | 'onStateChange'\n > & {\n name: string;\n irisGridRef: React.MutableRefObject<IrisGridType | null>;\n },\n ref: React.Ref<TablePluginElement>\n ): JSX.Element | null => {\n const loadPlugin = useLoadTablePlugin();\n const Plugin = useMemo(() => loadPlugin(name), [loadPlugin, name]);\n\n const layoutManager = useLayoutManager();\n const panelId = usePanelId();\n const panelName = useMemo(() => {\n if (panelId == null) {\n return 'unknown';\n }\n\n const panelItem = LayoutUtils.getContentItemById(\n layoutManager.root,\n panelId\n );\n\n return panelItem?.config.title ?? 'unknown';\n }, [layoutManager.root, panelId]);\n\n const panel = useMemo(\n () => ({\n irisGrid: irisGridRef,\n getTableName: () => panelName,\n }),\n [irisGridRef, panelName]\n );\n\n return (\n <div className=\"iris-grid-plugin\">\n <Plugin\n ref={ref}\n filter={filter}\n fetchColumns={fetchColumns}\n model={model}\n table={model.table}\n tableName={panelName}\n selectedRanges={selectedRanges}\n onStateChange={onStateChange}\n pluginState={pluginState}\n // Mimic the panel containing `irisGrid.current` for backwards compatibility\n // since we don't have an IrisGridPanel to use here.\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n panel={panel}\n />\n </div>\n );\n }\n);\n\nTablePluginWrapper.displayName = 'TablePluginWrapper';\n\nexport default TablePluginWrapper;\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAM3C,SACEC,WAAW,EACXC,gBAAgB,EAChBC,UAAU,QACL,sBAAsB;AAAC,OACvBC,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEzB,OAAO,IAAMC,kBAAkB,gBAAGR,UAAU,CAC1C,CAAAS,IAAA,EAsBEC,GAAkC,KACX;EAAA,IAtBvB;IACEC,IAAI;IACJC,KAAK;IACLC,MAAM;IACNC,YAAY;IACZC,cAAc;IACdC,WAAW;IACXC,WAAW;IACXC;EAYF,CAAC,GAAAT,IAAA;EAGD,IAAMU,UAAU,GAAGd,kBAAkB,CAAC,CAAC;EACvC,IAAMe,MAAM,GAAGnB,OAAO,CAAC,MAAMkB,UAAU,CAACR,IAAI,CAAC,EAAE,CAACQ,UAAU,EAAER,IAAI,CAAC,CAAC;EAElE,IAAMU,aAAa,GAAGlB,gBAAgB,CAAC,CAAC;EACxC,IAAMmB,OAAO,GAAGlB,UAAU,CAAC,CAAC;EAC5B,IAAMmB,SAAS,GAAGtB,OAAO,CAAC,MAAM;IAAA,IAAAuB,qBAAA;IAC9B,IAAIF,OAAO,IAAI,IAAI,EAAE;MACnB,OAAO,SAAS;IAClB;IAEA,IAAMG,SAAS,GAAGvB,WAAW,CAACwB,kBAAkB,CAC9CL,aAAa,CAACM,IAAI,EAClBL,OACF,CAAC;IAED,QAAAE,qBAAA,GAAOC,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEG,MAAM,CAACC,KAAK,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,SAAS;EAC7C,CAAC,EAAE,CAACH,aAAa,CAACM,IAAI,EAAEL,OAAO,CAAC,CAAC;EAEjC,IAAMQ,KAAK,GAAG7B,OAAO,CACnB,OAAO;IACL8B,QAAQ,EAAEf,WAAW;IACrBgB,YAAY,EAAEA,CAAA,KAAMT;EACtB,CAAC,CAAC,EACF,CAACP,WAAW,EAAEO,SAAS,CACzB,CAAC;EAED,oBACEhB,IAAA;IAAK0B,SAAS,EAAC,kBAAkB;IAAAC,QAAA,eAC/B3B,IAAA,CAACa,MAAM;MACLV,GAAG,EAAEA,GAAI;MACTG,MAAM,EAAEA,MAAO;MACfC,YAAY,EAAEA,YAAa;MAC3BF,KAAK,EAAEA,KAAM;MACbuB,KAAK,EAAEvB,KAAK,CAACuB,KAAM;MACnBC,SAAS,EAAEb,SAAU;MACrBR,cAAc,EAAEA,cAAe;MAC/BG,aAAa,EAAEA,aAAc;MAC7BD,WAAW,EAAEA;MACb;MACA;MACA;MACA;MAAA;MACAa,KAAK,EAAEA;IAAM,CACd;EAAC,CACC,CAAC;AAEV,CACF,CAAC;AAEDtB,kBAAkB,CAAC6B,WAAW,GAAG,oBAAoB;AAErD,eAAe7B,kBAAkB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetLoaderPlugin.js","names":["useMemo","useCallback","useEffect","forwardRef","nanoid","assertIsDashboardPluginProps","LayoutUtils","canHaveRef","usePanelOpenListener","Log","isWidgetPlugin","usePlugins","WidgetPanel","jsx","_jsx","log","module","WrapWidgetPlugin","plugin","_plugin$component$dis","Wrapper","props","ref","_metadata$type","_metadata$name","C","component","metadata","panelDescriptor","_objectSpread","type","name","hasRef","descriptor","children","displayName","concat","WidgetLoaderPlugin","plugins","supportedTypes","typeMap","Map","forEach","flat","supportedType","has","_typeMap$get","warn","get","set","id","layout","registerComponent","handlePanelOpen","_ref","_widget$name","dragEvent","panelId","fetch","widget","panelProps","localDashboardId","config","title","root","openComponent","deregisterFns","Set","values","map","panelComponent","deregister","eventHub"],"sources":["../src/WidgetLoaderPlugin.tsx"],"sourcesContent":["import { useMemo, useCallback, useEffect, forwardRef } from 'react';\nimport type { ReactComponentConfig } from '@deephaven/golden-layout';\nimport { nanoid } from 'nanoid';\nimport {\n assertIsDashboardPluginProps,\n type DashboardPluginComponentProps,\n type DehydratedDashboardPanelProps,\n type PanelOpenEventDetail,\n LayoutUtils,\n type PanelProps,\n canHaveRef,\n usePanelOpenListener,\n} from '@deephaven/dashboard';\nimport Log from '@deephaven/log';\nimport {\n isWidgetPlugin,\n usePlugins,\n type WidgetPlugin,\n} from '@deephaven/plugin';\nimport { WidgetPanel } from './panels';\nimport { type WidgetPanelDescriptor } from './panels/WidgetPanelTypes';\n\nconst log = Log.module('WidgetLoaderPlugin');\n\nexport function WrapWidgetPlugin(\n plugin: WidgetPlugin\n): React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<unknown>> {\n function Wrapper(props: PanelProps, ref: React.ForwardedRef<unknown>) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const C = plugin.component as any;\n const { metadata } = props;\n\n const panelDescriptor: WidgetPanelDescriptor = {\n ...metadata,\n type: metadata?.type ?? plugin.type,\n name: metadata?.name ?? 'Widget',\n };\n\n const hasRef = canHaveRef(C);\n\n return (\n <WidgetPanel\n descriptor={panelDescriptor}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...props}\n >\n {hasRef ? (\n <C\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...props}\n ref={ref}\n />\n ) : (\n <C\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...props}\n />\n )}\n </WidgetPanel>\n );\n }\n\n Wrapper.displayName = `WidgetLoaderPlugin(${\n plugin.component.displayName ?? plugin.name\n })`;\n\n return forwardRef(Wrapper);\n}\n\n/**\n * Widget to automatically open any supported WidgetPlugin types as panels\n * if the widget is emitted from the server as the result of executed code.\n *\n * Does not open panels for widgets that are not supported by any plugins.\n * Does not open panels for widgets that are a component of a larger widget or UI element.\n *\n * @param props Dashboard plugin props\n * @returns React element\n */\nexport function WidgetLoaderPlugin(\n props: Partial<DashboardPluginComponentProps>\n): JSX.Element | null {\n const plugins = usePlugins();\n const supportedTypes = useMemo(() => {\n const typeMap = new Map<string, WidgetPlugin>();\n plugins.forEach(plugin => {\n if (!isWidgetPlugin(plugin)) {\n return;\n }\n\n [plugin.supportedTypes].flat().forEach(supportedType => {\n if (supportedType != null && supportedType !== '') {\n if (typeMap.has(supportedType)) {\n log.warn(\n `Multiple WidgetPlugins handling type ${supportedType}. Replacing ${typeMap.get(\n supportedType\n )?.name} with ${plugin.name} to handle ${supportedType}`\n );\n }\n typeMap.set(supportedType, plugin);\n }\n });\n });\n\n return typeMap;\n }, [plugins]);\n\n assertIsDashboardPluginProps(props);\n const { id, layout, registerComponent } = props;\n\n const handlePanelOpen = useCallback(\n ({\n dragEvent,\n panelId = nanoid(),\n fetch,\n widget,\n }: PanelOpenEventDetail) => {\n const { type } = widget;\n const plugin = type != null ? supportedTypes.get(type) : null;\n if (plugin == null) {\n return;\n }\n const name = widget.name ?? type;\n\n const panelProps: DehydratedDashboardPanelProps & {\n fetch?: () => Promise<unknown>;\n } = {\n localDashboardId: id,\n metadata: widget,\n fetch,\n };\n\n const config: ReactComponentConfig = {\n type: 'react-component',\n component: plugin.name,\n props: panelProps,\n title: name,\n id: panelId,\n };\n\n const { root } = layout;\n LayoutUtils.openComponent({ root, config, dragEvent });\n },\n [id, layout, supportedTypes]\n );\n\n useEffect(() => {\n const deregisterFns = [...new Set(supportedTypes.values())].map(plugin => {\n const { panelComponent } = plugin;\n if (panelComponent == null) {\n return registerComponent(plugin.name, WrapWidgetPlugin(plugin));\n }\n return registerComponent(plugin.name, panelComponent);\n });\n\n return () => {\n deregisterFns.forEach(deregister => deregister());\n };\n }, [registerComponent, supportedTypes]);\n\n /**\n * Listen for panel open events so we know when to open a panel\n */\n usePanelOpenListener(layout.eventHub, handlePanelOpen);\n\n return null;\n}\n\nexport default WidgetLoaderPlugin;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"WidgetLoaderPlugin.js","names":["useMemo","useCallback","useEffect","forwardRef","nanoid","assertIsDashboardPluginProps","LayoutUtils","canHaveRef","usePanelOpenListener","Log","isWidgetPlugin","usePlugins","WidgetPanel","jsx","_jsx","log","module","WrapWidgetPlugin","plugin","_plugin$component$dis","Wrapper","props","ref","_metadata$type","_metadata$name","C","component","metadata","panelDescriptor","_objectSpread","type","name","hasRef","descriptor","children","displayName","concat","WidgetLoaderPlugin","plugins","supportedTypes","typeMap","Map","forEach","flat","supportedType","has","_typeMap$get","warn","get","set","id","layout","registerComponent","handlePanelOpen","_ref","_widget$name","dragEvent","panelId","fetch","widget","panelProps","localDashboardId","config","title","root","openComponent","deregisterFns","Set","values","map","panelComponent","deregister","eventHub"],"sources":["../src/WidgetLoaderPlugin.tsx"],"sourcesContent":["import { useMemo, useCallback, useEffect, forwardRef } from 'react';\nimport type { ReactComponentConfig } from '@deephaven/golden-layout';\nimport { nanoid } from 'nanoid';\nimport {\n assertIsDashboardPluginProps,\n type DashboardPluginComponentProps,\n type DehydratedDashboardPanelProps,\n type PanelOpenEventDetail,\n LayoutUtils,\n type PanelProps,\n canHaveRef,\n usePanelOpenListener,\n} from '@deephaven/dashboard';\nimport Log from '@deephaven/log';\nimport {\n isWidgetPlugin,\n usePlugins,\n type WidgetPlugin,\n} from '@deephaven/plugin';\nimport { WidgetPanel } from './panels';\nimport { type WidgetPanelDescriptor } from './panels/WidgetPanelTypes';\n\nconst log = Log.module('WidgetLoaderPlugin');\n\nexport function WrapWidgetPlugin(\n plugin: WidgetPlugin\n): React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<unknown>> {\n function Wrapper(props: PanelProps, ref: React.ForwardedRef<unknown>) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const C = plugin.component as any;\n const { metadata } = props;\n\n const panelDescriptor: WidgetPanelDescriptor = {\n ...metadata,\n type: metadata?.type ?? plugin.type,\n name: metadata?.name ?? 'Widget',\n };\n\n const hasRef = canHaveRef(C);\n\n return (\n <WidgetPanel\n descriptor={panelDescriptor}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...props}\n >\n {hasRef ? (\n <C\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...props}\n ref={ref}\n />\n ) : (\n <C\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...props}\n />\n )}\n </WidgetPanel>\n );\n }\n\n Wrapper.displayName = `WidgetLoaderPlugin(${\n plugin.component.displayName ?? plugin.name\n })`;\n\n return forwardRef(Wrapper);\n}\n\n/**\n * Widget to automatically open any supported WidgetPlugin types as panels\n * if the widget is emitted from the server as the result of executed code.\n *\n * Does not open panels for widgets that are not supported by any plugins.\n * Does not open panels for widgets that are a component of a larger widget or UI element.\n *\n * @param props Dashboard plugin props\n * @returns React element\n */\nexport function WidgetLoaderPlugin(\n props: Partial<DashboardPluginComponentProps>\n): JSX.Element | null {\n const plugins = usePlugins();\n const supportedTypes = useMemo(() => {\n const typeMap = new Map<string, WidgetPlugin>();\n plugins.forEach(plugin => {\n if (!isWidgetPlugin(plugin)) {\n return;\n }\n\n [plugin.supportedTypes].flat().forEach(supportedType => {\n if (supportedType != null && supportedType !== '') {\n if (typeMap.has(supportedType)) {\n log.warn(\n `Multiple WidgetPlugins handling type ${supportedType}. Replacing ${typeMap.get(\n supportedType\n )?.name} with ${plugin.name} to handle ${supportedType}`\n );\n }\n typeMap.set(supportedType, plugin);\n }\n });\n });\n\n return typeMap;\n }, [plugins]);\n\n assertIsDashboardPluginProps(props);\n const { id, layout, registerComponent } = props;\n\n const handlePanelOpen = useCallback(\n ({\n dragEvent,\n panelId = nanoid(),\n fetch,\n widget,\n }: PanelOpenEventDetail) => {\n const { type } = widget;\n const plugin = type != null ? supportedTypes.get(type) : null;\n if (plugin == null) {\n return;\n }\n const name = widget.name ?? type;\n\n const panelProps: DehydratedDashboardPanelProps & {\n fetch?: () => Promise<unknown>;\n } = {\n localDashboardId: id,\n metadata: widget,\n fetch,\n };\n\n const config: ReactComponentConfig = {\n type: 'react-component',\n component: plugin.name,\n props: panelProps,\n title: name,\n id: panelId,\n };\n\n const { root } = layout;\n LayoutUtils.openComponent({ root, config, dragEvent });\n },\n [id, layout, supportedTypes]\n );\n\n useEffect(() => {\n const deregisterFns = [...new Set(supportedTypes.values())].map(plugin => {\n const { panelComponent } = plugin;\n if (panelComponent == null) {\n return registerComponent(plugin.name, WrapWidgetPlugin(plugin));\n }\n return registerComponent(plugin.name, panelComponent);\n });\n\n return () => {\n deregisterFns.forEach(deregister => deregister());\n };\n }, [registerComponent, supportedTypes]);\n\n /**\n * Listen for panel open events so we know when to open a panel\n */\n usePanelOpenListener(layout.eventHub, handlePanelOpen);\n\n return null;\n}\n\nexport default WidgetLoaderPlugin;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetLoaderPluginConfig.js","names":["PluginType","WidgetLoaderPlugin","WidgetLoaderPluginConfig","name","type","DASHBOARD_PLUGIN","component"],"sources":["../src/WidgetLoaderPluginConfig.ts"],"sourcesContent":["import { PluginType, type DashboardPlugin } from '@deephaven/plugin';\nimport WidgetLoaderPlugin from './WidgetLoaderPlugin';\n\nconst WidgetLoaderPluginConfig: DashboardPlugin = {\n name: 'WidgetLoaderPlugin',\n type: PluginType.DASHBOARD_PLUGIN,\n component: WidgetLoaderPlugin,\n};\n\nexport default WidgetLoaderPluginConfig;\n"],"mappings":"AAAA,SAASA,UAAU,QAA8B,mBAAmB;AAAC,OAC9DC,kBAAkB;AAEzB,IAAMC,wBAAyC,GAAG;EAChDC,IAAI,EAAE,oBAAoB;EAC1BC,IAAI,EAAEJ,UAAU,CAACK,gBAAgB;EACjCC,SAAS,EAAEL;AACb,CAAC;AAED,eAAeC,wBAAwB"}
|
|
1
|
+
{"version":3,"file":"WidgetLoaderPluginConfig.js","names":["PluginType","WidgetLoaderPlugin","WidgetLoaderPluginConfig","name","type","DASHBOARD_PLUGIN","component"],"sources":["../src/WidgetLoaderPluginConfig.ts"],"sourcesContent":["import { PluginType, type DashboardPlugin } from '@deephaven/plugin';\nimport WidgetLoaderPlugin from './WidgetLoaderPlugin';\n\nconst WidgetLoaderPluginConfig: DashboardPlugin = {\n name: 'WidgetLoaderPlugin',\n type: PluginType.DASHBOARD_PLUGIN,\n component: WidgetLoaderPlugin,\n};\n\nexport default WidgetLoaderPluginConfig;\n"],"mappings":"AAAA,SAASA,UAAU,QAA8B,mBAAmB;AAAC,OAC9DC,kBAAkB;AAEzB,IAAMC,wBAAyC,GAAG;EAChDC,IAAI,EAAE,oBAAoB;EAC1BC,IAAI,EAAEJ,UAAU,CAACK,gBAAgB;EACjCC,SAAS,EAAEL;AACb,CAAC;AAED,eAAeC,wBAAwB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlType.js","names":["ControlType","_defineProperty"],"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;AAQjBC,eAAA,CARKD,WAAW,qBACU,6BAA6B;AAAAC,eAAA,CADlDD,WAAW,kBAGO,0BAA0B;AAAAC,eAAA,CAH5CD,WAAW,cAKG,sBAAsB;AAAAC,eAAA,CALpCD,WAAW,wBAOa,gCAAgC;AAG9D,eAAeA,WAAW"}
|
|
1
|
+
{"version":3,"file":"ControlType.js","names":["ControlType","_defineProperty"],"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;AAQjBC,eAAA,CARKD,WAAW,qBACU,6BAA6B;AAAAC,eAAA,CADlDD,WAAW,kBAGO,0BAA0B;AAAAC,eAAA,CAH5CD,WAAW,cAKG,sBAAsB;AAAAC,eAAA,CALpCD,WAAW,wBAOa,gCAAgC;AAG9D,eAAeA,WAAW","ignoreList":[]}
|
|
@@ -60,7 +60,7 @@ export declare class DropdownFilter extends Component<DropdownFilterProps, Dropd
|
|
|
60
60
|
getCompatibleColumns: (source: LinkPoint, columns: readonly DropdownFilterColumn[]) => DropdownFilterColumn[];
|
|
61
61
|
getColumnOptions: (columns: DropdownFilterColumn[], selectedColumn: DropdownFilterColumn | null) => [JSX.Element[], number];
|
|
62
62
|
getSelectedOptionIndex: (values: readonly (string | null)[], value: string | null) => number;
|
|
63
|
-
getValueOptions: (values: readonly (string | null)[]) => JSX.Element[];
|
|
63
|
+
getValueOptions: (values: readonly (string | null)[]) => import("react/jsx-runtime").JSX.Element[];
|
|
64
64
|
getItemLabel: ((columns: readonly DropdownFilterColumn[], index: number) => string) & memoizee.Memoized<(columns: readonly DropdownFilterColumn[], index: number) => string>;
|
|
65
65
|
handleColumnChange(eventTargetValue: string): void;
|
|
66
66
|
handleDropdownKeyPress(event: KeyboardEvent<HTMLSelectElement>): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownFilter.d.ts","sourceRoot":"","sources":["../../../src/controls/dropdown-filter/DropdownFilter.tsx"],"names":[],"mappings":"AAIA,OAAc,EACZ,SAAS,EACT,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAKhC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAK1D,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,OAAO,EAAE,SAAS,oBAAoB,EAAE,CAAC;IACzC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE;QACjB,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;QAClC,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,KAAK,IAAI,CAAC;IACX,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,UAAU,mBAAmB;IAC3B,MAAM,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACpC,cAAc,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC5C,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,qBAAa,cAAe,SAAQ,SAAS,CAC3C,mBAAmB,EACnB,mBAAmB,CACpB;IACC,MAAM,CAAC,YAAY;;;;;;;;;;gCAWK,IAAI;kCACF,IAAI;kCACJ,IAAI;MAC5B;IAEF,MAAM,CAAC,WAAW,SAAuB;IAEzC,MAAM,CAAC,wBAAwB,SAAkC;IAEjE,MAAM,CAAC,yBAAyB,SAAqB;gBAEzC,KAAK,EAAE,mBAAmB;IAwBtC,kBAAkB,CAChB,SAAS,EAAE,mBAAmB,EAC9B,SAAS,EAAE,mBAAmB,GAC7B,IAAI;IAkCP,oBAAoB,IAAI,IAAI;IAI5B,WAAW,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAE1C,oBAAoB,WACT,SAAS,WAAW,SAAS,oBAAoB,EAAE,4BAQ5D;IAEF,gBAAgB,YAEH,oBAAoB,EAAE,kBACf,oBAAoB,GAAG,IAAI,KAC1C,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,MAAM,CAAC,CAwB1B;IAEF,sBAAsB,WACX,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,SAAS,MAAM,GAAG,IAAI,YAEzD;IAEF,eAAe,WAAoB,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE
|
|
1
|
+
{"version":3,"file":"DropdownFilter.d.ts","sourceRoot":"","sources":["../../../src/controls/dropdown-filter/DropdownFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,9 +16,7 @@ import debounce from 'lodash.debounce';
|
|
|
16
16
|
import { nanoid } from 'nanoid';
|
|
17
17
|
import Log from '@deephaven/log';
|
|
18
18
|
import "./DropdownFilter.css";
|
|
19
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
20
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
21
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
19
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
22
20
|
var log = Log.module('DropdownFilter');
|
|
23
21
|
var UPDATE_DEBOUNCE = 150;
|
|
24
22
|
export class DropdownFilter extends Component {
|
|
@@ -34,12 +32,12 @@ export class DropdownFilter extends Component {
|
|
|
34
32
|
_defineProperty(this, "getColumnOptions", memoize((columns, selectedColumn) => {
|
|
35
33
|
var selectedIndex = -1;
|
|
36
34
|
var options = [];
|
|
37
|
-
options.push(
|
|
35
|
+
options.push(/*#__PURE__*/_jsx("option", {
|
|
38
36
|
value: "-1",
|
|
39
37
|
children: "Select a column"
|
|
40
38
|
}, "placeholder"));
|
|
41
39
|
columns.forEach((columnItem, index) => {
|
|
42
|
-
options.push(
|
|
40
|
+
options.push(/*#__PURE__*/_jsx("option", {
|
|
43
41
|
value: index,
|
|
44
42
|
children: this.getItemLabel(columns, index)
|
|
45
43
|
}, "".concat(columnItem.name, "/").concat(columnItem.type)));
|
|
@@ -243,7 +241,7 @@ export class DropdownFilter extends Component {
|
|
|
243
241
|
}
|
|
244
242
|
focusInput() {
|
|
245
243
|
var _this$dropdownRef$cur;
|
|
246
|
-
(_this$dropdownRef$cur = this.dropdownRef.current) === null || _this$dropdownRef$cur === void 0
|
|
244
|
+
(_this$dropdownRef$cur = this.dropdownRef.current) === null || _this$dropdownRef$cur === void 0 || _this$dropdownRef$cur.focus();
|
|
247
245
|
}
|
|
248
246
|
resetValue() {
|
|
249
247
|
this.setState({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownFilter.js","names":["React","Component","FontAwesomeIcon","Button","CardFlip","Select","SocketedButton","vsGear","TableUtils","memoizee","memoize","debounce","nanoid","Log","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","log","module","UPDATE_DEBOUNCE","DropdownFilter","constructor","props","_defineProperty","source","columns","filter","_ref","type","undefined","isCompatibleType","columnType","selectedColumn","selectedIndex","options","push","value","children","forEach","columnItem","index","getItemLabel","concat","name","values","indexOf","PLACEHOLDER","map","val","length","shortType","substring","lastIndexOf","max","onChange","column","isValueShown","state","handleColumnChange","bind","handleSettingsCancel","handleSettingsClick","handleSettingsSave","handleBackgroundClick","handleDropdownKeyPress","handleValueChange","dropdownRef","createRef","id","disableCancel","componentDidUpdate","prevProps","prevState","isLoaded","sourceUpdated","includes","resetValue","focusInput","sendUpdate","componentWillUnmount","flush","eventTargetValue","debug2","parseInt","setState","allColumns","getCompatibleColumns","event","key","preventDefault","stopPropagation","valueIndex","_ref2","_ref3","showSettings","target","current","_this$dropdownRef$cur","focus","clearFilter","setFilterState","_ref4","_ref5","oldValue","oldIsValueShown","render","_source$columnName","disableLinking","isLinkerActive","onColumnSelected","onSourceMouseEnter","onSourceMouseLeave","settingsError","columnSelectionDisabled","isLinked","sourceButtonLabel","columnName","SOURCE_BUTTON_PLACEHOLDER","filterTitle","columnOptions","getColumnOptions","valueOptions","getValueOptions","selectedOption","getSelectedOptionIndex","disableSave","isFlipped","sourceColumnId","filterColumnId","className","htmlFor","onClick","onMouseEnter","onMouseLeave","SOURCE_BUTTON_CLASS_NAME","disabled","String","kind","tooltip","ref","onKeyDown","title","icon","transform"],"sources":["../../../src/controls/dropdown-filter/DropdownFilter.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n// background click is just a convenience method, not an actual a11y issue\n\nimport React, {\n Component,\n type KeyboardEvent,\n type MouseEvent,\n type ReactElement,\n type RefObject,\n} from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n Button,\n CardFlip,\n Select,\n SocketedButton,\n} from '@deephaven/components';\nimport { vsGear } from '@deephaven/icons';\nimport type { dh } from '@deephaven/jsapi-types';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport memoizee from 'memoizee';\nimport memoize from 'memoize-one';\nimport debounce from 'lodash.debounce';\nimport { nanoid } from 'nanoid';\nimport Log from '@deephaven/log';\nimport './DropdownFilter.scss';\nimport { type LinkPoint } from '../../linker/LinkerUtils';\n\nconst log = Log.module('DropdownFilter');\nconst UPDATE_DEBOUNCE = 150;\n\nexport interface DropdownFilterColumn {\n name: string;\n type: string;\n}\n\nexport interface DropdownFilterProps {\n column: DropdownFilterColumn;\n columns: readonly DropdownFilterColumn[];\n onSourceMouseEnter: () => void;\n onSourceMouseLeave: () => void;\n disableLinking: boolean;\n isLinkerActive: boolean;\n isLoaded: boolean;\n isValueShown: boolean;\n settingsError: string;\n source: LinkPoint;\n value: string | null;\n values: readonly (string | null)[];\n onChange: (change: {\n column: Partial<dh.Column> | null;\n isValueShown?: boolean;\n value?: string;\n }) => void;\n onColumnSelected: () => void;\n}\n\ninterface DropdownFilterState {\n column: DropdownFilterColumn | null;\n selectedColumn: DropdownFilterColumn | null;\n disableCancel: boolean;\n isValueShown: boolean;\n value: string | null;\n id: string;\n}\n\nexport class DropdownFilter extends Component<\n DropdownFilterProps,\n DropdownFilterState\n> {\n static defaultProps = {\n column: null,\n disableLinking: false,\n isLinkerActive: false,\n isLoaded: false,\n isValueShown: false,\n\n settingsError: null,\n source: null,\n value: '',\n values: [],\n onColumnSelected: (): void => undefined,\n onSourceMouseEnter: (): void => undefined,\n onSourceMouseLeave: (): void => undefined,\n };\n\n static PLACEHOLDER = 'Select a value...';\n\n static SOURCE_BUTTON_CLASS_NAME = 'btn-dropdown-filter-selector';\n\n static SOURCE_BUTTON_PLACEHOLDER = 'Select a column';\n\n constructor(props: DropdownFilterProps) {\n super(props);\n\n this.handleColumnChange = this.handleColumnChange.bind(this);\n this.handleSettingsCancel = this.handleSettingsCancel.bind(this);\n this.handleSettingsClick = this.handleSettingsClick.bind(this);\n this.handleSettingsSave = this.handleSettingsSave.bind(this);\n this.handleBackgroundClick = this.handleBackgroundClick.bind(this);\n this.handleDropdownKeyPress = this.handleDropdownKeyPress.bind(this);\n this.handleValueChange = this.handleValueChange.bind(this);\n\n this.dropdownRef = React.createRef();\n\n const { column, isValueShown, value } = props;\n this.state = {\n column,\n id: nanoid(),\n selectedColumn: column,\n disableCancel: !isValueShown,\n isValueShown,\n value,\n };\n }\n\n componentDidUpdate(\n prevProps: DropdownFilterProps,\n prevState: DropdownFilterState\n ): void {\n const { source, values, isLoaded } = this.props;\n const { column, value, isValueShown } = this.state;\n\n if (isLoaded) {\n if (source !== prevProps.source) {\n this.sourceUpdated();\n }\n\n if (\n values !== prevProps.values &&\n value !== '' &&\n !values.includes(value)\n ) {\n // Value list loaded, but doesn't contain the current value\n this.resetValue();\n }\n\n if (isValueShown !== prevState.isValueShown) {\n if (isValueShown) {\n this.focusInput();\n }\n }\n\n if (\n column !== prevState.column ||\n value !== prevState.value ||\n isValueShown !== prevState.isValueShown\n ) {\n this.sendUpdate();\n }\n }\n }\n\n componentWillUnmount(): void {\n this.sendUpdate.flush();\n }\n\n dropdownRef: RefObject<HTMLSelectElement>;\n\n getCompatibleColumns = memoize(\n (source: LinkPoint, columns: readonly DropdownFilterColumn[]) =>\n source != null\n ? columns.filter(\n ({ type }) =>\n type !== undefined &&\n TableUtils.isCompatibleType(type, source.columnType)\n )\n : []\n );\n\n getColumnOptions = memoize(\n (\n columns: DropdownFilterColumn[],\n selectedColumn: DropdownFilterColumn | null\n ): [JSX.Element[], number] => {\n let selectedIndex = -1;\n const options = [];\n options.push(\n <option key=\"placeholder\" value=\"-1\">\n Select a column\n </option>\n );\n columns.forEach((columnItem, index) => {\n options.push(\n <option key={`${columnItem.name}/${columnItem.type}`} value={index}>\n {this.getItemLabel(columns, index)}\n </option>\n );\n if (\n selectedColumn !== null &&\n columnItem.name === selectedColumn.name &&\n columnItem.type === selectedColumn.type\n ) {\n selectedIndex = index;\n }\n });\n return [options, selectedIndex];\n }\n );\n\n getSelectedOptionIndex = memoize(\n (values: readonly (string | null)[], value: string | null) =>\n values.indexOf(value)\n );\n\n getValueOptions = memoize((values: readonly (string | null)[]) => [\n <option value=\"-1\" key=\"-1\">\n {DropdownFilter.PLACEHOLDER}\n </option>,\n ...values.map((val, index) => (\n <option\n value={index}\n // eslint-disable-next-line react/no-array-index-key\n key={`${index}/${val}`}\n >\n {val ?? '(null)'}\n </option>\n )),\n ]);\n\n getItemLabel = memoizee(\n (columns: readonly DropdownFilterColumn[], index: number) => {\n const { name, type } = columns[index];\n\n if (\n (index > 0 && columns[index - 1].name === name) ||\n (index < columns.length - 1 && columns[index + 1].name === name)\n ) {\n const shortType = type.substring(type.lastIndexOf('.') + 1);\n return `${name} (${shortType})`;\n }\n\n return name;\n },\n { max: 1000 }\n );\n\n handleColumnChange(eventTargetValue: string): void {\n const value = eventTargetValue;\n log.debug2('handleColumnChange', value);\n if (value != null && parseInt(value, 10) < 0) {\n this.setState({\n selectedColumn: null,\n });\n return;\n }\n const { columns: allColumns, source } = this.props;\n const columns = this.getCompatibleColumns(source, allColumns);\n this.setState({\n selectedColumn: columns[parseInt(value, 10)],\n });\n }\n\n handleDropdownKeyPress(event: KeyboardEvent<HTMLSelectElement>): void {\n if (event.key === 'Enter') {\n event.preventDefault();\n event.stopPropagation();\n\n log.debug2('handleDropdownKeyPress');\n\n this.sendUpdate();\n this.sendUpdate.flush();\n }\n }\n\n handleValueChange(eventTargetValue: string): void {\n const valueIndex = eventTargetValue;\n const index = parseInt(valueIndex, 10);\n // Default empty string value for 'clear filter'\n let value: string | null = '';\n const { values } = this.props;\n if (index >= 0 && index < values.length) {\n value = values[index];\n } else {\n log.debug2('Selected default item');\n }\n\n log.debug2('handleValueChange', value);\n\n this.setState({ value });\n }\n\n handleSettingsCancel(): void {\n this.setState(({ column }) => ({\n selectedColumn: column,\n isValueShown: true,\n }));\n }\n\n handleSettingsSave(): void {\n this.setState(({ column, selectedColumn, value }) => ({\n column: selectedColumn,\n // Reset value if column changed\n value: column === selectedColumn ? value : '',\n isValueShown: true,\n disableCancel: false,\n }));\n }\n\n handleSettingsClick(event: MouseEvent<HTMLButtonElement>): void {\n event.stopPropagation();\n this.showSettings();\n }\n\n handleBackgroundClick(event: MouseEvent<HTMLDivElement>): void {\n // allow clicking anywhere in the background to select and focus the input\n if (event.target !== this.dropdownRef.current) {\n this.focusInput();\n }\n }\n\n sourceUpdated(): void {\n this.setState({\n column: null,\n selectedColumn: null,\n isValueShown: false,\n disableCancel: true,\n value: '',\n });\n }\n\n showSettings(): void {\n const { column } = this.state;\n this.setState({ selectedColumn: column, isValueShown: false });\n }\n\n focusInput(): void {\n this.dropdownRef.current?.focus();\n }\n\n resetValue(): void {\n this.setState({ value: '' });\n }\n\n // Called by the parent component via ref\n clearFilter(): void {\n this.resetValue();\n }\n\n // Called by the parent component via ref\n setFilterState({\n name,\n type,\n value,\n isValueShown,\n }: {\n name?: string;\n type?: string;\n value?: string;\n isValueShown?: boolean;\n }): void {\n const column = name != null && type != null ? { name, type } : null;\n this.setState(({ value: oldValue, isValueShown: oldIsValueShown }) => ({\n column,\n value: value ?? oldValue,\n isValueShown: isValueShown ?? oldIsValueShown,\n }));\n }\n\n sendUpdate = debounce(() => {\n const { onChange } = this.props;\n const { column, value, isValueShown } = this.state;\n onChange({ column, isValueShown, value: value ?? undefined });\n }, UPDATE_DEBOUNCE);\n\n render(): ReactElement {\n const {\n columns: allColumns,\n disableLinking,\n isLinkerActive,\n isLoaded,\n source,\n onColumnSelected,\n onSourceMouseEnter,\n onSourceMouseLeave,\n values,\n settingsError,\n } = this.props;\n const { column, disableCancel, id, isValueShown, selectedColumn, value } =\n this.state;\n const columnSelectionDisabled = source === null;\n const columns = this.getCompatibleColumns(source, allColumns);\n const isLinked = source != null;\n const sourceButtonLabel =\n source?.columnName ?? DropdownFilter.SOURCE_BUTTON_PLACEHOLDER;\n const filterTitle = column != null ? `${column.name} Filter` : null;\n const [columnOptions, selectedIndex] = this.getColumnOptions(\n columns,\n selectedColumn\n );\n const valueOptions = this.getValueOptions(values);\n const selectedOption = this.getSelectedOptionIndex(values, value);\n const disableSave = !isLinked || selectedColumn == null;\n\n const isFlipped = isValueShown && !isLinkerActive;\n\n const sourceColumnId = `source-column-btn-${id}`;\n const filterColumnId = `filter-column-select-${id}`;\n\n return (\n <CardFlip\n className=\"dropdown-filter fill-parent-absolute\"\n isFlipped={isFlipped}\n >\n <div className=\"dropdown-filter-settings-card\">\n <div className=\"dropdown-filter-card-content\">\n <div className=\"dropdown-filter-settings-grid\">\n <label htmlFor={sourceColumnId}>Source Column</label>\n <SocketedButton\n id={sourceColumnId}\n isLinked={isLinked}\n onClick={onColumnSelected}\n onMouseEnter={onSourceMouseEnter}\n onMouseLeave={onSourceMouseLeave}\n className={DropdownFilter.SOURCE_BUTTON_CLASS_NAME}\n disabled={disableLinking}\n >\n {sourceButtonLabel}\n </SocketedButton>\n\n <div className=\"text-muted small\">\n Select a source column for the list by linking to a table.\n </div>\n\n <label htmlFor={filterColumnId}>Filter Column</label>\n <Select\n id={filterColumnId}\n value={String(selectedIndex)}\n className=\"custom-select\"\n onChange={this.handleColumnChange}\n disabled={columnSelectionDisabled}\n >\n {columnOptions}\n </Select>\n <div className=\"text-muted small\">\n Dropdown filter control will apply its filter to all columns\n matching this name in this dashboard.\n </div>\n </div>\n {settingsError && (\n <div className=\"error-message text-center\">{settingsError}</div>\n )}\n {isLinked && (\n <div className=\"dropdown-filter-settings-buttons\">\n <Button\n kind=\"secondary\"\n type=\"button\"\n onClick={this.handleSettingsCancel}\n disabled={disableCancel || isValueShown || isLinkerActive}\n tooltip={\n isLinkerActive\n ? 'Cancel disabled while linker open'\n : undefined\n }\n >\n Cancel\n </Button>\n <Button\n kind=\"primary\"\n type=\"button\"\n className=\"ml-2\"\n onClick={this.handleSettingsSave}\n disabled={disableSave || isValueShown || isLinkerActive}\n tooltip={\n isLinkerActive\n ? 'Save disabled while linker open'\n : undefined\n }\n >\n Save\n </Button>\n </div>\n )}\n </div>\n </div>\n\n <div\n className=\"dropdown-filter-value-card\"\n onClick={this.handleBackgroundClick}\n data-testid=\"dropdown-filter-value-background\"\n >\n {isLoaded && (\n <>\n <div className=\"dropdown-filter-column\">\n <div className=\"dropdown-filter-column-title\">\n {filterTitle}\n </div>\n </div>\n <div className=\"dropdown-filter-card-content\">\n <div className=\"dropdown-filter-value-input d-flex flex-column justify-content-center\">\n <Select\n className=\"custom-select\"\n value={String(selectedOption)}\n ref={this.dropdownRef}\n onChange={this.handleValueChange}\n onKeyDown={this.handleDropdownKeyPress}\n title=\"Select Value\"\n >\n {valueOptions}\n </Select>\n </div>\n {settingsError && (\n <div className=\"error-message mt-3 text-center\">\n {settingsError}\n </div>\n )}\n </div>\n <div className=\"dropdown-filter-menu\">\n <Button\n kind=\"ghost\"\n className=\"m-2 px-2\"\n onClick={this.handleSettingsClick}\n icon={<FontAwesomeIcon icon={vsGear} transform=\"grow-4\" />}\n tooltip=\"Dropdown Filter Settings\"\n />\n </div>\n </>\n )}\n </div>\n </CardFlip>\n );\n }\n}\n\nexport default DropdownFilter;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DropdownFilter.js","names":["React","Component","FontAwesomeIcon","Button","CardFlip","Select","SocketedButton","vsGear","TableUtils","memoizee","memoize","debounce","nanoid","Log","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","log","module","UPDATE_DEBOUNCE","DropdownFilter","constructor","props","_defineProperty","source","columns","filter","_ref","type","undefined","isCompatibleType","columnType","selectedColumn","selectedIndex","options","push","value","children","forEach","columnItem","index","getItemLabel","concat","name","values","indexOf","PLACEHOLDER","map","val","length","shortType","substring","lastIndexOf","max","onChange","column","isValueShown","state","handleColumnChange","bind","handleSettingsCancel","handleSettingsClick","handleSettingsSave","handleBackgroundClick","handleDropdownKeyPress","handleValueChange","dropdownRef","createRef","id","disableCancel","componentDidUpdate","prevProps","prevState","isLoaded","sourceUpdated","includes","resetValue","focusInput","sendUpdate","componentWillUnmount","flush","eventTargetValue","debug2","parseInt","setState","allColumns","getCompatibleColumns","event","key","preventDefault","stopPropagation","valueIndex","_ref2","_ref3","showSettings","target","current","_this$dropdownRef$cur","focus","clearFilter","setFilterState","_ref4","_ref5","oldValue","oldIsValueShown","render","_source$columnName","disableLinking","isLinkerActive","onColumnSelected","onSourceMouseEnter","onSourceMouseLeave","settingsError","columnSelectionDisabled","isLinked","sourceButtonLabel","columnName","SOURCE_BUTTON_PLACEHOLDER","filterTitle","columnOptions","getColumnOptions","valueOptions","getValueOptions","selectedOption","getSelectedOptionIndex","disableSave","isFlipped","sourceColumnId","filterColumnId","className","htmlFor","onClick","onMouseEnter","onMouseLeave","SOURCE_BUTTON_CLASS_NAME","disabled","String","kind","tooltip","ref","onKeyDown","title","icon","transform"],"sources":["../../../src/controls/dropdown-filter/DropdownFilter.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n// background click is just a convenience method, not an actual a11y issue\n\nimport React, {\n Component,\n type KeyboardEvent,\n type MouseEvent,\n type ReactElement,\n type RefObject,\n} from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n Button,\n CardFlip,\n Select,\n SocketedButton,\n} from '@deephaven/components';\nimport { vsGear } from '@deephaven/icons';\nimport type { dh } from '@deephaven/jsapi-types';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport memoizee from 'memoizee';\nimport memoize from 'memoize-one';\nimport debounce from 'lodash.debounce';\nimport { nanoid } from 'nanoid';\nimport Log from '@deephaven/log';\nimport './DropdownFilter.scss';\nimport { type LinkPoint } from '../../linker/LinkerUtils';\n\nconst log = Log.module('DropdownFilter');\nconst UPDATE_DEBOUNCE = 150;\n\nexport interface DropdownFilterColumn {\n name: string;\n type: string;\n}\n\nexport interface DropdownFilterProps {\n column: DropdownFilterColumn;\n columns: readonly DropdownFilterColumn[];\n onSourceMouseEnter: () => void;\n onSourceMouseLeave: () => void;\n disableLinking: boolean;\n isLinkerActive: boolean;\n isLoaded: boolean;\n isValueShown: boolean;\n settingsError: string;\n source: LinkPoint;\n value: string | null;\n values: readonly (string | null)[];\n onChange: (change: {\n column: Partial<dh.Column> | null;\n isValueShown?: boolean;\n value?: string;\n }) => void;\n onColumnSelected: () => void;\n}\n\ninterface DropdownFilterState {\n column: DropdownFilterColumn | null;\n selectedColumn: DropdownFilterColumn | null;\n disableCancel: boolean;\n isValueShown: boolean;\n value: string | null;\n id: string;\n}\n\nexport class DropdownFilter extends Component<\n DropdownFilterProps,\n DropdownFilterState\n> {\n static defaultProps = {\n column: null,\n disableLinking: false,\n isLinkerActive: false,\n isLoaded: false,\n isValueShown: false,\n\n settingsError: null,\n source: null,\n value: '',\n values: [],\n onColumnSelected: (): void => undefined,\n onSourceMouseEnter: (): void => undefined,\n onSourceMouseLeave: (): void => undefined,\n };\n\n static PLACEHOLDER = 'Select a value...';\n\n static SOURCE_BUTTON_CLASS_NAME = 'btn-dropdown-filter-selector';\n\n static SOURCE_BUTTON_PLACEHOLDER = 'Select a column';\n\n constructor(props: DropdownFilterProps) {\n super(props);\n\n this.handleColumnChange = this.handleColumnChange.bind(this);\n this.handleSettingsCancel = this.handleSettingsCancel.bind(this);\n this.handleSettingsClick = this.handleSettingsClick.bind(this);\n this.handleSettingsSave = this.handleSettingsSave.bind(this);\n this.handleBackgroundClick = this.handleBackgroundClick.bind(this);\n this.handleDropdownKeyPress = this.handleDropdownKeyPress.bind(this);\n this.handleValueChange = this.handleValueChange.bind(this);\n\n this.dropdownRef = React.createRef();\n\n const { column, isValueShown, value } = props;\n this.state = {\n column,\n id: nanoid(),\n selectedColumn: column,\n disableCancel: !isValueShown,\n isValueShown,\n value,\n };\n }\n\n componentDidUpdate(\n prevProps: DropdownFilterProps,\n prevState: DropdownFilterState\n ): void {\n const { source, values, isLoaded } = this.props;\n const { column, value, isValueShown } = this.state;\n\n if (isLoaded) {\n if (source !== prevProps.source) {\n this.sourceUpdated();\n }\n\n if (\n values !== prevProps.values &&\n value !== '' &&\n !values.includes(value)\n ) {\n // Value list loaded, but doesn't contain the current value\n this.resetValue();\n }\n\n if (isValueShown !== prevState.isValueShown) {\n if (isValueShown) {\n this.focusInput();\n }\n }\n\n if (\n column !== prevState.column ||\n value !== prevState.value ||\n isValueShown !== prevState.isValueShown\n ) {\n this.sendUpdate();\n }\n }\n }\n\n componentWillUnmount(): void {\n this.sendUpdate.flush();\n }\n\n dropdownRef: RefObject<HTMLSelectElement>;\n\n getCompatibleColumns = memoize(\n (source: LinkPoint, columns: readonly DropdownFilterColumn[]) =>\n source != null\n ? columns.filter(\n ({ type }) =>\n type !== undefined &&\n TableUtils.isCompatibleType(type, source.columnType)\n )\n : []\n );\n\n getColumnOptions = memoize(\n (\n columns: DropdownFilterColumn[],\n selectedColumn: DropdownFilterColumn | null\n ): [JSX.Element[], number] => {\n let selectedIndex = -1;\n const options = [];\n options.push(\n <option key=\"placeholder\" value=\"-1\">\n Select a column\n </option>\n );\n columns.forEach((columnItem, index) => {\n options.push(\n <option key={`${columnItem.name}/${columnItem.type}`} value={index}>\n {this.getItemLabel(columns, index)}\n </option>\n );\n if (\n selectedColumn !== null &&\n columnItem.name === selectedColumn.name &&\n columnItem.type === selectedColumn.type\n ) {\n selectedIndex = index;\n }\n });\n return [options, selectedIndex];\n }\n );\n\n getSelectedOptionIndex = memoize(\n (values: readonly (string | null)[], value: string | null) =>\n values.indexOf(value)\n );\n\n getValueOptions = memoize((values: readonly (string | null)[]) => [\n <option value=\"-1\" key=\"-1\">\n {DropdownFilter.PLACEHOLDER}\n </option>,\n ...values.map((val, index) => (\n <option\n value={index}\n // eslint-disable-next-line react/no-array-index-key\n key={`${index}/${val}`}\n >\n {val ?? '(null)'}\n </option>\n )),\n ]);\n\n getItemLabel = memoizee(\n (columns: readonly DropdownFilterColumn[], index: number) => {\n const { name, type } = columns[index];\n\n if (\n (index > 0 && columns[index - 1].name === name) ||\n (index < columns.length - 1 && columns[index + 1].name === name)\n ) {\n const shortType = type.substring(type.lastIndexOf('.') + 1);\n return `${name} (${shortType})`;\n }\n\n return name;\n },\n { max: 1000 }\n );\n\n handleColumnChange(eventTargetValue: string): void {\n const value = eventTargetValue;\n log.debug2('handleColumnChange', value);\n if (value != null && parseInt(value, 10) < 0) {\n this.setState({\n selectedColumn: null,\n });\n return;\n }\n const { columns: allColumns, source } = this.props;\n const columns = this.getCompatibleColumns(source, allColumns);\n this.setState({\n selectedColumn: columns[parseInt(value, 10)],\n });\n }\n\n handleDropdownKeyPress(event: KeyboardEvent<HTMLSelectElement>): void {\n if (event.key === 'Enter') {\n event.preventDefault();\n event.stopPropagation();\n\n log.debug2('handleDropdownKeyPress');\n\n this.sendUpdate();\n this.sendUpdate.flush();\n }\n }\n\n handleValueChange(eventTargetValue: string): void {\n const valueIndex = eventTargetValue;\n const index = parseInt(valueIndex, 10);\n // Default empty string value for 'clear filter'\n let value: string | null = '';\n const { values } = this.props;\n if (index >= 0 && index < values.length) {\n value = values[index];\n } else {\n log.debug2('Selected default item');\n }\n\n log.debug2('handleValueChange', value);\n\n this.setState({ value });\n }\n\n handleSettingsCancel(): void {\n this.setState(({ column }) => ({\n selectedColumn: column,\n isValueShown: true,\n }));\n }\n\n handleSettingsSave(): void {\n this.setState(({ column, selectedColumn, value }) => ({\n column: selectedColumn,\n // Reset value if column changed\n value: column === selectedColumn ? value : '',\n isValueShown: true,\n disableCancel: false,\n }));\n }\n\n handleSettingsClick(event: MouseEvent<HTMLButtonElement>): void {\n event.stopPropagation();\n this.showSettings();\n }\n\n handleBackgroundClick(event: MouseEvent<HTMLDivElement>): void {\n // allow clicking anywhere in the background to select and focus the input\n if (event.target !== this.dropdownRef.current) {\n this.focusInput();\n }\n }\n\n sourceUpdated(): void {\n this.setState({\n column: null,\n selectedColumn: null,\n isValueShown: false,\n disableCancel: true,\n value: '',\n });\n }\n\n showSettings(): void {\n const { column } = this.state;\n this.setState({ selectedColumn: column, isValueShown: false });\n }\n\n focusInput(): void {\n this.dropdownRef.current?.focus();\n }\n\n resetValue(): void {\n this.setState({ value: '' });\n }\n\n // Called by the parent component via ref\n clearFilter(): void {\n this.resetValue();\n }\n\n // Called by the parent component via ref\n setFilterState({\n name,\n type,\n value,\n isValueShown,\n }: {\n name?: string;\n type?: string;\n value?: string;\n isValueShown?: boolean;\n }): void {\n const column = name != null && type != null ? { name, type } : null;\n this.setState(({ value: oldValue, isValueShown: oldIsValueShown }) => ({\n column,\n value: value ?? oldValue,\n isValueShown: isValueShown ?? oldIsValueShown,\n }));\n }\n\n sendUpdate = debounce(() => {\n const { onChange } = this.props;\n const { column, value, isValueShown } = this.state;\n onChange({ column, isValueShown, value: value ?? undefined });\n }, UPDATE_DEBOUNCE);\n\n render(): ReactElement {\n const {\n columns: allColumns,\n disableLinking,\n isLinkerActive,\n isLoaded,\n source,\n onColumnSelected,\n onSourceMouseEnter,\n onSourceMouseLeave,\n values,\n settingsError,\n } = this.props;\n const { column, disableCancel, id, isValueShown, selectedColumn, value } =\n this.state;\n const columnSelectionDisabled = source === null;\n const columns = this.getCompatibleColumns(source, allColumns);\n const isLinked = source != null;\n const sourceButtonLabel =\n source?.columnName ?? DropdownFilter.SOURCE_BUTTON_PLACEHOLDER;\n const filterTitle = column != null ? `${column.name} Filter` : null;\n const [columnOptions, selectedIndex] = this.getColumnOptions(\n columns,\n selectedColumn\n );\n const valueOptions = this.getValueOptions(values);\n const selectedOption = this.getSelectedOptionIndex(values, value);\n const disableSave = !isLinked || selectedColumn == null;\n\n const isFlipped = isValueShown && !isLinkerActive;\n\n const sourceColumnId = `source-column-btn-${id}`;\n const filterColumnId = `filter-column-select-${id}`;\n\n return (\n <CardFlip\n className=\"dropdown-filter fill-parent-absolute\"\n isFlipped={isFlipped}\n >\n <div className=\"dropdown-filter-settings-card\">\n <div className=\"dropdown-filter-card-content\">\n <div className=\"dropdown-filter-settings-grid\">\n <label htmlFor={sourceColumnId}>Source Column</label>\n <SocketedButton\n id={sourceColumnId}\n isLinked={isLinked}\n onClick={onColumnSelected}\n onMouseEnter={onSourceMouseEnter}\n onMouseLeave={onSourceMouseLeave}\n className={DropdownFilter.SOURCE_BUTTON_CLASS_NAME}\n disabled={disableLinking}\n >\n {sourceButtonLabel}\n </SocketedButton>\n\n <div className=\"text-muted small\">\n Select a source column for the list by linking to a table.\n </div>\n\n <label htmlFor={filterColumnId}>Filter Column</label>\n <Select\n id={filterColumnId}\n value={String(selectedIndex)}\n className=\"custom-select\"\n onChange={this.handleColumnChange}\n disabled={columnSelectionDisabled}\n >\n {columnOptions}\n </Select>\n <div className=\"text-muted small\">\n Dropdown filter control will apply its filter to all columns\n matching this name in this dashboard.\n </div>\n </div>\n {settingsError && (\n <div className=\"error-message text-center\">{settingsError}</div>\n )}\n {isLinked && (\n <div className=\"dropdown-filter-settings-buttons\">\n <Button\n kind=\"secondary\"\n type=\"button\"\n onClick={this.handleSettingsCancel}\n disabled={disableCancel || isValueShown || isLinkerActive}\n tooltip={\n isLinkerActive\n ? 'Cancel disabled while linker open'\n : undefined\n }\n >\n Cancel\n </Button>\n <Button\n kind=\"primary\"\n type=\"button\"\n className=\"ml-2\"\n onClick={this.handleSettingsSave}\n disabled={disableSave || isValueShown || isLinkerActive}\n tooltip={\n isLinkerActive\n ? 'Save disabled while linker open'\n : undefined\n }\n >\n Save\n </Button>\n </div>\n )}\n </div>\n </div>\n\n <div\n className=\"dropdown-filter-value-card\"\n onClick={this.handleBackgroundClick}\n data-testid=\"dropdown-filter-value-background\"\n >\n {isLoaded && (\n <>\n <div className=\"dropdown-filter-column\">\n <div className=\"dropdown-filter-column-title\">\n {filterTitle}\n </div>\n </div>\n <div className=\"dropdown-filter-card-content\">\n <div className=\"dropdown-filter-value-input d-flex flex-column justify-content-center\">\n <Select\n className=\"custom-select\"\n value={String(selectedOption)}\n ref={this.dropdownRef}\n onChange={this.handleValueChange}\n onKeyDown={this.handleDropdownKeyPress}\n title=\"Select Value\"\n >\n {valueOptions}\n </Select>\n </div>\n {settingsError && (\n <div className=\"error-message mt-3 text-center\">\n {settingsError}\n </div>\n )}\n </div>\n <div className=\"dropdown-filter-menu\">\n <Button\n kind=\"ghost\"\n className=\"m-2 px-2\"\n onClick={this.handleSettingsClick}\n icon={<FontAwesomeIcon icon={vsGear} transform=\"grow-4\" />}\n tooltip=\"Dropdown Filter Settings\"\n />\n </div>\n </>\n )}\n </div>\n </CardFlip>\n );\n }\n}\n\nexport default DropdownFilter;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -13,8 +13,7 @@ import memoizee from 'memoizee';
|
|
|
13
13
|
import debounce from 'lodash.debounce';
|
|
14
14
|
import Log from '@deephaven/log';
|
|
15
15
|
import "./InputFilter.css";
|
|
16
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
16
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
18
17
|
var log = Log.module('InputFilter');
|
|
19
18
|
var UPDATE_DEBOUNCE = 150;
|
|
20
19
|
class InputFilter extends Component {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputFilter.js","names":["React","Component","Button","CardFlip","Select","FontAwesomeIcon","vsGear","memoizee","debounce","Log","jsx","_jsx","jsxs","_jsxs","log","module","UPDATE_DEBOUNCE","InputFilter","constructor","props","_defineProperty","columns","index","name","type","length","shortType","substring","lastIndexOf","concat","max","onChange","column","value","isValueShown","state","handleColumnChange","bind","handleInputKeyPress","handleValueChange","handleSettingsCancel","handleSettingsClick","handleSettingsSave","handleBackgroundClick","inputRef","createRef","selectedColumn","componentDidUpdate","prevProps","prevState","propColumn","setState","undefined","focusInput","sendUpdate","componentWillUnmount","flush","eventTargetValue","parseInt","debug2","event","key","preventDefault","stopPropagation","_ref","target","current","select","focus","clearFilter","setFilterState","_ref2","update","render","inputLength","PLACEHOLDER","titleLabel","columnIndex","findIndex","item","getItemLabel","className","isFlipped","children","String","map","columnItem","disabled","kind","onClick","ref","placeholder","onKeyPress","style","width","spellCheck","icon","transform","tooltip"],"sources":["../../../src/controls/input-filter/InputFilter.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n// background click is just a convience method, not an actual a11y issue\n\nimport React, {\n type ChangeEvent,\n Component,\n type RefObject,\n type MouseEvent,\n type KeyboardEvent,\n type ReactElement,\n} from 'react';\nimport { Button, CardFlip, Select } from '@deephaven/components';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsGear } from '@deephaven/icons';\nimport type { dh } from '@deephaven/jsapi-types';\nimport memoizee from 'memoizee';\nimport debounce from 'lodash.debounce';\nimport Log from '@deephaven/log';\nimport './InputFilter.scss';\n\nconst log = Log.module('InputFilter');\nconst UPDATE_DEBOUNCE = 150;\n\nexport type InputFilterColumn = Pick<dh.Column, 'type' | 'name'>;\n\ninterface InputFilterProps {\n columns: InputFilterColumn[];\n column: InputFilterColumn;\n isValueShown: boolean;\n value: string;\n onChange: (change: {\n column?: InputFilterColumn;\n isValueShown?: boolean;\n value?: string;\n }) => void;\n}\n\nexport interface InputFilterState {\n column?: InputFilterColumn;\n selectedColumn?: InputFilterColumn;\n value?: string;\n isValueShown?: boolean;\n}\n\nclass InputFilter extends Component<InputFilterProps, InputFilterState> {\n static PLACEHOLDER = 'Enter value...';\n\n static defaultProps = {\n column: null,\n isValueShown: false,\n value: null,\n };\n\n constructor(props: InputFilterProps) {\n super(props);\n\n this.handleColumnChange = this.handleColumnChange.bind(this);\n this.handleInputKeyPress = this.handleInputKeyPress.bind(this);\n this.handleValueChange = this.handleValueChange.bind(this);\n this.handleSettingsCancel = this.handleSettingsCancel.bind(this);\n this.handleSettingsClick = this.handleSettingsClick.bind(this);\n this.handleSettingsSave = this.handleSettingsSave.bind(this);\n this.handleBackgroundClick = this.handleBackgroundClick.bind(this);\n\n this.inputRef = React.createRef();\n\n const { column, isValueShown, value } = props;\n this.state = {\n column,\n selectedColumn: column,\n value,\n isValueShown,\n };\n }\n\n componentDidUpdate(\n prevProps: InputFilterProps,\n prevState: InputFilterState\n ): void {\n const { column: propColumn } = this.props;\n const { column, value, isValueShown } = this.state;\n\n if (propColumn !== prevProps.column) {\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({ column: propColumn, selectedColumn: propColumn });\n }\n\n if (\n isValueShown !== undefined &&\n isValueShown &&\n isValueShown !== prevState.isValueShown\n ) {\n this.focusInput();\n }\n\n if (\n column !== prevState.column ||\n value !== prevState.value ||\n isValueShown !== prevState.isValueShown\n ) {\n this.sendUpdate();\n }\n }\n\n componentWillUnmount(): void {\n this.sendUpdate.flush();\n }\n\n inputRef: RefObject<HTMLInputElement>;\n\n getItemLabel = memoizee(\n (columns: InputFilterColumn[], index: number) => {\n const { name, type } = columns[index];\n\n if (\n (index > 0 && columns[index - 1].name === name) ||\n (index < columns.length - 1 && columns[index + 1].name === name)\n ) {\n const shortType = type.substring(type.lastIndexOf('.') + 1);\n return `${name} (${shortType})`;\n }\n\n return name;\n },\n { max: 1000 }\n );\n\n handleColumnChange(eventTargetValue: string): void {\n const { columns } = this.props;\n const selectedColumn = columns[parseInt(eventTargetValue, 10)];\n\n log.debug2('handleColumnChange', selectedColumn);\n\n this.setState({ selectedColumn, value: undefined });\n }\n\n handleInputKeyPress(event: KeyboardEvent<HTMLInputElement>): void {\n if (event.key === 'Enter') {\n event.preventDefault();\n event.stopPropagation();\n this.setState(\n ({ value }) => (value == null ? { value: '' } : null),\n () => {\n this.sendUpdate();\n this.sendUpdate.flush();\n }\n );\n }\n }\n\n handleValueChange(event: ChangeEvent<HTMLInputElement>): void {\n const { value } = event.target;\n\n log.debug2('handleValueChange', value);\n\n this.setState({ value });\n }\n\n handleSettingsCancel(): void {\n const { column } = this.state;\n this.setState({ selectedColumn: column, isValueShown: true });\n }\n\n handleSettingsSave(): void {\n const { selectedColumn } = this.state;\n this.setState({ column: selectedColumn, isValueShown: true });\n }\n\n handleSettingsClick(event: MouseEvent<HTMLButtonElement>): void {\n const { column } = this.state;\n this.setState({ selectedColumn: column, isValueShown: false });\n event.stopPropagation();\n }\n\n handleBackgroundClick(event: MouseEvent<HTMLDivElement>): void {\n // allow clicking anywhere in the background to select and focus the input\n if (event.target !== this.inputRef.current) {\n this.focusInput();\n }\n }\n\n focusInput(): void {\n if (this.inputRef.current !== null) {\n this.inputRef.current.select();\n this.inputRef.current.focus();\n }\n }\n\n clearFilter(): void {\n this.setState({ value: '' });\n }\n\n setFilterState({\n name,\n type,\n value,\n isValueShown,\n }: {\n name?: string;\n type?: string;\n value?: string;\n isValueShown?: boolean;\n }): void {\n const column = name != null && type != null ? { name, type } : undefined;\n const update =\n isValueShown === undefined\n ? { column, value }\n : { column, value, isValueShown };\n this.setState(update);\n }\n\n sendUpdate = debounce(() => {\n const { onChange } = this.props;\n const { column, value, isValueShown } = this.state;\n onChange({ column, isValueShown, value });\n }, UPDATE_DEBOUNCE);\n\n render(): ReactElement {\n const { columns } = this.props;\n const { column, isValueShown, selectedColumn, value } = this.state;\n const inputLength =\n value == null || value.length === 0\n ? InputFilter.PLACEHOLDER.length\n : value.length;\n let titleLabel = null;\n if (column != null) {\n const columnIndex = columns.findIndex(\n item => item.name === column.name && item.type === column.type\n );\n titleLabel =\n columnIndex >= 0\n ? this.getItemLabel(columns, columnIndex)\n : column.name;\n }\n\n return (\n <CardFlip\n className=\"input-filter fill-parent-absolute\"\n isFlipped={isValueShown ?? false}\n >\n <div className=\"input-filter-settings-card\">\n <div className=\"input-filter-settings-content\">\n <div className=\"input-filter-settings-grid\">\n <label>Filter Column</label>\n <Select\n value={String(\n columns.findIndex(\n item =>\n item.name === selectedColumn?.name &&\n item.type === selectedColumn?.type\n )\n )}\n className=\"custom-select\"\n onChange={this.handleColumnChange}\n >\n {columns.map((columnItem, index) => (\n <option\n key={`${columnItem.name}/${columnItem.type}`}\n value={index}\n >\n {this.getItemLabel(columns, index)}\n </option>\n ))}\n {columns.length === 0 && (\n <option value=\"-1\" disabled>\n No Available Columns\n </option>\n )}\n </Select>\n <div className=\"text-muted small\">\n Input filter control will apply its filter to all columns\n matching this name in this dashboard.\n </div>\n </div>\n <div className=\"input-filter-settings-buttons\">\n <Button\n kind=\"secondary\"\n onClick={this.handleSettingsCancel}\n disabled={column == null}\n >\n Cancel\n </Button>\n <Button\n kind=\"primary\"\n className=\"ml-2\"\n onClick={this.handleSettingsSave}\n disabled={selectedColumn == null}\n >\n Save\n </Button>\n </div>\n </div>\n </div>\n\n <div\n className=\"input-filter-value-card\"\n onClick={this.handleBackgroundClick}\n >\n <div className=\"input-filter-column\">\n <div className=\"input-filter-column-title\">{titleLabel} Filter</div>\n </div>\n <div className=\"d-flex justify-content-center align-items-center h-100 w-100\">\n <div className=\"input-filter-value-input d-flex flex-column justify-content-center\">\n <input\n type=\"text\"\n ref={this.inputRef}\n placeholder={InputFilter.PLACEHOLDER}\n value={value ?? ''}\n onChange={this.handleValueChange}\n onKeyPress={this.handleInputKeyPress}\n style={{ width: `${inputLength + 3}ch` }}\n spellCheck=\"false\"\n />\n </div>\n </div>\n <div className=\"input-filter-menu\">\n <Button\n kind=\"ghost\"\n className=\"m-2 px-2\"\n onClick={this.handleSettingsClick}\n icon={<FontAwesomeIcon icon={vsGear} transform=\"grow-4\" />}\n tooltip=\"Input Filter Settings\"\n />\n </div>\n </div>\n </CardFlip>\n );\n }\n}\n\nexport default InputFilter;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"InputFilter.js","names":["React","Component","Button","CardFlip","Select","FontAwesomeIcon","vsGear","memoizee","debounce","Log","jsx","_jsx","jsxs","_jsxs","log","module","UPDATE_DEBOUNCE","InputFilter","constructor","props","_defineProperty","columns","index","name","type","length","shortType","substring","lastIndexOf","concat","max","onChange","column","value","isValueShown","state","handleColumnChange","bind","handleInputKeyPress","handleValueChange","handleSettingsCancel","handleSettingsClick","handleSettingsSave","handleBackgroundClick","inputRef","createRef","selectedColumn","componentDidUpdate","prevProps","prevState","propColumn","setState","undefined","focusInput","sendUpdate","componentWillUnmount","flush","eventTargetValue","parseInt","debug2","event","key","preventDefault","stopPropagation","_ref","target","current","select","focus","clearFilter","setFilterState","_ref2","update","render","inputLength","PLACEHOLDER","titleLabel","columnIndex","findIndex","item","getItemLabel","className","isFlipped","children","String","map","columnItem","disabled","kind","onClick","ref","placeholder","onKeyPress","style","width","spellCheck","icon","transform","tooltip"],"sources":["../../../src/controls/input-filter/InputFilter.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n// background click is just a convience method, not an actual a11y issue\n\nimport React, {\n type ChangeEvent,\n Component,\n type RefObject,\n type MouseEvent,\n type KeyboardEvent,\n type ReactElement,\n} from 'react';\nimport { Button, CardFlip, Select } from '@deephaven/components';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsGear } from '@deephaven/icons';\nimport type { dh } from '@deephaven/jsapi-types';\nimport memoizee from 'memoizee';\nimport debounce from 'lodash.debounce';\nimport Log from '@deephaven/log';\nimport './InputFilter.scss';\n\nconst log = Log.module('InputFilter');\nconst UPDATE_DEBOUNCE = 150;\n\nexport type InputFilterColumn = Pick<dh.Column, 'type' | 'name'>;\n\ninterface InputFilterProps {\n columns: InputFilterColumn[];\n column: InputFilterColumn;\n isValueShown: boolean;\n value: string;\n onChange: (change: {\n column?: InputFilterColumn;\n isValueShown?: boolean;\n value?: string;\n }) => void;\n}\n\nexport interface InputFilterState {\n column?: InputFilterColumn;\n selectedColumn?: InputFilterColumn;\n value?: string;\n isValueShown?: boolean;\n}\n\nclass InputFilter extends Component<InputFilterProps, InputFilterState> {\n static PLACEHOLDER = 'Enter value...';\n\n static defaultProps = {\n column: null,\n isValueShown: false,\n value: null,\n };\n\n constructor(props: InputFilterProps) {\n super(props);\n\n this.handleColumnChange = this.handleColumnChange.bind(this);\n this.handleInputKeyPress = this.handleInputKeyPress.bind(this);\n this.handleValueChange = this.handleValueChange.bind(this);\n this.handleSettingsCancel = this.handleSettingsCancel.bind(this);\n this.handleSettingsClick = this.handleSettingsClick.bind(this);\n this.handleSettingsSave = this.handleSettingsSave.bind(this);\n this.handleBackgroundClick = this.handleBackgroundClick.bind(this);\n\n this.inputRef = React.createRef();\n\n const { column, isValueShown, value } = props;\n this.state = {\n column,\n selectedColumn: column,\n value,\n isValueShown,\n };\n }\n\n componentDidUpdate(\n prevProps: InputFilterProps,\n prevState: InputFilterState\n ): void {\n const { column: propColumn } = this.props;\n const { column, value, isValueShown } = this.state;\n\n if (propColumn !== prevProps.column) {\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({ column: propColumn, selectedColumn: propColumn });\n }\n\n if (\n isValueShown !== undefined &&\n isValueShown &&\n isValueShown !== prevState.isValueShown\n ) {\n this.focusInput();\n }\n\n if (\n column !== prevState.column ||\n value !== prevState.value ||\n isValueShown !== prevState.isValueShown\n ) {\n this.sendUpdate();\n }\n }\n\n componentWillUnmount(): void {\n this.sendUpdate.flush();\n }\n\n inputRef: RefObject<HTMLInputElement>;\n\n getItemLabel = memoizee(\n (columns: InputFilterColumn[], index: number) => {\n const { name, type } = columns[index];\n\n if (\n (index > 0 && columns[index - 1].name === name) ||\n (index < columns.length - 1 && columns[index + 1].name === name)\n ) {\n const shortType = type.substring(type.lastIndexOf('.') + 1);\n return `${name} (${shortType})`;\n }\n\n return name;\n },\n { max: 1000 }\n );\n\n handleColumnChange(eventTargetValue: string): void {\n const { columns } = this.props;\n const selectedColumn = columns[parseInt(eventTargetValue, 10)];\n\n log.debug2('handleColumnChange', selectedColumn);\n\n this.setState({ selectedColumn, value: undefined });\n }\n\n handleInputKeyPress(event: KeyboardEvent<HTMLInputElement>): void {\n if (event.key === 'Enter') {\n event.preventDefault();\n event.stopPropagation();\n this.setState(\n ({ value }) => (value == null ? { value: '' } : null),\n () => {\n this.sendUpdate();\n this.sendUpdate.flush();\n }\n );\n }\n }\n\n handleValueChange(event: ChangeEvent<HTMLInputElement>): void {\n const { value } = event.target;\n\n log.debug2('handleValueChange', value);\n\n this.setState({ value });\n }\n\n handleSettingsCancel(): void {\n const { column } = this.state;\n this.setState({ selectedColumn: column, isValueShown: true });\n }\n\n handleSettingsSave(): void {\n const { selectedColumn } = this.state;\n this.setState({ column: selectedColumn, isValueShown: true });\n }\n\n handleSettingsClick(event: MouseEvent<HTMLButtonElement>): void {\n const { column } = this.state;\n this.setState({ selectedColumn: column, isValueShown: false });\n event.stopPropagation();\n }\n\n handleBackgroundClick(event: MouseEvent<HTMLDivElement>): void {\n // allow clicking anywhere in the background to select and focus the input\n if (event.target !== this.inputRef.current) {\n this.focusInput();\n }\n }\n\n focusInput(): void {\n if (this.inputRef.current !== null) {\n this.inputRef.current.select();\n this.inputRef.current.focus();\n }\n }\n\n clearFilter(): void {\n this.setState({ value: '' });\n }\n\n setFilterState({\n name,\n type,\n value,\n isValueShown,\n }: {\n name?: string;\n type?: string;\n value?: string;\n isValueShown?: boolean;\n }): void {\n const column = name != null && type != null ? { name, type } : undefined;\n const update =\n isValueShown === undefined\n ? { column, value }\n : { column, value, isValueShown };\n this.setState(update);\n }\n\n sendUpdate = debounce(() => {\n const { onChange } = this.props;\n const { column, value, isValueShown } = this.state;\n onChange({ column, isValueShown, value });\n }, UPDATE_DEBOUNCE);\n\n render(): ReactElement {\n const { columns } = this.props;\n const { column, isValueShown, selectedColumn, value } = this.state;\n const inputLength =\n value == null || value.length === 0\n ? InputFilter.PLACEHOLDER.length\n : value.length;\n let titleLabel = null;\n if (column != null) {\n const columnIndex = columns.findIndex(\n item => item.name === column.name && item.type === column.type\n );\n titleLabel =\n columnIndex >= 0\n ? this.getItemLabel(columns, columnIndex)\n : column.name;\n }\n\n return (\n <CardFlip\n className=\"input-filter fill-parent-absolute\"\n isFlipped={isValueShown ?? false}\n >\n <div className=\"input-filter-settings-card\">\n <div className=\"input-filter-settings-content\">\n <div className=\"input-filter-settings-grid\">\n <label>Filter Column</label>\n <Select\n value={String(\n columns.findIndex(\n item =>\n item.name === selectedColumn?.name &&\n item.type === selectedColumn?.type\n )\n )}\n className=\"custom-select\"\n onChange={this.handleColumnChange}\n >\n {columns.map((columnItem, index) => (\n <option\n key={`${columnItem.name}/${columnItem.type}`}\n value={index}\n >\n {this.getItemLabel(columns, index)}\n </option>\n ))}\n {columns.length === 0 && (\n <option value=\"-1\" disabled>\n No Available Columns\n </option>\n )}\n </Select>\n <div className=\"text-muted small\">\n Input filter control will apply its filter to all columns\n matching this name in this dashboard.\n </div>\n </div>\n <div className=\"input-filter-settings-buttons\">\n <Button\n kind=\"secondary\"\n onClick={this.handleSettingsCancel}\n disabled={column == null}\n >\n Cancel\n </Button>\n <Button\n kind=\"primary\"\n className=\"ml-2\"\n onClick={this.handleSettingsSave}\n disabled={selectedColumn == null}\n >\n Save\n </Button>\n </div>\n </div>\n </div>\n\n <div\n className=\"input-filter-value-card\"\n onClick={this.handleBackgroundClick}\n >\n <div className=\"input-filter-column\">\n <div className=\"input-filter-column-title\">{titleLabel} Filter</div>\n </div>\n <div className=\"d-flex justify-content-center align-items-center h-100 w-100\">\n <div className=\"input-filter-value-input d-flex flex-column justify-content-center\">\n <input\n type=\"text\"\n ref={this.inputRef}\n placeholder={InputFilter.PLACEHOLDER}\n value={value ?? ''}\n onChange={this.handleValueChange}\n onKeyPress={this.handleInputKeyPress}\n style={{ width: `${inputLength + 3}ch` }}\n spellCheck=\"false\"\n />\n </div>\n </div>\n <div className=\"input-filter-menu\">\n <Button\n kind=\"ghost\"\n className=\"m-2 px-2\"\n onClick={this.handleSettingsClick}\n icon={<FontAwesomeIcon icon={vsGear} transform=\"grow-4\" />}\n tooltip=\"Input Filter Settings\"\n />\n </div>\n </div>\n </CardFlip>\n );\n }\n}\n\nexport default InputFilter;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,8 +5,7 @@ import React, { PureComponent } from 'react';
|
|
|
5
5
|
import classNames from 'classnames';
|
|
6
6
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
7
7
|
import { vsEdit } from '@deephaven/icons';
|
|
8
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
9
|
export default class MarkdownContainer extends PureComponent {
|
|
11
10
|
render() {
|
|
12
11
|
var {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownContainer.js","names":["React","PureComponent","classNames","FontAwesomeIcon","vsEdit","jsx","_jsx","jsxs","_jsxs","MarkdownContainer","render","isEditing","children","onDoubleClick","props","className","viewing","undefined","icon","_defineProperty"],"sources":["../../../src/controls/markdown/MarkdownContainer.tsx"],"sourcesContent":["import React, {\n type MouseEventHandler,\n PureComponent,\n type ReactElement,\n type ReactNode,\n} from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsEdit } from '@deephaven/icons';\n\ninterface MarkdownContainerProps {\n onDoubleClick: MouseEventHandler;\n children: ReactNode;\n isEditing?: boolean;\n}\n\nexport default class MarkdownContainer extends PureComponent<\n MarkdownContainerProps,\n Record<string, never>\n> {\n static defaultProps = {\n isEditing: false,\n };\n\n render(): ReactElement {\n const { isEditing, children, onDoubleClick } = this.props;\n\n return (\n <div\n className=\"markdown-editor-container h-100 w-100\"\n onDoubleClick={onDoubleClick}\n >\n <div\n className={classNames('text-muted', 'edit-hint', {\n viewing: isEditing === undefined || !isEditing,\n })}\n >\n <span>\n double-click to edit <FontAwesomeIcon icon={vsEdit} />\n </span>\n </div>\n {children}\n </div>\n );\n }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAEVC,aAAa,QAGR,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,MAAM,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA
|
|
1
|
+
{"version":3,"file":"MarkdownContainer.js","names":["React","PureComponent","classNames","FontAwesomeIcon","vsEdit","jsx","_jsx","jsxs","_jsxs","MarkdownContainer","render","isEditing","children","onDoubleClick","props","className","viewing","undefined","icon","_defineProperty"],"sources":["../../../src/controls/markdown/MarkdownContainer.tsx"],"sourcesContent":["import React, {\n type MouseEventHandler,\n PureComponent,\n type ReactElement,\n type ReactNode,\n} from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsEdit } from '@deephaven/icons';\n\ninterface MarkdownContainerProps {\n onDoubleClick: MouseEventHandler;\n children: ReactNode;\n isEditing?: boolean;\n}\n\nexport default class MarkdownContainer extends PureComponent<\n MarkdownContainerProps,\n Record<string, never>\n> {\n static defaultProps = {\n isEditing: false,\n };\n\n render(): ReactElement {\n const { isEditing, children, onDoubleClick } = this.props;\n\n return (\n <div\n className=\"markdown-editor-container h-100 w-100\"\n onDoubleClick={onDoubleClick}\n >\n <div\n className={classNames('text-muted', 'edit-hint', {\n viewing: isEditing === undefined || !isEditing,\n })}\n >\n <span>\n double-click to edit <FontAwesomeIcon icon={vsEdit} />\n </span>\n </div>\n {children}\n </div>\n );\n }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAEVC,aAAa,QAGR,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,MAAM,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ1C,eAAe,MAAMC,iBAAiB,SAASR,aAAa,CAG1D;EAKAS,MAAMA,CAAA,EAAiB;IACrB,IAAM;MAAEC,SAAS;MAAEC,QAAQ;MAAEC;IAAc,CAAC,GAAG,IAAI,CAACC,KAAK;IAEzD,oBACEN,KAAA;MACEO,SAAS,EAAC,uCAAuC;MACjDF,aAAa,EAAEA,aAAc;MAAAD,QAAA,gBAE7BN,IAAA;QACES,SAAS,EAAEb,UAAU,CAAC,YAAY,EAAE,WAAW,EAAE;UAC/Cc,OAAO,EAAEL,SAAS,KAAKM,SAAS,IAAI,CAACN;QACvC,CAAC,CAAE;QAAAC,QAAA,eAEHJ,KAAA;UAAAI,QAAA,GAAM,uBACiB,eAAAN,IAAA,CAACH,eAAe;YAACe,IAAI,EAAEd;UAAO,CAAE,CAAC;QAAA,CAClD;MAAC,CACJ,CAAC,EACLQ,QAAQ;IAAA,CACN,CAAC;EAEV;AACF;AAACO,eAAA,CA7BoBV,iBAAiB,kBAId;EACpBE,SAAS,EAAE;AACb,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownEditor.js","names":["React","PureComponent","Markdown","remarkMath","rehypeMathjax","Code","Editor","jsx","_jsx","renderMarkdown","props","children","inline","className","Children","map","child","trim","language","undefined","startsWith","substring","MarkdownEditor","constructor","_defineProperty","container","render","isEditing","content","onEditorInitialized","ref","settings","value","lineNumbers","components","code","remarkPlugins","rehypePlugins"],"sources":["../../../src/controls/markdown/MarkdownEditor.tsx"],"sourcesContent":["import React, { PureComponent, type ReactElement } from 'react';\nimport Markdown from 'react-markdown';\nimport { type CodeComponent } from 'react-markdown/lib/ast-to-react';\nimport remarkMath from 'remark-math';\nimport rehypeMathjax from 'rehype-mathjax';\nimport { Code, Editor } from '@deephaven/console';\nimport type * as monaco from 'monaco-editor';\n\ninterface MarkdownEditorProps {\n isEditing: boolean;\n content: string;\n onEditorInitialized: (editor: monaco.editor.IStandaloneCodeEditor) => void;\n}\n\nconst renderMarkdown: CodeComponent = props => {\n const { children, inline, className } = props;\n if (inline === true) {\n return (\n <code>\n {React.Children.map(children, child =>\n typeof child === 'string' ? child.trim() : child\n )}\n </code>\n );\n }\n const language =\n className !== undefined && className?.startsWith('language-')\n ? className.substring(9)\n : 'plaintext';\n return (\n <pre>\n <code>\n <Code language={language}>\n {React.Children.map(children, child =>\n typeof child === 'string' ? child.trim() : child\n )}\n </Code>\n </code>\n </pre>\n );\n};\nexport default class MarkdownEditor extends PureComponent<\n MarkdownEditorProps,\n Record<string, never>\n> {\n static defaultProps = {\n isEditing: false,\n content: '',\n };\n\n constructor(props: MarkdownEditorProps) {\n super(props);\n this.container = null;\n }\n\n container: HTMLDivElement | null;\n\n render(): ReactElement {\n const { isEditing, content, onEditorInitialized } = this.props;\n return (\n <div\n className=\"markdown-editor-container\"\n ref={container => {\n this.container = container;\n }}\n >\n {isEditing ? (\n <Editor\n settings={{\n language: 'markdown',\n value: content,\n lineNumbers: 'off',\n }}\n onEditorInitialized={onEditorInitialized}\n />\n ) : (\n <Markdown\n components={{ code: renderMarkdown }}\n remarkPlugins={[remarkMath]}\n rehypePlugins={[rehypeMathjax]}\n >\n {content}\n </Markdown>\n )}\n </div>\n );\n }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,aAAa,QAA2B,OAAO;AAC/D,OAAOC,QAAQ,MAAM,gBAAgB;AAErC,OAAOC,UAAU,MAAM,aAAa;AACpC,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,IAAI,EAAEC,MAAM,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASlD,IAAMC,cAA6B,GAAGC,KAAK,IAAI;EAC7C,IAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAGH,KAAK;EAC7C,IAAIE,MAAM,KAAK,IAAI,EAAE;IACnB,oBACEJ,IAAA;MAAAG,QAAA,EACGX,KAAK,CAACc,QAAQ,CAACC,GAAG,CAACJ,QAAQ,EAAEK,KAAK,IACjC,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAACC,IAAI,CAAC,CAAC,GAAGD,KAC7C;IAAC,CACG,CAAC;EAEX;EACA,IAAME,QAAQ,GACZL,SAAS,KAAKM,SAAS,IAAIN,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEO,UAAU,CAAC,WAAW,CAAC,GACzDP,SAAS,CAACQ,SAAS,CAAC,CAAC,CAAC,GACtB,WAAW;EACjB,oBACEb,IAAA;IAAAG,QAAA,eACEH,IAAA;MAAAG,QAAA,eACEH,IAAA,CAACH,IAAI;QAACa,QAAQ,EAAEA,QAAS;QAAAP,QAAA,EACtBX,KAAK,CAACc,QAAQ,CAACC,GAAG,CAACJ,QAAQ,EAAEK,KAAK,IACjC,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAACC,IAAI,CAAC,CAAC,GAAGD,KAC7C;MAAC,CACG;IAAC,CACH;EAAC,CACJ,CAAC;AAEV,CAAC;AACD,eAAe,MAAMM,cAAc,SAASrB,aAAa,CAGvD;EAMAsB,WAAWA,CAACb,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,CAAC;IAACc,eAAA;IACb,IAAI,CAACC,SAAS,GAAG,IAAI;EACvB;EAIAC,MAAMA,CAAA,EAAiB;IACrB,IAAM;MAAEC,SAAS;MAAEC,OAAO;MAAEC;IAAoB,CAAC,GAAG,IAAI,CAACnB,KAAK;IAC9D,oBACEF,IAAA;MACEK,SAAS,EAAC,2BAA2B;MACrCiB,GAAG,EAAEL,SAAS,IAAI;QAChB,IAAI,CAACA,SAAS,GAAGA,SAAS;MAC5B,CAAE;MAAAd,QAAA,EAEDgB,SAAS,gBACRnB,IAAA,CAACF,MAAM;QACLyB,QAAQ,EAAE;UACRb,QAAQ,EAAE,UAAU;UACpBc,KAAK,EAAEJ,OAAO;UACdK,WAAW,EAAE;QACf,CAAE;QACFJ,mBAAmB,EAAEA;MAAoB,CAC1C,CAAC,gBAEFrB,IAAA,CAACN,QAAQ;QACPgC,UAAU,EAAE;UAAEC,IAAI,EAAE1B;QAAe,CAAE;QACrC2B,aAAa,EAAE,CAACjC,UAAU,CAAE;QAC5BkC,aAAa,EAAE,CAACjC,aAAa,CAAE;QAAAO,QAAA,EAE9BiB;MAAO,CACA;IACX,CACE,CAAC;EAEV;AACF;AAACJ,eAAA,CA9CoBF,cAAc,kBAIX;EACpBK,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAE;AACX,CAAC"}
|
|
1
|
+
{"version":3,"file":"MarkdownEditor.js","names":["React","PureComponent","Markdown","remarkMath","rehypeMathjax","Code","Editor","jsx","_jsx","renderMarkdown","props","children","inline","className","Children","map","child","trim","language","undefined","startsWith","substring","MarkdownEditor","constructor","_defineProperty","container","render","isEditing","content","onEditorInitialized","ref","settings","value","lineNumbers","components","code","remarkPlugins","rehypePlugins"],"sources":["../../../src/controls/markdown/MarkdownEditor.tsx"],"sourcesContent":["import React, { PureComponent, type ReactElement } from 'react';\nimport Markdown from 'react-markdown';\nimport { type CodeComponent } from 'react-markdown/lib/ast-to-react';\nimport remarkMath from 'remark-math';\nimport rehypeMathjax from 'rehype-mathjax';\nimport { Code, Editor } from '@deephaven/console';\nimport type * as monaco from 'monaco-editor';\n\ninterface MarkdownEditorProps {\n isEditing: boolean;\n content: string;\n onEditorInitialized: (editor: monaco.editor.IStandaloneCodeEditor) => void;\n}\n\nconst renderMarkdown: CodeComponent = props => {\n const { children, inline, className } = props;\n if (inline === true) {\n return (\n <code>\n {React.Children.map(children, child =>\n typeof child === 'string' ? child.trim() : child\n )}\n </code>\n );\n }\n const language =\n className !== undefined && className?.startsWith('language-')\n ? className.substring(9)\n : 'plaintext';\n return (\n <pre>\n <code>\n <Code language={language}>\n {React.Children.map(children, child =>\n typeof child === 'string' ? child.trim() : child\n )}\n </Code>\n </code>\n </pre>\n );\n};\nexport default class MarkdownEditor extends PureComponent<\n MarkdownEditorProps,\n Record<string, never>\n> {\n static defaultProps = {\n isEditing: false,\n content: '',\n };\n\n constructor(props: MarkdownEditorProps) {\n super(props);\n this.container = null;\n }\n\n container: HTMLDivElement | null;\n\n render(): ReactElement {\n const { isEditing, content, onEditorInitialized } = this.props;\n return (\n <div\n className=\"markdown-editor-container\"\n ref={container => {\n this.container = container;\n }}\n >\n {isEditing ? (\n <Editor\n settings={{\n language: 'markdown',\n value: content,\n lineNumbers: 'off',\n }}\n onEditorInitialized={onEditorInitialized}\n />\n ) : (\n <Markdown\n components={{ code: renderMarkdown }}\n remarkPlugins={[remarkMath]}\n rehypePlugins={[rehypeMathjax]}\n >\n {content}\n </Markdown>\n )}\n </div>\n );\n }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,aAAa,QAA2B,OAAO;AAC/D,OAAOC,QAAQ,MAAM,gBAAgB;AAErC,OAAOC,UAAU,MAAM,aAAa;AACpC,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,IAAI,EAAEC,MAAM,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASlD,IAAMC,cAA6B,GAAGC,KAAK,IAAI;EAC7C,IAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAGH,KAAK;EAC7C,IAAIE,MAAM,KAAK,IAAI,EAAE;IACnB,oBACEJ,IAAA;MAAAG,QAAA,EACGX,KAAK,CAACc,QAAQ,CAACC,GAAG,CAACJ,QAAQ,EAAEK,KAAK,IACjC,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAACC,IAAI,CAAC,CAAC,GAAGD,KAC7C;IAAC,CACG,CAAC;EAEX;EACA,IAAME,QAAQ,GACZL,SAAS,KAAKM,SAAS,IAAIN,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEO,UAAU,CAAC,WAAW,CAAC,GACzDP,SAAS,CAACQ,SAAS,CAAC,CAAC,CAAC,GACtB,WAAW;EACjB,oBACEb,IAAA;IAAAG,QAAA,eACEH,IAAA;MAAAG,QAAA,eACEH,IAAA,CAACH,IAAI;QAACa,QAAQ,EAAEA,QAAS;QAAAP,QAAA,EACtBX,KAAK,CAACc,QAAQ,CAACC,GAAG,CAACJ,QAAQ,EAAEK,KAAK,IACjC,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAACC,IAAI,CAAC,CAAC,GAAGD,KAC7C;MAAC,CACG;IAAC,CACH;EAAC,CACJ,CAAC;AAEV,CAAC;AACD,eAAe,MAAMM,cAAc,SAASrB,aAAa,CAGvD;EAMAsB,WAAWA,CAACb,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,CAAC;IAACc,eAAA;IACb,IAAI,CAACC,SAAS,GAAG,IAAI;EACvB;EAIAC,MAAMA,CAAA,EAAiB;IACrB,IAAM;MAAEC,SAAS;MAAEC,OAAO;MAAEC;IAAoB,CAAC,GAAG,IAAI,CAACnB,KAAK;IAC9D,oBACEF,IAAA;MACEK,SAAS,EAAC,2BAA2B;MACrCiB,GAAG,EAAEL,SAAS,IAAI;QAChB,IAAI,CAACA,SAAS,GAAGA,SAAS;MAC5B,CAAE;MAAAd,QAAA,EAEDgB,SAAS,gBACRnB,IAAA,CAACF,MAAM;QACLyB,QAAQ,EAAE;UACRb,QAAQ,EAAE,UAAU;UACpBc,KAAK,EAAEJ,OAAO;UACdK,WAAW,EAAE;QACf,CAAE;QACFJ,mBAAmB,EAAEA;MAAoB,CAC1C,CAAC,gBAEFrB,IAAA,CAACN,QAAQ;QACPgC,UAAU,EAAE;UAAEC,IAAI,EAAE1B;QAAe,CAAE;QACrC2B,aAAa,EAAE,CAACjC,UAAU,CAAE;QAC5BkC,aAAa,EAAE,CAACjC,aAAa,CAAE;QAAAO,QAAA,EAE9BiB;MAAO,CACA;IACX,CACE,CAAC;EAEV;AACF;AAACJ,eAAA,CA9CoBF,cAAc,kBAIX;EACpBK,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAE;AACX,CAAC","ignoreList":[]}
|
|
@@ -6,8 +6,7 @@ import { Button, Modal, ModalBody, ModalFooter, ModalHeader } from '@deephaven/c
|
|
|
6
6
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
7
7
|
import { vsTrash } from '@deephaven/icons';
|
|
8
8
|
import Log from '@deephaven/log';
|
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
10
|
var log = Log.module('MarkdownStartPage');
|
|
12
11
|
class MarkdownStartPage extends PureComponent {
|
|
13
12
|
constructor(props) {
|