@flanksource/clicky-ui 0.3.16 → 0.3.17

package/dist/rpc/OperationResultView.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationResultView.js","sources":["../../src/rpc/OperationResultView.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport type { DataTablePagination } from \"../data/DataTable\";\nimport type {\n  ClickyCommandRuntime,\n  ClickyDownloadOptions,\n} from \"../data/Clicky\";\nimport { ExecutionResult } from \"./ExecutionResult\";\nimport { useRowDetailNavigation } from \"./rowNavigation\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\n\n// ResultRenderContext is handed to a host-supplied resultRenderer so it can\n// replace the default result surface for selected entities (e.g. render a\n// LogsTable for trace/log profiles). `defaultView` is the standard\n// OperationResultView element; return it unchanged to keep the default.\nexport type ResultRenderContext = {\n  surfaceKey?: string;\n  response: ExecutionResponse | null;\n  defaultView: ReactNode;\n};\n\n// ResultRenderer lets the host app swap the result presentation per surface. It\n// receives the current surface key, the raw response, and the default view, and\n// returns whatever node should render in its place.\nexport type ResultRenderer = (ctx: ResultRenderContext) => ReactNode;\n\n// In-table filter inputs for the result table — mirrors what\n// parametersToFormConfig produces, surfaced through the DataTable's own\n// FilterBar so the filter UI renders identically on every result surface.\nexport type OperationResultFilterConfig = {\n  filters?: FilterBarFilter[];\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n};\n\nexport type OperationResultViewProps = {\n  response: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  commandRuntime?: ClickyCommandRuntime;\n  // When set, rows navigate to the entity detail page (/<surface>/<id>).\n  detailOperation?: ResolvedOperation | undefined;\n  filterConfig?: OperationResultFilterConfig;\n  pagination?: DataTablePagination;\n  download?: ClickyDownloadOptions;\n};\n\n// OperationResultView is the single result surface rendered by both the entity\n// list catalog and the operation runner. It renders the clicky result table\n// with its in-table FilterBar, the View/Download menu (automatic via the\n// response's requestUrl), pagination, and row→detail navigation — so the\n// surface looks and behaves identically wherever a result is shown.\nexport function OperationResultView({\n  response,\n  loading,\n  loadingMessage,\n  emptyMessage,\n  ariaLabel,\n  className,\n  commandRuntime,\n  detailOperation,\n  filterConfig,\n  pagination,\n  download,\n}: OperationResultViewProps) {\n  const rowNav = useRowDetailNavigation(detailOperation);\n  const filters = filterConfig?.filters;\n\n  return (\n    <ExecutionResult\n      response={response}\n      {...(loading !== undefined ? { loading } : {})}\n      {...(loadingMessage ? { loadingMessage } : {})}\n      {...(emptyMessage ? { emptyMessage } : {})}\n      {...(ariaLabel ? { ariaLabel } : {})}\n      {...(className ? { className } : {})}\n      {...(commandRuntime ? { commandRuntime } : {})}\n      {...(detailOperation\n        ? {\n            getTableRowHref: rowNav.getRowHref,\n            onTableRowClick: rowNav.onRowClick,\n            isTableRowClickable: rowNav.isRowClickable,\n          }\n        : {})}\n      {...(filters && filters.length > 0 ? { externalFilters: filters } : {})}\n      {...(filterConfig?.search ? { search: filterConfig.search } : {})}\n      {...(filterConfig?.timeRange\n        ? { timeRange: filterConfig.timeRange }\n        : {})}\n      {...(pagination ? { pagination } : {})}\n      {...(download ? { download } : {})}\n    />\n  );\n}\n"],"names":[],"mappings":";;;AA2DO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,SAAS,uBAAuB,eAAe;AACrD,QAAM,UAAU,6CAAc;AAE9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAI,YAAY,SAAY,EAAE,QAAA,IAAY,CAAA;AAAA,MAC1C,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,eAAe,EAAE,aAAA,IAAiB,CAAA;AAAA,MACtC,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAChC,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAChC,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,kBACD;AAAA,QACE,iBAAiB,OAAO;AAAA,QACxB,iBAAiB,OAAO;AAAA,QACxB,qBAAqB,OAAO;AAAA,MAAA,IAE9B,CAAA;AAAA,MACH,GAAI,WAAW,QAAQ,SAAS,IAAI,EAAE,iBAAiB,QAAA,IAAY,CAAA;AAAA,MACnE,IAAI,6CAAc,UAAS,EAAE,QAAQ,aAAa,OAAA,IAAW,CAAA;AAAA,MAC7D,IAAI,6CAAc,aACf,EAAE,WAAW,aAAa,UAAA,IAC1B,CAAA;AAAA,MACH,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,MAClC,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,IAAC;AAAA,EAAA;AAGtC;"}
+{"version":3,"file":"OperationResultView.js","sources":["../../src/rpc/OperationResultView.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport {\n  DataTable,\n  type DataTableColumn,\n  type DataTablePagination,\n} from \"../data/DataTable\";\nimport type {\n  ClickyCommandRuntime,\n  ClickyDownloadOptions,\n} from \"../data/Clicky\";\nimport { cn } from \"../lib/utils\";\nimport { ExecutionResult } from \"./ExecutionResult\";\nimport { useRowDetailNavigation } from \"./rowNavigation\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\n\n// ResultRenderContext is handed to a host-supplied resultRenderer so it can\n// replace the default result surface for selected entities (e.g. render a\n// LogsTable for trace/log profiles). `defaultView` is the standard\n// OperationResultView element; return it unchanged to keep the default.\nexport type ResultRenderContext = {\n  surfaceKey?: string;\n  response: ExecutionResponse | null;\n  defaultView: ReactNode;\n};\n\n// ResultRenderer lets the host app swap the result presentation per surface. It\n// receives the current surface key, the raw response, and the default view, and\n// returns whatever node should render in its place.\nexport type ResultRenderer = (ctx: ResultRenderContext) => ReactNode;\n\n// In-table filter inputs for the result table — mirrors what\n// parametersToFormConfig produces, surfaced through the DataTable's own\n// FilterBar so the filter UI renders identically on every result surface.\nexport type OperationResultFilterConfig = {\n  filters?: FilterBarFilter[];\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n};\n\nexport type OperationResultViewProps = {\n  response: ExecutionResponse | null;\n  error?: ReactNode;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  commandRuntime?: ClickyCommandRuntime;\n  // When set, rows navigate to the entity detail page (/<surface>/<id>).\n  detailOperation?: ResolvedOperation | undefined;\n  filterConfig?: OperationResultFilterConfig;\n  pagination?: DataTablePagination;\n  download?: ClickyDownloadOptions;\n};\n\ntype ErrorResultRow = {\n  error: string;\n};\n\nconst ERROR_RESULT_COLUMNS: DataTableColumn<ErrorResultRow>[] = [\n  {\n    key: \"error\",\n    label: \"Error\",\n    grow: true,\n    sortable: false,\n    resizable: false,\n    hideable: false,\n  },\n];\n\n// OperationResultView is the single result surface rendered by both the entity\n// list catalog and the operation runner. It renders the clicky result table\n// with its in-table FilterBar, the View/Download menu (automatic via the\n// response's requestUrl), pagination, and row→detail navigation — so the\n// surface looks and behaves identically wherever a result is shown.\nexport function OperationResultView({\n  response,\n  error,\n  loading,\n  loadingMessage,\n  emptyMessage,\n  ariaLabel,\n  className,\n  commandRuntime,\n  detailOperation,\n  filterConfig,\n  pagination,\n  download,\n}: OperationResultViewProps) {\n  const rowNav = useRowDetailNavigation(detailOperation);\n  const filters = filterConfig?.filters;\n\n  if (error != null) {\n    return (\n      <div\n        role={ariaLabel ? \"region\" : undefined}\n        aria-label={ariaLabel}\n        className={cn(\"mt-3 flex min-h-0 flex-col\", className)}\n      >\n        <DataTable<ErrorResultRow>\n          data={[]}\n          columns={ERROR_RESULT_COLUMNS}\n          error={error}\n          className=\"h-full\"\n          showGlobalFilter={false}\n          showDensityControl={false}\n          hideableColumns={false}\n          resizableColumns={false}\n          persistColumnWidths={false}\n          persistColumnVisibility={false}\n          persistDensity={false}\n          {...(filters && filters.length > 0\n            ? { externalFilters: filters }\n            : {})}\n          {...(filterConfig?.search\n            ? { externalSearch: filterConfig.search }\n            : {})}\n          {...(filterConfig?.timeRange\n            ? { externalTimeRange: filterConfig.timeRange }\n            : {})}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <ExecutionResult\n      response={response}\n      {...(loading !== undefined ? { loading } : {})}\n      {...(loadingMessage ? { loadingMessage } : {})}\n      {...(emptyMessage ? { emptyMessage } : {})}\n      {...(ariaLabel ? { ariaLabel } : {})}\n      {...(className ? { className } : {})}\n      {...(commandRuntime ? { commandRuntime } : {})}\n      {...(detailOperation\n        ? {\n            getTableRowHref: rowNav.getRowHref,\n            onTableRowClick: rowNav.onRowClick,\n            isTableRowClickable: rowNav.isRowClickable,\n          }\n        : {})}\n      {...(filters && filters.length > 0 ? { externalFilters: filters } : {})}\n      {...(filterConfig?.search ? { search: filterConfig.search } : {})}\n      {...(filterConfig?.timeRange\n        ? { timeRange: filterConfig.timeRange }\n        : {})}\n      {...(pagination ? { pagination } : {})}\n      {...(download ? { download } : {})}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAgEA,MAAM,uBAA0D;AAAA,EAC9D;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,IACV,WAAW;AAAA,IACX,UAAU;AAAA,EAAA;AAEd;AAOO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,SAAS,uBAAuB,eAAe;AACrD,QAAM,UAAU,6CAAc;AAE9B,MAAI,SAAS,MAAM;AACjB,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,YAAY,WAAW;AAAA,QAC7B,cAAY;AAAA,QACZ,WAAW,GAAG,8BAA8B,SAAS;AAAA,QAErD,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM,CAAA;AAAA,YACN,SAAS;AAAA,YACT;AAAA,YACA,WAAU;AAAA,YACV,kBAAkB;AAAA,YAClB,oBAAoB;AAAA,YACpB,iBAAiB;AAAA,YACjB,kBAAkB;AAAA,YAClB,qBAAqB;AAAA,YACrB,yBAAyB;AAAA,YACzB,gBAAgB;AAAA,YACf,GAAI,WAAW,QAAQ,SAAS,IAC7B,EAAE,iBAAiB,QAAA,IACnB,CAAA;AAAA,YACH,IAAI,6CAAc,UACf,EAAE,gBAAgB,aAAa,OAAA,IAC/B,CAAA;AAAA,YACH,IAAI,6CAAc,aACf,EAAE,mBAAmB,aAAa,UAAA,IAClC,CAAA;AAAA,UAAC;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAGN;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAI,YAAY,SAAY,EAAE,QAAA,IAAY,CAAA;AAAA,MAC1C,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,eAAe,EAAE,aAAA,IAAiB,CAAA;AAAA,MACtC,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAChC,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAChC,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,kBACD;AAAA,QACE,iBAAiB,OAAO;AAAA,QACxB,iBAAiB,OAAO;AAAA,QACxB,qBAAqB,OAAO;AAAA,MAAA,IAE9B,CAAA;AAAA,MACH,GAAI,WAAW,QAAQ,SAAS,IAAI,EAAE,iBAAiB,QAAA,IAAY,CAAA;AAAA,MACnE,IAAI,6CAAc,UAAS,EAAE,QAAQ,aAAa,OAAA,IAAW,CAAA;AAAA,MAC7D,IAAI,6CAAc,aACf,EAAE,WAAW,aAAa,UAAA,IAC1B,CAAA;AAAA,MACH,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,MAClC,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,IAAC;AAAA,EAAA;AAGtC;"}