@backstage-community/plugin-cicd-statistics 0.15.0 → 0.16.0

package/dist/charts/zoom.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"zoom.esm.js","sources":["../../src/charts/zoom.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { throttle } from 'lodash';\nimport {\n  createContext,\n  PropsWithChildren,\n  Dispatch,\n  SetStateAction,\n  Fragment,\n  useContext,\n  useState,\n  useCallback,\n  useMemo,\n  useEffect,\n} from 'react';\nimport { ReferenceArea } from 'recharts';\n\nimport type { Epoch } from './types';\n\ninterface ZoomState {\n  left?: number;\n  right?: number;\n}\n\ninterface ZoomContext {\n  registerSelection(setter: Dispatch<ZoomState>): void;\n  setSelectState: Dispatch<SetStateAction<ZoomState>>;\n\n  zoomState: ZoomState;\n  setZoomState: Dispatch<SetStateAction<ZoomState>>;\n\n  resetZoom: () => void;\n}\n\nconst context = createContext<ZoomContext>(undefined as any);\n\nexport function ZoomProvider({ children }: PropsWithChildren<{}>) {\n  const [registeredSelectors, setRegisteredSelectors] = useState<\n    Array<Dispatch<ZoomState>>\n  >([]);\n  const [selectState, setSelectState] = useState<ZoomState>({});\n  const [zoomState, setZoomState] = useState<ZoomState>({});\n\n  const registerSelection = useCallback(\n    (selector: Dispatch<ZoomState>) => {\n      setRegisteredSelectors(old => [...old, selector]);\n\n      return () => {\n        setRegisteredSelectors(old => old.filter(sel => sel === selector));\n      };\n    },\n    [setRegisteredSelectors],\n  );\n\n  const callSelectors = useCallback(\n    (state: ZoomState) => {\n      registeredSelectors.forEach(selector => {\n        selector(state);\n      });\n    },\n    [registeredSelectors],\n  );\n\n  const throttledCallSelectors = useMemo(\n    () => throttle(callSelectors, 200),\n    [callSelectors],\n  );\n\n  useEffect(() => {\n    throttledCallSelectors({\n      left: selectState.left,\n      right: selectState.right,\n    });\n  }, [selectState.left, selectState.right, throttledCallSelectors]);\n\n  const resetZoom = useCallback(() => {\n    setSelectState({});\n    setZoomState({});\n  }, [setSelectState, setZoomState]);\n\n  const value = useMemo(\n    (): ZoomContext => ({\n      registerSelection,\n      setSelectState,\n\n      zoomState,\n      setZoomState,\n\n      resetZoom,\n    }),\n    [registerSelection, setSelectState, zoomState, setZoomState, resetZoom],\n  );\n\n  return <context.Provider value={value} children={children} />;\n}\n\nexport function useZoom() {\n  const { zoomState, resetZoom } = useContext(context);\n\n  const zoomFilterValues = useCallback(\n    <T extends Epoch>(values: Array<T>): Array<T> => {\n      const { left, right } = zoomState;\n      return left === undefined || right === undefined\n        ? values\n        : values.filter(({ __epoch }) => __epoch > left && __epoch < right);\n    },\n    [zoomState],\n  );\n\n  return useMemo(\n    () => ({\n      resetZoom,\n      zoomState,\n      zoomFilterValues,\n    }),\n    [resetZoom, zoomState, zoomFilterValues],\n  );\n}\n\nexport interface ZoomAreaProps {\n  yAxisId?: number | string | undefined;\n}\n\nexport function useZoomArea() {\n  const [showSelection, setShowSelection] = useState(false);\n  const [state, setState] = useState<ZoomState>({});\n  const { setSelectState, setZoomState, registerSelection } =\n    useContext(context);\n\n  const onMouseDown = useCallback(\n    (e: any) => {\n      if (!e?.activeLabel) return;\n\n      setSelectState({ left: e.activeLabel });\n      setShowSelection(true);\n    },\n    [setSelectState, setShowSelection],\n  );\n\n  const onMouseMove = useCallback(\n    (e: any) => {\n      if (!e?.activeLabel) return;\n\n      setSelectState(area => {\n        if (!area.left) {\n          return area;\n        }\n        return { ...area, right: e.activeLabel };\n      });\n    },\n    [setSelectState],\n  );\n\n  const doZoom = useCallback(() => {\n    setSelectState(old => {\n      const { left, right } = old;\n\n      if (left === undefined || right === undefined || left === right) {\n        // Either is undefined or both are same - zoom out\n        setZoomState({});\n      } else if (left < right) {\n        setZoomState({ left, right });\n      } else if (left > right) {\n        setZoomState({ left: right, right: left });\n      }\n\n      return {};\n    });\n    setShowSelection(false);\n  }, [setSelectState, setZoomState, setShowSelection]);\n\n  const zoomProps = useMemo(\n    () => ({\n      onMouseDown,\n      onMouseMove,\n      onMouseUp: doZoom,\n    }),\n    [onMouseDown, onMouseMove, doZoom],\n  );\n\n  useEffect(() => {\n    if (!showSelection) {\n      return undefined;\n    }\n    return registerSelection(setState);\n  }, [registerSelection, setState, showSelection]);\n\n  const getZoomArea = useCallback(\n    (props?: ZoomAreaProps) => (\n      <Fragment key=\"zoom-area\">\n        {showSelection && state.left && state.right ? (\n          <ReferenceArea\n            x1={state.left}\n            x2={state.right}\n            strokeOpacity={0.5}\n            {...props}\n          />\n        ) : null}\n      </Fragment>\n    ),\n    [showSelection, state.left, state.right],\n  );\n\n  return {\n    zoomProps,\n    getZoomArea,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"zoom.esm.js","sources":["../../src/charts/zoom.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { throttle } from 'lodash';\nimport {\n  createContext,\n  PropsWithChildren,\n  Dispatch,\n  SetStateAction,\n  Fragment,\n  useContext,\n  useState,\n  useCallback,\n  useMemo,\n  useEffect,\n} from 'react';\nimport { ReferenceArea } from 'recharts';\n\nimport type { Epoch } from './types';\n\ninterface ZoomState {\n  left?: number;\n  right?: number;\n}\n\ninterface ZoomContext {\n  registerSelection(setter: Dispatch<ZoomState>): void;\n  setSelectState: Dispatch<SetStateAction<ZoomState>>;\n\n  zoomState: ZoomState;\n  setZoomState: Dispatch<SetStateAction<ZoomState>>;\n\n  resetZoom: () => void;\n}\n\nconst context = createContext<ZoomContext>(undefined as any);\n\nexport function ZoomProvider({ children }: PropsWithChildren<{}>) {\n  const [registeredSelectors, setRegisteredSelectors] = useState<\n    Array<Dispatch<ZoomState>>\n  >([]);\n  const [selectState, setSelectState] = useState<ZoomState>({});\n  const [zoomState, setZoomState] = useState<ZoomState>({});\n\n  const registerSelection = useCallback(\n    (selector: Dispatch<ZoomState>) => {\n      setRegisteredSelectors(old => [...old, selector]);\n\n      return () => {\n        setRegisteredSelectors(old => old.filter(sel => sel === selector));\n      };\n    },\n    [setRegisteredSelectors],\n  );\n\n  const callSelectors = useCallback(\n    (state: ZoomState) => {\n      registeredSelectors.forEach(selector => {\n        selector(state);\n      });\n    },\n    [registeredSelectors],\n  );\n\n  const throttledCallSelectors = useMemo(\n    () => throttle(callSelectors, 200),\n    [callSelectors],\n  );\n\n  useEffect(() => {\n    throttledCallSelectors({\n      left: selectState.left,\n      right: selectState.right,\n    });\n  }, [selectState.left, selectState.right, throttledCallSelectors]);\n\n  const resetZoom = useCallback(() => {\n    setSelectState({});\n    setZoomState({});\n  }, [setSelectState, setZoomState]);\n\n  const value = useMemo(\n    (): ZoomContext => ({\n      registerSelection,\n      setSelectState,\n\n      zoomState,\n      setZoomState,\n\n      resetZoom,\n    }),\n    [registerSelection, setSelectState, zoomState, setZoomState, resetZoom],\n  );\n\n  return <context.Provider value={value} children={children} />;\n}\n\nexport function useZoom() {\n  const { zoomState, resetZoom } = useContext(context);\n\n  const zoomFilterValues = useCallback(\n    <T extends Epoch>(values: Array<T>): Array<T> => {\n      const { left, right } = zoomState;\n      return left === undefined || right === undefined\n        ? values\n        : values.filter(({ __epoch }) => __epoch > left && __epoch < right);\n    },\n    [zoomState],\n  );\n\n  return useMemo(\n    () => ({\n      resetZoom,\n      zoomState,\n      zoomFilterValues,\n    }),\n    [resetZoom, zoomState, zoomFilterValues],\n  );\n}\n\nexport interface ZoomAreaProps {\n  yAxisId?: number | string | undefined;\n}\n\nexport function useZoomArea() {\n  const [showSelection, setShowSelection] = useState(false);\n  const [state, setState] = useState<ZoomState>({});\n  const { setSelectState, setZoomState, registerSelection } =\n    useContext(context);\n\n  const onMouseDown = useCallback(\n    (e: any) => {\n      if (!e?.activeLabel) return;\n\n      setSelectState({ left: e.activeLabel });\n      setShowSelection(true);\n    },\n    [setSelectState, setShowSelection],\n  );\n\n  const onMouseMove = useCallback(\n    (e: any) => {\n      if (!e?.activeLabel) return;\n\n      setSelectState(area => {\n        if (!area.left) {\n          return area;\n        }\n        return { ...area, right: e.activeLabel };\n      });\n    },\n    [setSelectState],\n  );\n\n  const doZoom = useCallback(() => {\n    setSelectState(old => {\n      const { left, right } = old;\n\n      if (left === undefined || right === undefined || left === right) {\n        // Either is undefined or both are same - zoom out\n        setZoomState({});\n      } else if (left < right) {\n        setZoomState({ left, right });\n      } else if (left > right) {\n        setZoomState({ left: right, right: left });\n      }\n\n      return {};\n    });\n    setShowSelection(false);\n  }, [setSelectState, setZoomState, setShowSelection]);\n\n  const zoomProps = useMemo(\n    () => ({\n      onMouseDown,\n      onMouseMove,\n      onMouseUp: doZoom,\n    }),\n    [onMouseDown, onMouseMove, doZoom],\n  );\n\n  useEffect(() => {\n    if (!showSelection) {\n      return undefined;\n    }\n    return registerSelection(setState);\n  }, [registerSelection, setState, showSelection]);\n\n  const getZoomArea = useCallback(\n    (props?: ZoomAreaProps) => (\n      <Fragment key=\"zoom-area\">\n        {showSelection && state.left && state.right ? (\n          <ReferenceArea\n            x1={state.left}\n            x2={state.right}\n            strokeOpacity={0.5}\n            {...props}\n          />\n        ) : null}\n      </Fragment>\n    ),\n    [showSelection, state.left, state.right],\n  );\n\n  return {\n    zoomProps,\n    getZoomArea,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/components/button-switch.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-switch.esm.js","sources":["../../src/components/button-switch.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCallback, MouseEvent, JSX } from 'react';\nimport ButtonGroup from '@material-ui/core/ButtonGroup';\nimport Button from '@material-ui/core/Button';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Zoom from '@material-ui/core/Zoom';\n\nexport interface SwitchValueDetails<T extends string> {\n  value: T;\n  tooltip?: string;\n  text?: string | JSX.Element;\n}\n\nexport type SwitchValue<T extends string> = T | SwitchValueDetails<T>;\n\nexport interface ButtonSwitchPropsBase<T extends string> {\n  values: ReadonlyArray<SwitchValue<T>>;\n  vertical?: boolean;\n}\nexport interface ButtonSwitchPropsSingle<T extends string>\n  extends ButtonSwitchPropsBase<T> {\n  multi?: false;\n  selection: T;\n  onChange: (selected: T) => void;\n}\nexport interface ButtonSwitchPropsMulti<T extends string>\n  extends ButtonSwitchPropsBase<T> {\n  multi: true;\n  selection: ReadonlyArray<T>;\n  onChange: (selected: Array<T>) => void;\n}\n\nexport type ButtonSwitchProps<T extends string> =\n  | ButtonSwitchPropsSingle<T>\n  | ButtonSwitchPropsMulti<T>;\n\nfunction switchValue<T extends string>(value: SwitchValue<T>): T {\n  return typeof value === 'object' ? value.value : value;\n}\n\nfunction switchText<T extends string>(\n  value: SwitchValue<T>,\n): string | JSX.Element {\n  return typeof value === 'object' ? value.text ?? value.value : value;\n}\n\nfunction findParent(tagName: string, elem: HTMLElement): HTMLElement {\n  let node: HTMLElement | null = elem;\n  while (node.tagName !== tagName) {\n    node = node.parentElement;\n    if (!node) {\n      throw new Error(`Couldn't find ${tagName} parent`);\n    }\n  }\n  return node;\n}\n\nexport function ButtonSwitch<T extends string>(props: ButtonSwitchProps<T>) {\n  const { values, vertical = false } = props;\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLSpanElement>) => {\n      const btn = findParent('BUTTON', ev.target as HTMLElement);\n      const index = [...btn.parentElement!.children].findIndex(\n        child => child === btn,\n      );\n      const value = switchValue(values[index]);\n\n      if (props.multi) {\n        props.onChange(\n          props.selection.includes(value as T)\n            ? props.selection.filter(val => val !== value)\n            : [...props.selection, value as T],\n        );\n      } else {\n        props.onChange(value as T);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [values, props.selection, props.multi, props.onChange],\n  );\n\n  const hasSelection = (value: T) => {\n    if (props.multi) {\n      return props.selection.includes(value);\n    }\n    return props.selection === value;\n  };\n\n  const tooltipify = (value: SwitchValue<T>, elem: JSX.Element) =>\n    typeof value === 'object' && value.tooltip ? (\n      <Tooltip\n        key={value.value}\n        TransitionComponent={Zoom}\n        title={value.tooltip}\n        arrow\n      >\n        {elem}\n      </Tooltip>\n    ) : (\n      elem\n    );\n\n  return (\n    <ButtonGroup\n      disableElevation\n      orientation={vertical ? 'vertical' : 'horizontal'}\n      variant=\"outlined\"\n      size=\"small\"\n    >\n      {values.map(value =>\n        tooltipify(\n          value,\n          <Button\n            key={switchValue(value)}\n            color={hasSelection(switchValue(value)) ? 'primary' : 'default'}\n            variant={\n              hasSelection(switchValue(value)) ? 'contained' : 'outlined'\n            }\n            onClick={onClick}\n          >\n            {switchText(value)}\n          </Button>,\n        ),\n      )}\n    </ButtonGroup>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"button-switch.esm.js","sources":["../../src/components/button-switch.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCallback, MouseEvent, JSX } from 'react';\nimport ButtonGroup from '@material-ui/core/ButtonGroup';\nimport Button from '@material-ui/core/Button';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Zoom from '@material-ui/core/Zoom';\n\nexport interface SwitchValueDetails<T extends string> {\n  value: T;\n  tooltip?: string;\n  text?: string | JSX.Element;\n}\n\nexport type SwitchValue<T extends string> = T | SwitchValueDetails<T>;\n\nexport interface ButtonSwitchPropsBase<T extends string> {\n  values: ReadonlyArray<SwitchValue<T>>;\n  vertical?: boolean;\n}\nexport interface ButtonSwitchPropsSingle<T extends string>\n  extends ButtonSwitchPropsBase<T> {\n  multi?: false;\n  selection: T;\n  onChange: (selected: T) => void;\n}\nexport interface ButtonSwitchPropsMulti<T extends string>\n  extends ButtonSwitchPropsBase<T> {\n  multi: true;\n  selection: ReadonlyArray<T>;\n  onChange: (selected: Array<T>) => void;\n}\n\nexport type ButtonSwitchProps<T extends string> =\n  | ButtonSwitchPropsSingle<T>\n  | ButtonSwitchPropsMulti<T>;\n\nfunction switchValue<T extends string>(value: SwitchValue<T>): T {\n  return typeof value === 'object' ? value.value : value;\n}\n\nfunction switchText<T extends string>(\n  value: SwitchValue<T>,\n): string | JSX.Element {\n  return typeof value === 'object' ? value.text ?? value.value : value;\n}\n\nfunction findParent(tagName: string, elem: HTMLElement): HTMLElement {\n  let node: HTMLElement | null = elem;\n  while (node.tagName !== tagName) {\n    node = node.parentElement;\n    if (!node) {\n      throw new Error(`Couldn't find ${tagName} parent`);\n    }\n  }\n  return node;\n}\n\nexport function ButtonSwitch<T extends string>(props: ButtonSwitchProps<T>) {\n  const { values, vertical = false } = props;\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLSpanElement>) => {\n      const btn = findParent('BUTTON', ev.target as HTMLElement);\n      const index = [...btn.parentElement!.children].findIndex(\n        child => child === btn,\n      );\n      const value = switchValue(values[index]);\n\n      if (props.multi) {\n        props.onChange(\n          props.selection.includes(value as T)\n            ? props.selection.filter(val => val !== value)\n            : [...props.selection, value as T],\n        );\n      } else {\n        props.onChange(value as T);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [values, props.selection, props.multi, props.onChange],\n  );\n\n  const hasSelection = (value: T) => {\n    if (props.multi) {\n      return props.selection.includes(value);\n    }\n    return props.selection === value;\n  };\n\n  const tooltipify = (value: SwitchValue<T>, elem: JSX.Element) =>\n    typeof value === 'object' && value.tooltip ? (\n      <Tooltip\n        key={value.value}\n        TransitionComponent={Zoom}\n        title={value.tooltip}\n        arrow\n      >\n        {elem}\n      </Tooltip>\n    ) : (\n      elem\n    );\n\n  return (\n    <ButtonGroup\n      disableElevation\n      orientation={vertical ? 'vertical' : 'horizontal'}\n      variant=\"outlined\"\n      size=\"small\"\n    >\n      {values.map(value =>\n        tooltipify(\n          value,\n          <Button\n            key={switchValue(value)}\n            color={hasSelection(switchValue(value)) ? 'primary' : 'default'}\n            variant={\n              hasSelection(switchValue(value)) ? 'contained' : 'outlined'\n            }\n            onClick={onClick}\n          >\n            {switchText(value)}\n          </Button>,\n        ),\n      )}\n    </ButtonGroup>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/chart-filters.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-filters.esm.js","sources":["../../src/components/chart-filters.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCallback, useState, useEffect, useMemo } from 'react';\nimport Button from '@material-ui/core/Button';\nimport Card from '@material-ui/core/Card';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport CardContent from '@material-ui/core/CardContent';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormGroup from '@material-ui/core/FormGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Grid from '@material-ui/core/Grid';\nimport Switch from '@material-ui/core/Switch';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport ShowChartIcon from '@material-ui/icons/ShowChart';\nimport BarChartIcon from '@material-ui/icons/BarChart';\nimport MuiPickersUtilsProvider from '@material-ui/pickers/MuiPickersUtilsProvider';\nimport { KeyboardDatePicker } from '@material-ui/pickers/DatePicker';\nimport { DateTime } from 'luxon';\nimport LuxonUtils from '@date-io/luxon';\n\nimport {\n  ChartType,\n  ChartTypes,\n  CicdConfiguration,\n  CicdDefaults,\n  FilterBranchType,\n  FilterStatusType,\n  statusTypes,\n} from '../apis/types';\nimport { ChartableStagesAnalysis } from '../charts/types';\nimport { ButtonSwitch, SwitchValue } from './button-switch';\nimport { Toggle } from './toggle';\nimport { DurationSlider } from './duration-slider';\nimport { Label } from './label';\n\nexport const useStyles = makeStyles(\n  theme => ({\n    rootCard: {\n      padding: theme.spacing(0, 0, 0, 0),\n      margin: theme.spacing(0, 0, 2, 0),\n    },\n    updateButton: {\n      margin: theme.spacing(1, 0, 0, 0),\n    },\n    header: {\n      margin: theme.spacing(0, 0, 0, 0),\n      textTransform: 'uppercase',\n      fontSize: 12,\n      fontWeight: 'bold',\n    },\n    title: {\n      margin: theme.spacing(3, 0, 1, 0),\n      textTransform: 'uppercase',\n      fontSize: 12,\n      fontWeight: 'bold',\n      '&:first-child': {\n        margin: theme.spacing(1, 0, 1, 0),\n      },\n    },\n    buttonDescription: {\n      textTransform: 'uppercase',\n      margin: theme.spacing(1, 0, 0, 1),\n    },\n  }),\n  {\n    name: 'CicdStatistics',\n  },\n);\n\nexport type BranchSelection = FilterBranchType | 'all';\nexport type StatusSelection = FilterStatusType;\n\nexport interface ChartFilter {\n  fromDate: Date;\n  toDate: Date;\n  branch: string;\n  status: Array<string>;\n}\n\nexport function getDefaultChartFilter(\n  cicdConfiguration: CicdConfiguration,\n): ChartFilter {\n  const toDate = cicdConfiguration.defaults?.timeTo ?? new Date();\n  return {\n    fromDate:\n      cicdConfiguration.defaults?.timeFrom ??\n      DateTime.fromJSDate(toDate).minus({ months: 1 }).toJSDate(),\n    toDate,\n    branch: cicdConfiguration.defaults?.filterType ?? 'branch',\n    status:\n      cicdConfiguration.defaults?.filterStatus ??\n      cicdConfiguration.availableStatuses.filter(\n        status => status === 'succeeded' || status === 'failed',\n      ),\n  };\n}\n\nfunction isSameChartFilter(a: ChartFilter, b: ChartFilter): boolean {\n  return (\n    a.branch === b.branch &&\n    [...a.status].sort().join(' ') === [...b.status].sort().join(' ') &&\n    DateTime.fromJSDate(a.fromDate).hasSame(\n      DateTime.fromJSDate(b.fromDate),\n      'day',\n    ) &&\n    DateTime.fromJSDate(a.toDate).hasSame(DateTime.fromJSDate(b.toDate), 'day')\n  );\n}\n\nexport type ViewOptions = Pick<\n  CicdDefaults,\n  | 'lowercaseNames'\n  | 'normalizeTimeRange'\n  | 'collapsedLimit'\n  | 'hideLimit'\n  | 'chartTypes'\n>;\n\nexport function getDefaultViewOptions(\n  cicdConfiguration: CicdConfiguration,\n): ViewOptions {\n  return {\n    lowercaseNames: cicdConfiguration.defaults?.lowercaseNames ?? false,\n    normalizeTimeRange: cicdConfiguration.defaults?.normalizeTimeRange ?? true,\n    collapsedLimit: 60 * 1000, // 1m\n    hideLimit: 20 * 1000, // 20s\n    chartTypes: {\n      succeeded: ['duration'],\n      failed: ['count'],\n      enqueued: ['count'],\n      scheduled: ['count'],\n      running: ['count'],\n      aborted: ['count'],\n      stalled: ['count'],\n      expired: ['count'],\n      unknown: ['count'],\n    },\n  };\n}\n\nconst branchValues: Array<SwitchValue<BranchSelection>> = [\n  'master',\n  'branch',\n  {\n    value: 'all',\n    tooltip:\n      'NOTE; If the build pipelines are very different between master and branch ' +\n      'builds, viewing them combined might not result in a very useful chart',\n  },\n];\n\nconst chartTypeValues: Array<SwitchValue<ChartType>> = [\n  { value: 'duration', text: <ShowChartIcon />, tooltip: 'Duration' },\n  { value: 'count', text: <BarChartIcon />, tooltip: 'Count per day' },\n];\n\nexport interface ChartFiltersProps {\n  analysis?: ChartableStagesAnalysis;\n\n  cicdConfiguration: CicdConfiguration;\n  initialFetchFilter: ChartFilter;\n  currentFetchFilter?: ChartFilter;\n  onChangeFetchFilter(filter: ChartFilter): void;\n  updateFetchFilter(filter: ChartFilter): void;\n\n  initialViewOptions: ViewOptions;\n  onChangeViewOptions(filter: ViewOptions): void;\n}\n\ninterface InternalRef {\n  first: boolean;\n}\n\nexport function ChartFilters(props: ChartFiltersProps) {\n  const {\n    analysis,\n    cicdConfiguration,\n    initialFetchFilter,\n    currentFetchFilter,\n    onChangeFetchFilter,\n    updateFetchFilter,\n    initialViewOptions,\n    onChangeViewOptions,\n  } = props;\n\n  const classes = useStyles();\n\n  const [internalRef] = useState<InternalRef>({ first: true });\n\n  const [useNowAsToDate, setUseNowAsToDate] = useState(true);\n  const [toDate, setToDate] = useState(initialFetchFilter.toDate);\n  const [fromDate, setFromDate] = useState(initialFetchFilter.fromDate);\n\n  const [branch, setBranch] = useState(initialFetchFilter.branch);\n\n  const statusValues: ReadonlyArray<StatusSelection> =\n    cicdConfiguration.availableStatuses;\n  const [selectedStatus, setSelectedStatus] = useState(\n    initialFetchFilter.status,\n  );\n\n  const [viewOptions, setViewOptions] = useState(initialViewOptions);\n\n  const setLowercaseNames = useCallback(\n    (lowercaseNames: boolean) => {\n      setViewOptions(old => ({ ...old, lowercaseNames }));\n    },\n    [setViewOptions],\n  );\n\n  const setNormalizeTimeRange = useCallback(\n    (normalizeTimeRange: boolean) => {\n      setViewOptions(old => ({ ...old, normalizeTimeRange }));\n    },\n    [setViewOptions],\n  );\n\n  const setHideLimit = useCallback(\n    (value: number) => {\n      setViewOptions(old => ({ ...old, hideLimit: value }));\n    },\n    [setViewOptions],\n  );\n\n  const setCollapseLimit = useCallback(\n    (value: number) => {\n      setViewOptions(old => ({ ...old, collapsedLimit: value }));\n    },\n    [setViewOptions],\n  );\n\n  const setChartType = useCallback(\n    (statusType: FilterStatusType, chartTypes: ChartTypes) => {\n      setViewOptions(old => ({\n        ...old,\n        chartTypes: { ...old.chartTypes, [statusType]: chartTypes },\n      }));\n    },\n    [setViewOptions],\n  );\n  const setChartTypeSpecific = useMemo(\n    () =>\n      Object.fromEntries(\n        statusTypes.map(\n          status =>\n            [\n              status,\n              (chartTypes: ChartTypes) => setChartType(status, chartTypes),\n            ] as const,\n        ),\n      ),\n    [setChartType],\n  );\n\n  useEffect(() => {\n    onChangeViewOptions(viewOptions);\n  }, [onChangeViewOptions, viewOptions]);\n\n  useEffect(() => {\n    if (internalRef.first) {\n      // Skip calling onChangeFetchFilter first time\n      internalRef.first = false;\n      return;\n    }\n    onChangeFetchFilter({\n      toDate,\n      fromDate,\n      branch,\n      status: selectedStatus,\n    });\n  }, [\n    internalRef,\n    toDate,\n    fromDate,\n    branch,\n    selectedStatus,\n    onChangeFetchFilter,\n  ]);\n\n  const toggleUseNowAsDate = useCallback(() => {\n    setUseNowAsToDate(!useNowAsToDate);\n    if (!DateTime.fromJSDate(toDate).hasSame(DateTime.now(), 'day')) {\n      setToDate(new Date());\n    }\n  }, [useNowAsToDate, toDate]);\n\n  const hasFetchFilterChanges = useMemo(\n    () =>\n      !currentFetchFilter ||\n      !isSameChartFilter(\n        {\n          toDate,\n          fromDate,\n          branch,\n          status: selectedStatus,\n        },\n        currentFetchFilter,\n      ),\n    [toDate, fromDate, branch, selectedStatus, currentFetchFilter],\n  );\n\n  const updateFilter = useCallback(() => {\n    updateFetchFilter({\n      toDate,\n      fromDate,\n      branch,\n      status: selectedStatus,\n    });\n  }, [toDate, fromDate, branch, selectedStatus, updateFetchFilter]);\n\n  const inrefferedStatuses = analysis?.statuses ?? selectedStatus;\n\n  return (\n    <MuiPickersUtilsProvider utils={LuxonUtils}>\n      <Card className={classes.rootCard}>\n        <CardHeader\n          action={\n            <Button\n              size=\"small\"\n              color=\"secondary\"\n              variant=\"contained\"\n              onClick={updateFilter}\n              disabled={!hasFetchFilterChanges}\n            >\n              Update\n            </Button>\n          }\n          title={\n            <Typography variant=\"subtitle2\" className={classes.header}>\n              Fetching options\n            </Typography>\n          }\n        />\n        <CardContent>\n          <Typography\n            variant=\"subtitle2\"\n            className={`${classes.title} ${classes.title}`}\n          >\n            Date range\n          </Typography>\n          <KeyboardDatePicker\n            autoOk\n            variant=\"inline\"\n            inputVariant=\"outlined\"\n            label=\"From date\"\n            format=\"yyyy-MM-dd\"\n            value={fromDate}\n            InputAdornmentProps={{ position: 'start' }}\n            onChange={date => setFromDate(date?.toJSDate() ?? new Date())}\n          />\n          <br />\n          <FormControl component=\"fieldset\">\n            <FormGroup>\n              <FormControlLabel\n                control={\n                  <Switch\n                    checked={useNowAsToDate}\n                    onChange={toggleUseNowAsDate}\n                  />\n                }\n                label={<Label>To today</Label>}\n              />\n              {useNowAsToDate ? null : (\n                <KeyboardDatePicker\n                  autoOk\n                  variant=\"inline\"\n                  inputVariant=\"outlined\"\n                  label=\"To date\"\n                  format=\"yyyy-MM-dd\"\n                  value={toDate}\n                  InputAdornmentProps={{ position: 'start' }}\n                  onChange={date => setToDate(date?.toJSDate() ?? new Date())}\n                />\n              )}\n            </FormGroup>\n          </FormControl>\n          <Typography\n            variant=\"subtitle2\"\n            className={`${classes.title} ${classes.title}`}\n          >\n            Branch\n          </Typography>\n          <ButtonSwitch<string>\n            values={branchValues}\n            selection={branch}\n            onChange={setBranch}\n          />\n          <Typography\n            variant=\"subtitle2\"\n            className={`${classes.title} ${classes.title}`}\n          >\n            Status\n          </Typography>\n          <ButtonSwitch<string>\n            values={statusValues}\n            multi\n            vertical\n            selection={selectedStatus}\n            onChange={setSelectedStatus}\n          />\n        </CardContent>\n      </Card>\n      <Card className={classes.rootCard}>\n        <CardHeader\n          title={\n            <Typography variant=\"subtitle2\" className={classes.header}>\n              View options\n            </Typography>\n          }\n        />\n        <CardContent>\n          <Toggle\n            checked={viewOptions.lowercaseNames}\n            setChecked={setLowercaseNames}\n          >\n            <Tooltip\n              arrow\n              title={\n                'Lowercasing names can reduce duplications ' +\n                'when stage names have changed casing'\n              }\n            >\n              <Label>Lowercase names</Label>\n            </Tooltip>\n          </Toggle>\n          <Toggle\n            checked={viewOptions.normalizeTimeRange}\n            setChecked={setNormalizeTimeRange}\n          >\n            <Tooltip\n              arrow\n              title={\n                'All charts will use the same x-axis. ' +\n                'This reduces confusion when stages have been altered over time ' +\n                'and only appear in a part of the time range.'\n              }\n            >\n              <Label>Normalize time range</Label>\n            </Tooltip>\n          </Toggle>\n          <DurationSlider\n            header=\"Hide under peak\"\n            value={viewOptions.hideLimit}\n            setValue={setHideLimit}\n          />\n          <DurationSlider\n            header=\"Collapse under peak\"\n            value={viewOptions.collapsedLimit}\n            setValue={setCollapseLimit}\n          />\n          <Typography\n            variant=\"subtitle2\"\n            className={`${classes.title} ${classes.title}`}\n          >\n            Chart styles\n          </Typography>\n          {inrefferedStatuses.map(status => (\n            <Grid key={status} container spacing={0}>\n              <Grid item>\n                <ButtonSwitch<ChartType>\n                  values={chartTypeValues}\n                  selection={viewOptions.chartTypes[status as FilterStatusType]}\n                  onChange={setChartTypeSpecific[status]}\n                  multi\n                />\n              </Grid>\n              <Grid item className={classes.buttonDescription}>\n                <div>{status}</div>\n              </Grid>\n            </Grid>\n          ))}\n        </CardContent>\n      </Card>\n    </MuiPickersUtilsProvider>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"chart-filters.esm.js","sources":["../../src/components/chart-filters.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCallback, useState, useEffect, useMemo } from 'react';\nimport Button from '@material-ui/core/Button';\nimport Card from '@material-ui/core/Card';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport CardContent from '@material-ui/core/CardContent';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormGroup from '@material-ui/core/FormGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Grid from '@material-ui/core/Grid';\nimport Switch from '@material-ui/core/Switch';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport ShowChartIcon from '@material-ui/icons/ShowChart';\nimport BarChartIcon from '@material-ui/icons/BarChart';\nimport MuiPickersUtilsProvider from '@material-ui/pickers/MuiPickersUtilsProvider';\nimport { KeyboardDatePicker } from '@material-ui/pickers/DatePicker';\nimport { DateTime } from 'luxon';\nimport LuxonUtils from '@date-io/luxon';\n\nimport {\n  ChartType,\n  ChartTypes,\n  CicdConfiguration,\n  CicdDefaults,\n  FilterBranchType,\n  FilterStatusType,\n  statusTypes,\n} from '../apis/types';\nimport { ChartableStagesAnalysis } from '../charts/types';\nimport { ButtonSwitch, SwitchValue } from './button-switch';\nimport { Toggle } from './toggle';\nimport { DurationSlider } from './duration-slider';\nimport { Label } from './label';\n\nexport const useStyles = makeStyles(\n  theme => ({\n    rootCard: {\n      padding: theme.spacing(0, 0, 0, 0),\n      margin: theme.spacing(0, 0, 2, 0),\n    },\n    updateButton: {\n      margin: theme.spacing(1, 0, 0, 0),\n    },\n    header: {\n      margin: theme.spacing(0, 0, 0, 0),\n      textTransform: 'uppercase',\n      fontSize: 12,\n      fontWeight: 'bold',\n    },\n    title: {\n      margin: theme.spacing(3, 0, 1, 0),\n      textTransform: 'uppercase',\n      fontSize: 12,\n      fontWeight: 'bold',\n      '&:first-child': {\n        margin: theme.spacing(1, 0, 1, 0),\n      },\n    },\n    buttonDescription: {\n      textTransform: 'uppercase',\n      margin: theme.spacing(1, 0, 0, 1),\n    },\n  }),\n  {\n    name: 'CicdStatistics',\n  },\n);\n\nexport type BranchSelection = FilterBranchType | 'all';\nexport type StatusSelection = FilterStatusType;\n\nexport interface ChartFilter {\n  fromDate: Date;\n  toDate: Date;\n  branch: string;\n  status: Array<string>;\n}\n\nexport function getDefaultChartFilter(\n  cicdConfiguration: CicdConfiguration,\n): ChartFilter {\n  const toDate = cicdConfiguration.defaults?.timeTo ?? new Date();\n  return {\n    fromDate:\n      cicdConfiguration.defaults?.timeFrom ??\n      DateTime.fromJSDate(toDate).minus({ months: 1 }).toJSDate(),\n    toDate,\n    branch: cicdConfiguration.defaults?.filterType ?? 'branch',\n    status:\n      cicdConfiguration.defaults?.filterStatus ??\n      cicdConfiguration.availableStatuses.filter(\n        status => status === 'succeeded' || status === 'failed',\n      ),\n  };\n}\n\nfunction isSameChartFilter(a: ChartFilter, b: ChartFilter): boolean {\n  return (\n    a.branch === b.branch &&\n    [...a.status].sort().join(' ') === [...b.status].sort().join(' ') &&\n    DateTime.fromJSDate(a.fromDate).hasSame(\n      DateTime.fromJSDate(b.fromDate),\n      'day',\n    ) &&\n    DateTime.fromJSDate(a.toDate).hasSame(DateTime.fromJSDate(b.toDate), 'day')\n  );\n}\n\nexport type ViewOptions = Pick<\n  CicdDefaults,\n  | 'lowercaseNames'\n  | 'normalizeTimeRange'\n  | 'collapsedLimit'\n  | 'hideLimit'\n  | 'chartTypes'\n>;\n\nexport function getDefaultViewOptions(\n  cicdConfiguration: CicdConfiguration,\n): ViewOptions {\n  return {\n    lowercaseNames: cicdConfiguration.defaults?.lowercaseNames ?? false,\n    normalizeTimeRange: cicdConfiguration.defaults?.normalizeTimeRange ?? true,\n    collapsedLimit: 60 * 1000, // 1m\n    hideLimit: 20 * 1000, // 20s\n    chartTypes: {\n      succeeded: ['duration'],\n      failed: ['count'],\n      enqueued: ['count'],\n      scheduled: ['count'],\n      running: ['count'],\n      aborted: ['count'],\n      stalled: ['count'],\n      expired: ['count'],\n      unknown: ['count'],\n    },\n  };\n}\n\nconst branchValues: Array<SwitchValue<BranchSelection>> = [\n  'master',\n  'branch',\n  {\n    value: 'all',\n    tooltip:\n      'NOTE; If the build pipelines are very different between master and branch ' +\n      'builds, viewing them combined might not result in a very useful chart',\n  },\n];\n\nconst chartTypeValues: Array<SwitchValue<ChartType>> = [\n  { value: 'duration', text: <ShowChartIcon />, tooltip: 'Duration' },\n  { value: 'count', text: <BarChartIcon />, tooltip: 'Count per day' },\n];\n\nexport interface ChartFiltersProps {\n  analysis?: ChartableStagesAnalysis;\n\n  cicdConfiguration: CicdConfiguration;\n  initialFetchFilter: ChartFilter;\n  currentFetchFilter?: ChartFilter;\n  onChangeFetchFilter(filter: ChartFilter): void;\n  updateFetchFilter(filter: ChartFilter): void;\n\n  initialViewOptions: ViewOptions;\n  onChangeViewOptions(filter: ViewOptions): void;\n}\n\ninterface InternalRef {\n  first: boolean;\n}\n\nexport function ChartFilters(props: ChartFiltersProps) {\n  const {\n    analysis,\n    cicdConfiguration,\n    initialFetchFilter,\n    currentFetchFilter,\n    onChangeFetchFilter,\n    updateFetchFilter,\n    initialViewOptions,\n    onChangeViewOptions,\n  } = props;\n\n  const classes = useStyles();\n\n  const [internalRef] = useState<InternalRef>({ first: true });\n\n  const [useNowAsToDate, setUseNowAsToDate] = useState(true);\n  const [toDate, setToDate] = useState(initialFetchFilter.toDate);\n  const [fromDate, setFromDate] = useState(initialFetchFilter.fromDate);\n\n  const [branch, setBranch] = useState(initialFetchFilter.branch);\n\n  const statusValues: ReadonlyArray<StatusSelection> =\n    cicdConfiguration.availableStatuses;\n  const [selectedStatus, setSelectedStatus] = useState(\n    initialFetchFilter.status,\n  );\n\n  const [viewOptions, setViewOptions] = useState(initialViewOptions);\n\n  const setLowercaseNames = useCallback(\n    (lowercaseNames: boolean) => {\n      setViewOptions(old => ({ ...old, lowercaseNames }));\n    },\n    [setViewOptions],\n  );\n\n  const setNormalizeTimeRange = useCallback(\n    (normalizeTimeRange: boolean) => {\n      setViewOptions(old => ({ ...old, normalizeTimeRange }));\n    },\n    [setViewOptions],\n  );\n\n  const setHideLimit = useCallback(\n    (value: number) => {\n      setViewOptions(old => ({ ...old, hideLimit: value }));\n    },\n    [setViewOptions],\n  );\n\n  const setCollapseLimit = useCallback(\n    (value: number) => {\n      setViewOptions(old => ({ ...old, collapsedLimit: value }));\n    },\n    [setViewOptions],\n  );\n\n  const setChartType = useCallback(\n    (statusType: FilterStatusType, chartTypes: ChartTypes) => {\n      setViewOptions(old => ({\n        ...old,\n        chartTypes: { ...old.chartTypes, [statusType]: chartTypes },\n      }));\n    },\n    [setViewOptions],\n  );\n  const setChartTypeSpecific = useMemo(\n    () =>\n      Object.fromEntries(\n        statusTypes.map(\n          status =>\n            [\n              status,\n              (chartTypes: ChartTypes) => setChartType(status, chartTypes),\n            ] as const,\n        ),\n      ),\n    [setChartType],\n  );\n\n  useEffect(() => {\n    onChangeViewOptions(viewOptions);\n  }, [onChangeViewOptions, viewOptions]);\n\n  useEffect(() => {\n    if (internalRef.first) {\n      // Skip calling onChangeFetchFilter first time\n      internalRef.first = false;\n      return;\n    }\n    onChangeFetchFilter({\n      toDate,\n      fromDate,\n      branch,\n      status: selectedStatus,\n    });\n  }, [\n    internalRef,\n    toDate,\n    fromDate,\n    branch,\n    selectedStatus,\n    onChangeFetchFilter,\n  ]);\n\n  const toggleUseNowAsDate = useCallback(() => {\n    setUseNowAsToDate(!useNowAsToDate);\n    if (!DateTime.fromJSDate(toDate).hasSame(DateTime.now(), 'day')) {\n      setToDate(new Date());\n    }\n  }, [useNowAsToDate, toDate]);\n\n  const hasFetchFilterChanges = useMemo(\n    () =>\n      !currentFetchFilter ||\n      !isSameChartFilter(\n        {\n          toDate,\n          fromDate,\n          branch,\n          status: selectedStatus,\n        },\n        currentFetchFilter,\n      ),\n    [toDate, fromDate, branch, selectedStatus, currentFetchFilter],\n  );\n\n  const updateFilter = useCallback(() => {\n    updateFetchFilter({\n      toDate,\n      fromDate,\n      branch,\n      status: selectedStatus,\n    });\n  }, [toDate, fromDate, branch, selectedStatus, updateFetchFilter]);\n\n  const inrefferedStatuses = analysis?.statuses ?? selectedStatus;\n\n  return (\n    <MuiPickersUtilsProvider utils={LuxonUtils}>\n      <Card className={classes.rootCard}>\n        <CardHeader\n          action={\n            <Button\n              size=\"small\"\n              color=\"secondary\"\n              variant=\"contained\"\n              onClick={updateFilter}\n              disabled={!hasFetchFilterChanges}\n            >\n              Update\n            </Button>\n          }\n          title={\n            <Typography variant=\"subtitle2\" className={classes.header}>\n              Fetching options\n            </Typography>\n          }\n        />\n        <CardContent>\n          <Typography\n            variant=\"subtitle2\"\n            className={`${classes.title} ${classes.title}`}\n          >\n            Date range\n          </Typography>\n          <KeyboardDatePicker\n            autoOk\n            variant=\"inline\"\n            inputVariant=\"outlined\"\n            label=\"From date\"\n            format=\"yyyy-MM-dd\"\n            value={fromDate}\n            InputAdornmentProps={{ position: 'start' }}\n            onChange={date => setFromDate(date?.toJSDate() ?? new Date())}\n          />\n          <br />\n          <FormControl component=\"fieldset\">\n            <FormGroup>\n              <FormControlLabel\n                control={\n                  <Switch\n                    checked={useNowAsToDate}\n                    onChange={toggleUseNowAsDate}\n                  />\n                }\n                label={<Label>To today</Label>}\n              />\n              {useNowAsToDate ? null : (\n                <KeyboardDatePicker\n                  autoOk\n                  variant=\"inline\"\n                  inputVariant=\"outlined\"\n                  label=\"To date\"\n                  format=\"yyyy-MM-dd\"\n                  value={toDate}\n                  InputAdornmentProps={{ position: 'start' }}\n                  onChange={date => setToDate(date?.toJSDate() ?? new Date())}\n                />\n              )}\n            </FormGroup>\n          </FormControl>\n          <Typography\n            variant=\"subtitle2\"\n            className={`${classes.title} ${classes.title}`}\n          >\n            Branch\n          </Typography>\n          <ButtonSwitch<string>\n            values={branchValues}\n            selection={branch}\n            onChange={setBranch}\n          />\n          <Typography\n            variant=\"subtitle2\"\n            className={`${classes.title} ${classes.title}`}\n          >\n            Status\n          </Typography>\n          <ButtonSwitch<string>\n            values={statusValues}\n            multi\n            vertical\n            selection={selectedStatus}\n            onChange={setSelectedStatus}\n          />\n        </CardContent>\n      </Card>\n      <Card className={classes.rootCard}>\n        <CardHeader\n          title={\n            <Typography variant=\"subtitle2\" className={classes.header}>\n              View options\n            </Typography>\n          }\n        />\n        <CardContent>\n          <Toggle\n            checked={viewOptions.lowercaseNames}\n            setChecked={setLowercaseNames}\n          >\n            <Tooltip\n              arrow\n              title={\n                'Lowercasing names can reduce duplications ' +\n                'when stage names have changed casing'\n              }\n            >\n              <Label>Lowercase names</Label>\n            </Tooltip>\n          </Toggle>\n          <Toggle\n            checked={viewOptions.normalizeTimeRange}\n            setChecked={setNormalizeTimeRange}\n          >\n            <Tooltip\n              arrow\n              title={\n                'All charts will use the same x-axis. ' +\n                'This reduces confusion when stages have been altered over time ' +\n                'and only appear in a part of the time range.'\n              }\n            >\n              <Label>Normalize time range</Label>\n            </Tooltip>\n          </Toggle>\n          <DurationSlider\n            header=\"Hide under peak\"\n            value={viewOptions.hideLimit}\n            setValue={setHideLimit}\n          />\n          <DurationSlider\n            header=\"Collapse under peak\"\n            value={viewOptions.collapsedLimit}\n            setValue={setCollapseLimit}\n          />\n          <Typography\n            variant=\"subtitle2\"\n            className={`${classes.title} ${classes.title}`}\n          >\n            Chart styles\n          </Typography>\n          {inrefferedStatuses.map(status => (\n            <Grid key={status} container spacing={0}>\n              <Grid item>\n                <ButtonSwitch<ChartType>\n                  values={chartTypeValues}\n                  selection={viewOptions.chartTypes[status as FilterStatusType]}\n                  onChange={setChartTypeSpecific[status]}\n                  multi\n                />\n              </Grid>\n              <Grid item className={classes.buttonDescription}>\n                <div>{status}</div>\n              </Grid>\n            </Grid>\n          ))}\n        </CardContent>\n      </Card>\n    </MuiPickersUtilsProvider>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/duration-slider.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"duration-slider.esm.js","sources":["../../src/components/duration-slider.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCallback, useMemo, useState } from 'react';\nimport Slider from '@material-ui/core/Slider';\nimport { debounce } from 'lodash';\n\nimport { formatDuration, formatDurationFromSeconds } from './utils';\nimport { Label } from './label';\n\nconst marks = [\n  0,\n  1,\n  2,\n  3,\n  4,\n  5,\n  10,\n  20,\n  30,\n  60,\n  2 * 60,\n  3 * 60,\n  4 * 60,\n  5 * 60,\n  10 * 60,\n  15 * 60,\n  30 * 60,\n  45 * 60,\n  60 * 60,\n].map((value, index) => ({\n  value: index,\n  label: formatDurationFromSeconds(value),\n  seconds: value,\n}));\n\nfunction findMarkIndex(seconds: number): number {\n  if (marks[0].seconds > seconds) {\n    return 0;\n  } else if (marks[marks.length - 1].seconds < seconds) {\n    return marks.length - 1;\n  }\n  for (let i = 0; i < marks.length - 1; ++i) {\n    const a = marks[i];\n    const b = marks[i + 1];\n    if (seconds === a.seconds) {\n      return i;\n    } else if (seconds === b.seconds) {\n      return i + 1;\n    } else if (a.seconds < seconds && b.seconds > seconds) {\n      return seconds - a.seconds < b.seconds - seconds ? i : i - 1;\n    }\n  }\n  return 0; // Won't happen\n}\n\nfunction formatDurationFromIndex(index: number) {\n  return formatDurationFromSeconds(marks[index].seconds);\n}\n\nexport interface DurationSliderProps {\n  header: string;\n  value: number;\n  setValue: (value: number) => void;\n}\n\nexport function DurationSlider(props: DurationSliderProps) {\n  const { header, value, setValue } = props;\n\n  const [curValue, setCurValue] = useState(value);\n\n  const debouncedSetValue = useMemo(() => debounce(setValue, 1000), [setValue]);\n\n  const onChange = useCallback(\n    (_: any, index: number | number[]) => {\n      const millis = marks[index as number].seconds * 1000;\n      setCurValue(millis);\n      debouncedSetValue(millis);\n    },\n    [debouncedSetValue],\n  );\n\n  const indexValue = useMemo(() => findMarkIndex(curValue / 1000), [curValue]);\n\n  return (\n    <>\n      <Label>\n        {header} {formatDuration(curValue)}\n      </Label>\n      <Slider\n        value={indexValue}\n        min={0}\n        step={1}\n        max={marks.length - 1}\n        marks\n        getAriaValueText={formatDurationFromIndex}\n        valueLabelFormat={formatDurationFromIndex}\n        onChange={onChange}\n        valueLabelDisplay=\"auto\"\n        aria-labelledby=\"slider-hide-limit\"\n      />\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"duration-slider.esm.js","sources":["../../src/components/duration-slider.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCallback, useMemo, useState } from 'react';\nimport Slider from '@material-ui/core/Slider';\nimport { debounce } from 'lodash';\n\nimport { formatDuration, formatDurationFromSeconds } from './utils';\nimport { Label } from './label';\n\nconst marks = [\n  0,\n  1,\n  2,\n  3,\n  4,\n  5,\n  10,\n  20,\n  30,\n  60,\n  2 * 60,\n  3 * 60,\n  4 * 60,\n  5 * 60,\n  10 * 60,\n  15 * 60,\n  30 * 60,\n  45 * 60,\n  60 * 60,\n].map((value, index) => ({\n  value: index,\n  label: formatDurationFromSeconds(value),\n  seconds: value,\n}));\n\nfunction findMarkIndex(seconds: number): number {\n  if (marks[0].seconds > seconds) {\n    return 0;\n  } else if (marks[marks.length - 1].seconds < seconds) {\n    return marks.length - 1;\n  }\n  for (let i = 0; i < marks.length - 1; ++i) {\n    const a = marks[i];\n    const b = marks[i + 1];\n    if (seconds === a.seconds) {\n      return i;\n    } else if (seconds === b.seconds) {\n      return i + 1;\n    } else if (a.seconds < seconds && b.seconds > seconds) {\n      return seconds - a.seconds < b.seconds - seconds ? i : i - 1;\n    }\n  }\n  return 0; // Won't happen\n}\n\nfunction formatDurationFromIndex(index: number) {\n  return formatDurationFromSeconds(marks[index].seconds);\n}\n\nexport interface DurationSliderProps {\n  header: string;\n  value: number;\n  setValue: (value: number) => void;\n}\n\nexport function DurationSlider(props: DurationSliderProps) {\n  const { header, value, setValue } = props;\n\n  const [curValue, setCurValue] = useState(value);\n\n  const debouncedSetValue = useMemo(() => debounce(setValue, 1000), [setValue]);\n\n  const onChange = useCallback(\n    (_: any, index: number | number[]) => {\n      const millis = marks[index as number].seconds * 1000;\n      setCurValue(millis);\n      debouncedSetValue(millis);\n    },\n    [debouncedSetValue],\n  );\n\n  const indexValue = useMemo(() => findMarkIndex(curValue / 1000), [curValue]);\n\n  return (\n    <>\n      <Label>\n        {header} {formatDuration(curValue)}\n      </Label>\n      <Slider\n        value={indexValue}\n        min={0}\n        step={1}\n        max={marks.length - 1}\n        marks\n        getAriaValueText={formatDurationFromIndex}\n        valueLabelFormat={formatDurationFromIndex}\n        onChange={onChange}\n        valueLabelDisplay=\"auto\"\n        aria-labelledby=\"slider-hide-limit\"\n      />\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/label.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.esm.js","sources":["../../src/components/label.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { PropsWithChildren } from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles(\n  theme => ({\n    label: {\n      fontWeight: 'normal',\n      margin: theme.spacing(0),\n    },\n  }),\n  {\n    name: 'CicdStatisticsLabel',\n  },\n);\n\nexport function Label({ children }: PropsWithChildren<{}>) {\n  const classes = useStyles();\n\n  return (\n    <Typography variant=\"subtitle2\" className={classes.label}>\n      {children}\n    </Typography>\n  );\n}\n"],"names":[],"mappings":";;;;AAoBO,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,CAAU,KAAA,MAAA;AAAA,IACR,KAAO,EAAA;AAAA,MACL,UAAY,EAAA,QAAA;AAAA,MACZ,MAAA,EAAQ,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AACzB,GACF,CAAA;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA;AAEV;AAEgB,SAAA,KAAA,CAAM,EAAE,QAAA,EAAmC,EAAA;AACzD,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,2BACG,UAAW,EAAA,EAAA,OAAA,EAAQ,aAAY,SAAW,EAAA,OAAA,CAAQ,OAChD,QACH,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"label.esm.js","sources":["../../src/components/label.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { PropsWithChildren } from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\n\nexport const useStyles = makeStyles(\n  theme => ({\n    label: {\n      fontWeight: 'normal',\n      margin: theme.spacing(0),\n    },\n  }),\n  {\n    name: 'CicdStatisticsLabel',\n  },\n);\n\nexport function Label({ children }: PropsWithChildren<{}>) {\n  const classes = useStyles();\n\n  return (\n    <Typography variant=\"subtitle2\" className={classes.label}>\n      {children}\n    </Typography>\n  );\n}\n"],"names":[],"mappings":";;;;AAoBO,MAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAA,KAAA,MAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,UAAA,EAAY,QAAA;AAAA,MACZ,MAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA;AACzB,GACF,CAAA;AAAA,EACA;AAAA,IACE,IAAA,EAAM;AAAA;AAEV;AAEO,SAAS,KAAA,CAAM,EAAE,QAAA,EAAS,EAA0B;AACzD,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,2BACG,UAAA,EAAA,EAAW,OAAA,EAAQ,aAAY,SAAA,EAAW,OAAA,CAAQ,OAChD,QAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/components/progress.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.esm.js","sources":["../../src/components/progress.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { CSSProperties, DependencyList, JSX } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport Box from '@material-ui/core/Box';\nimport LinearProgress from '@material-ui/core/LinearProgress';\nimport Timeline from '@material-ui/lab/Timeline';\nimport TimelineItem from '@material-ui/lab/TimelineItem';\nimport TimelineSeparator from '@material-ui/lab/TimelineSeparator';\nimport TimelineConnector from '@material-ui/lab/TimelineConnector';\nimport TimelineContent from '@material-ui/lab/TimelineContent';\nimport TimelineOppositeContent from '@material-ui/lab/TimelineOppositeContent';\nimport TimelineDot, { TimelineDotProps } from '@material-ui/lab/TimelineDot';\nimport Alert from '@material-ui/lab/Alert';\nimport { useApp } from '@backstage/core-plugin-api';\n\nconst stepProgressStyle: CSSProperties = {\n  marginTop: 6,\n};\n\n// Matching react-use, only has loading/error/value\ntype AsyncState<T> =\n  | {\n      loading: boolean;\n      error?: undefined;\n      value?: undefined;\n    }\n  | {\n      loading: true;\n      error?: Error | undefined;\n      value?: T;\n    }\n  | {\n      loading: false;\n      error: Error;\n      value?: undefined;\n    }\n  | {\n      loading: false;\n      error?: undefined;\n      value: T;\n    };\n\nexport interface ProgressStep extends ProgessAsSingle {\n  title: string;\n}\nexport interface ProgessAsSteps {\n  steps: Array<ProgressStep>;\n}\nexport interface ProgessAsSingle<T = number> {\n  progress?: T;\n  progressBuffer?: T;\n}\n\nexport type ProgessState<T = number> =\n  | ProgessAsSingle<T>\n  | (T extends number ? ProgessAsSteps : { steps?: undefined });\n\nexport type ProgressAsLoading = ProgessState & {\n  loading: true;\n  error?: undefined;\n  value?: undefined;\n};\nexport type ProgressAsError = ProgessState<undefined> & {\n  loading?: false | undefined;\n  error: Error;\n  value?: undefined;\n};\nexport type ProgressAsValue<T> = ProgessState<undefined> & {\n  loading?: false | undefined;\n  error?: undefined;\n  value: T;\n};\n\n/**\n * An AsyncState but with the addition of progress (decimal 0-1) to allow\n * rendering a progress bar while waiting.\n */\nexport type ProgressType<T> =\n  | ProgressAsLoading\n  | ProgressAsError\n  | ProgressAsValue<T>;\n\nconst sentry = Symbol();\n\n/**\n * Casts an AsyncState or Progress into its non-succeeded sub types\n */\ntype Unsuccessful<S extends ProgressType<any> | AsyncState<any>> =\n  S extends ProgressType<any>\n    ? ProgressAsLoading | ProgressAsError\n    : Omit<AsyncState<any>, 'value'>;\n\n/**\n * Similar to useAsync except it \"waits\" for a dependent (upstream) async state\n * to finish first, otherwise it forwards the dependent pending state.\n *\n * When/if the dependent state has settled successfully, the callback will be\n * invoked for a new layer of async state with the dependent (upstream) success\n * result as argument.\n */\nexport function useAsyncChain<S extends ProgressType<any> | AsyncState<any>, R>(\n  parentState: S,\n  fn: (value: NonNullable<S['value']>) => Promise<R>,\n  deps: DependencyList,\n): Unsuccessful<S> | AsyncState<R> {\n  const childState = useAsync(\n    async () => (!parentState.value ? sentry : fn(parentState.value)),\n    [!parentState.error, !parentState.loading, parentState.value, ...deps],\n  );\n\n  if (!parentState.value) {\n    return parentState as Unsuccessful<S>;\n  } else if (childState.value === sentry) {\n    return { loading: true };\n  }\n  return childState as AsyncState<R>;\n}\n\nexport function renderFallbacks<T>(\n  state: ProgressType<T> | AsyncState<T>,\n  success: (value: T) => JSX.Element,\n): JSX.Element {\n  if (state.loading) {\n    return <ViewProgress state={state} />;\n  } else if (state.error) {\n    return <Alert severity=\"error\">{state.error.stack}</Alert>;\n  }\n\n  return success(state.value!);\n}\n\nexport function ViewProgress({\n  state,\n}: {\n  state: ProgressAsLoading | { loading: boolean };\n}) {\n  const { Progress } = useApp().getComponents();\n\n  const stateAsSingleProgress = state as ProgessAsSingle;\n  const stateAsStepProgress = state as ProgessAsSteps;\n\n  if (\n    !stateAsSingleProgress.progress &&\n    !stateAsSingleProgress.progressBuffer &&\n    !stateAsStepProgress.steps\n  ) {\n    // Simple spinner\n    return <Progress />;\n  } else if (stateAsSingleProgress.progress !== undefined) {\n    // Simple _single_ progress\n    return (\n      <Box sx={{ width: '100%' }}>\n        <LinearProgress\n          variant=\"buffer\"\n          value={(stateAsSingleProgress.progress ?? 0) * 100}\n          valueBuffer={(stateAsSingleProgress.progressBuffer ?? 0) * 100}\n        />\n      </Box>\n    );\n  }\n\n  // Multi-step progresses\n\n  return (\n    <Box sx={{ width: '100%' }}>\n      <Timeline>\n        {stateAsStepProgress.steps.map((step, index) => (\n          <TimelineItem key={index}>\n            <TimelineOppositeContent>{step.title}</TimelineOppositeContent>\n            <TimelineSeparator>\n              <TimelineDot color={getDotColor(step)} />\n              {index < stateAsStepProgress.steps.length - 1 ? (\n                <TimelineConnector />\n              ) : null}\n            </TimelineSeparator>\n            <TimelineContent>\n              {!step.progress && !step.progressBuffer ? null : (\n                <LinearProgress\n                  style={stepProgressStyle}\n                  variant=\"buffer\"\n                  value={(step.progress ?? 0) * 100}\n                  valueBuffer={(step.progressBuffer ?? 0) * 100}\n                />\n              )}\n            </TimelineContent>\n          </TimelineItem>\n        ))}\n      </Timeline>\n    </Box>\n  );\n}\n\nfunction getDotColor(step: ProgressStep): TimelineDotProps['color'] {\n  const progress = step.progress ?? 0;\n\n  if (progress >= 1) {\n    return 'primary';\n  } else if (progress > 0) {\n    return 'secondary';\n  }\n  return 'grey';\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"progress.esm.js","sources":["../../src/components/progress.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { CSSProperties, DependencyList, JSX } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport Box from '@material-ui/core/Box';\nimport LinearProgress from '@material-ui/core/LinearProgress';\nimport Timeline from '@material-ui/lab/Timeline';\nimport TimelineItem from '@material-ui/lab/TimelineItem';\nimport TimelineSeparator from '@material-ui/lab/TimelineSeparator';\nimport TimelineConnector from '@material-ui/lab/TimelineConnector';\nimport TimelineContent from '@material-ui/lab/TimelineContent';\nimport TimelineOppositeContent from '@material-ui/lab/TimelineOppositeContent';\nimport TimelineDot, { TimelineDotProps } from '@material-ui/lab/TimelineDot';\nimport Alert from '@material-ui/lab/Alert';\nimport { useApp } from '@backstage/core-plugin-api';\n\nconst stepProgressStyle: CSSProperties = {\n  marginTop: 6,\n};\n\n// Matching react-use, only has loading/error/value\ntype AsyncState<T> =\n  | {\n      loading: boolean;\n      error?: undefined;\n      value?: undefined;\n    }\n  | {\n      loading: true;\n      error?: Error | undefined;\n      value?: T;\n    }\n  | {\n      loading: false;\n      error: Error;\n      value?: undefined;\n    }\n  | {\n      loading: false;\n      error?: undefined;\n      value: T;\n    };\n\nexport interface ProgressStep extends ProgessAsSingle {\n  title: string;\n}\nexport interface ProgessAsSteps {\n  steps: Array<ProgressStep>;\n}\nexport interface ProgessAsSingle<T = number> {\n  progress?: T;\n  progressBuffer?: T;\n}\n\nexport type ProgessState<T = number> =\n  | ProgessAsSingle<T>\n  | (T extends number ? ProgessAsSteps : { steps?: undefined });\n\nexport type ProgressAsLoading = ProgessState & {\n  loading: true;\n  error?: undefined;\n  value?: undefined;\n};\nexport type ProgressAsError = ProgessState<undefined> & {\n  loading?: false | undefined;\n  error: Error;\n  value?: undefined;\n};\nexport type ProgressAsValue<T> = ProgessState<undefined> & {\n  loading?: false | undefined;\n  error?: undefined;\n  value: T;\n};\n\n/**\n * An AsyncState but with the addition of progress (decimal 0-1) to allow\n * rendering a progress bar while waiting.\n */\nexport type ProgressType<T> =\n  | ProgressAsLoading\n  | ProgressAsError\n  | ProgressAsValue<T>;\n\nconst sentry = Symbol();\n\n/**\n * Casts an AsyncState or Progress into its non-succeeded sub types\n */\ntype Unsuccessful<S extends ProgressType<any> | AsyncState<any>> =\n  S extends ProgressType<any>\n    ? ProgressAsLoading | ProgressAsError\n    : Omit<AsyncState<any>, 'value'>;\n\n/**\n * Similar to useAsync except it \"waits\" for a dependent (upstream) async state\n * to finish first, otherwise it forwards the dependent pending state.\n *\n * When/if the dependent state has settled successfully, the callback will be\n * invoked for a new layer of async state with the dependent (upstream) success\n * result as argument.\n */\nexport function useAsyncChain<S extends ProgressType<any> | AsyncState<any>, R>(\n  parentState: S,\n  fn: (value: NonNullable<S['value']>) => Promise<R>,\n  deps: DependencyList,\n): Unsuccessful<S> | AsyncState<R> {\n  const childState = useAsync(\n    async () => (!parentState.value ? sentry : fn(parentState.value)),\n    [!parentState.error, !parentState.loading, parentState.value, ...deps],\n  );\n\n  if (!parentState.value) {\n    return parentState as Unsuccessful<S>;\n  } else if (childState.value === sentry) {\n    return { loading: true };\n  }\n  return childState as AsyncState<R>;\n}\n\nexport function renderFallbacks<T>(\n  state: ProgressType<T> | AsyncState<T>,\n  success: (value: T) => JSX.Element,\n): JSX.Element {\n  if (state.loading) {\n    return <ViewProgress state={state} />;\n  } else if (state.error) {\n    return <Alert severity=\"error\">{state.error.stack}</Alert>;\n  }\n\n  return success(state.value!);\n}\n\nexport function ViewProgress({\n  state,\n}: {\n  state: ProgressAsLoading | { loading: boolean };\n}) {\n  const { Progress } = useApp().getComponents();\n\n  const stateAsSingleProgress = state as ProgessAsSingle;\n  const stateAsStepProgress = state as ProgessAsSteps;\n\n  if (\n    !stateAsSingleProgress.progress &&\n    !stateAsSingleProgress.progressBuffer &&\n    !stateAsStepProgress.steps\n  ) {\n    // Simple spinner\n    return <Progress />;\n  } else if (stateAsSingleProgress.progress !== undefined) {\n    // Simple _single_ progress\n    return (\n      <Box sx={{ width: '100%' }}>\n        <LinearProgress\n          variant=\"buffer\"\n          value={(stateAsSingleProgress.progress ?? 0) * 100}\n          valueBuffer={(stateAsSingleProgress.progressBuffer ?? 0) * 100}\n        />\n      </Box>\n    );\n  }\n\n  // Multi-step progresses\n\n  return (\n    <Box sx={{ width: '100%' }}>\n      <Timeline>\n        {stateAsStepProgress.steps.map((step, index) => (\n          <TimelineItem key={index}>\n            <TimelineOppositeContent>{step.title}</TimelineOppositeContent>\n            <TimelineSeparator>\n              <TimelineDot color={getDotColor(step)} />\n              {index < stateAsStepProgress.steps.length - 1 ? (\n                <TimelineConnector />\n              ) : null}\n            </TimelineSeparator>\n            <TimelineContent>\n              {!step.progress && !step.progressBuffer ? null : (\n                <LinearProgress\n                  style={stepProgressStyle}\n                  variant=\"buffer\"\n                  value={(step.progress ?? 0) * 100}\n                  valueBuffer={(step.progressBuffer ?? 0) * 100}\n                />\n              )}\n            </TimelineContent>\n          </TimelineItem>\n        ))}\n      </Timeline>\n    </Box>\n  );\n}\n\nfunction getDotColor(step: ProgressStep): TimelineDotProps['color'] {\n  const progress = step.progress ?? 0;\n\n  if (progress >= 1) {\n    return 'primary';\n  } else if (progress > 0) {\n    return 'secondary';\n  }\n  return 'grey';\n}\n"],"names":[],"mappings":"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"}

package/dist/components/toggle.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.esm.js","sources":["../../src/components/toggle.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCallback, PropsWithChildren } from 'react';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Switch from '@material-ui/core/Switch';\n\nexport interface ToggleProps {\n  checked: boolean;\n  setChecked: (checked: boolean) => void;\n}\n\nexport function Toggle({\n  checked,\n  setChecked,\n  children,\n}: PropsWithChildren<ToggleProps>) {\n  const toggler = useCallback(() => {\n    setChecked(!checked);\n  }, [checked, setChecked]);\n\n  return (\n    <FormControlLabel\n      control={<Switch checked={checked} onChange={toggler} />}\n      label={children}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAyBO,SAAS,MAAO,CAAA;AAAA,EACrB,OAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAmC,EAAA;AACjC,EAAM,MAAA,OAAA,GAAU,YAAY,MAAM;AAChC,IAAA,UAAA,CAAW,CAAC,OAAO,CAAA;AAAA,GAClB,EAAA,CAAC,OAAS,EAAA,UAAU,CAAC,CAAA;AAExB,EACE,uBAAA,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,OAAS,kBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,OAAA,EAAkB,UAAU,OAAS,EAAA,CAAA;AAAA,MACtD,KAAO,EAAA;AAAA;AAAA,GACT;AAEJ;;;;"}
+{"version":3,"file":"toggle.esm.js","sources":["../../src/components/toggle.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCallback, PropsWithChildren } from 'react';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Switch from '@material-ui/core/Switch';\n\nexport interface ToggleProps {\n  checked: boolean;\n  setChecked: (checked: boolean) => void;\n}\n\nexport function Toggle({\n  checked,\n  setChecked,\n  children,\n}: PropsWithChildren<ToggleProps>) {\n  const toggler = useCallback(() => {\n    setChecked(!checked);\n  }, [checked, setChecked]);\n\n  return (\n    <FormControlLabel\n      control={<Switch checked={checked} onChange={toggler} />}\n      label={children}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAyBO,SAAS,MAAA,CAAO;AAAA,EACrB,OAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAAmC;AACjC,EAAA,MAAM,OAAA,GAAU,YAAY,MAAM;AAChC,IAAA,UAAA,CAAW,CAAC,OAAO,CAAA;AAAA,EACrB,CAAA,EAAG,CAAC,OAAA,EAAS,UAAU,CAAC,CAAA;AAExB,EAAA,uBACE,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,OAAA,kBAAS,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAkB,UAAU,OAAA,EAAS,CAAA;AAAA,MACtD,KAAA,EAAO;AAAA;AAAA,GACT;AAEJ;;;;"}

package/dist/components/utils.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.esm.js","sources":["../../src/components/utils.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { CSSProperties } from 'react';\nimport { DateTime, Duration } from 'luxon';\nimport humanizeDuration from 'humanize-duration';\nimport { capitalize } from 'lodash';\nimport Typography from '@material-ui/core/Typography';\n\nconst infoText: CSSProperties = { color: 'InfoText' };\n\n/**\n * Picks {num} elements from {arr} evenly, from the first to the last\n */\nexport function pickElements<T>(arr: ReadonlyArray<T>, num: number): Array<T> {\n  if (arr.length <= num) {\n    return [...arr];\n  }\n\n  if (num < 2) {\n    return [arr[arr.length / 2]];\n  }\n\n  const step = arr.length / (num - 1);\n  return [\n    ...Array.from(Array(num - 1)).map(\n      (_, index) => arr[Math.round(index * step)],\n    ),\n    arr[arr.length - 1],\n  ];\n}\n\nfunction formatDateShort(milliseconds: number) {\n  if ((milliseconds as any) === 'auto') {\n    // When recharts gets confused (empty data)\n    return '';\n  }\n  return DateTime.fromMillis(milliseconds).toLocaleString(DateTime.DATE_SHORT);\n}\nfunction formatDateTimeShort(milliseconds: number) {\n  if ((milliseconds as any) === 'auto') {\n    // When recharts gets confused (empty data)\n    return '';\n  }\n  return DateTime.fromMillis(milliseconds).toLocaleString(\n    DateTime.DATETIME_SHORT,\n  );\n}\n\nexport function labelFormatter(epoch: number) {\n  return (\n    <Typography component=\"span\" style={infoText}>\n      {formatDateTimeShort(epoch)}\n    </Typography>\n  );\n}\n\nexport function labelFormatterWithoutTime(epoch: number) {\n  return (\n    <Typography component=\"span\" style={infoText}>\n      {formatDateShort(epoch)}\n    </Typography>\n  );\n}\n\nexport function tickFormatterX(epoch: number) {\n  return formatDateShort(epoch);\n}\n\nexport function tickFormatterY(duration: number) {\n  if (duration === 0) {\n    return '0';\n  } else if (duration < 500) {\n    return `${duration} ms`;\n  }\n  return formatDuration(duration)\n    .replace(/second.*/, 'sec')\n    .replace(/minute.*/, 'min')\n    .replace(/hour.*/, 'h')\n    .replace(/day.*/, 'd')\n    .replace(/month.*/, 'm')\n    .replace(/year.*/, 'y');\n}\n\nexport function tooltipValueFormatter(\n  durationOrCount: number,\n  name: string,\n): [any, any] {\n  return [\n    // TODO(Rugvip): Types don't allow returning elements, but it was here before so presumably works\n    <Typography component=\"span\" style={infoText}>\n      {capitalize(name)}:{' '}\n      {name.endsWith(' count')\n        ? durationOrCount\n        : formatDuration(durationOrCount)}\n    </Typography>,\n    null,\n  ];\n}\n\nexport function formatDuration(millis: number) {\n  let rest = Math.round(millis);\n  const days = Math.floor(rest / (1000 * 60 * 60 * 24));\n  rest -= days * (1000 * 60 * 60 * 24);\n  const hours = Math.floor(rest / (1000 * 60 * 60));\n  rest -= hours * (1000 * 60 * 60);\n  const minutes = Math.floor(rest / (1000 * 60));\n  rest -= minutes * (1000 * 60);\n  const seconds = Math.floor(rest / 1000);\n  rest -= seconds * 1000;\n  const milliseconds = rest;\n\n  if (!days && !hours && !minutes) {\n    if (seconds < 1) {\n      return `${milliseconds}ms`;\n    } else if (seconds < 2) {\n      return `${((milliseconds + seconds * 1000) / 1000).toFixed(1)}s`;\n    }\n  }\n\n  const dur = Duration.fromObject({\n    ...(days && { days }),\n    ...(hours && { hours }),\n    ...(minutes && !days && { minutes }),\n    ...(seconds && !days && !hours && { seconds }),\n  });\n\n  return humanizeDuration(dur.toMillis(), { round: true });\n}\n\nexport function formatDurationFromSeconds(seconds: number) {\n  return formatDuration(seconds * 1000);\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.esm.js","sources":["../../src/components/utils.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { CSSProperties } from 'react';\nimport { DateTime, Duration } from 'luxon';\nimport humanizeDuration from 'humanize-duration';\nimport { capitalize } from 'lodash';\nimport Typography from '@material-ui/core/Typography';\n\nconst infoText: CSSProperties = { color: 'InfoText' };\n\n/**\n * Picks {num} elements from {arr} evenly, from the first to the last\n */\nexport function pickElements<T>(arr: ReadonlyArray<T>, num: number): Array<T> {\n  if (arr.length <= num) {\n    return [...arr];\n  }\n\n  if (num < 2) {\n    return [arr[arr.length / 2]];\n  }\n\n  const step = arr.length / (num - 1);\n  return [\n    ...Array.from(Array(num - 1)).map(\n      (_, index) => arr[Math.round(index * step)],\n    ),\n    arr[arr.length - 1],\n  ];\n}\n\nfunction formatDateShort(milliseconds: number) {\n  if ((milliseconds as any) === 'auto') {\n    // When recharts gets confused (empty data)\n    return '';\n  }\n  return DateTime.fromMillis(milliseconds).toLocaleString(DateTime.DATE_SHORT);\n}\nfunction formatDateTimeShort(milliseconds: number) {\n  if ((milliseconds as any) === 'auto') {\n    // When recharts gets confused (empty data)\n    return '';\n  }\n  return DateTime.fromMillis(milliseconds).toLocaleString(\n    DateTime.DATETIME_SHORT,\n  );\n}\n\nexport function labelFormatter(epoch: number) {\n  return (\n    <Typography component=\"span\" style={infoText}>\n      {formatDateTimeShort(epoch)}\n    </Typography>\n  );\n}\n\nexport function labelFormatterWithoutTime(epoch: number) {\n  return (\n    <Typography component=\"span\" style={infoText}>\n      {formatDateShort(epoch)}\n    </Typography>\n  );\n}\n\nexport function tickFormatterX(epoch: number) {\n  return formatDateShort(epoch);\n}\n\nexport function tickFormatterY(duration: number) {\n  if (duration === 0) {\n    return '0';\n  } else if (duration < 500) {\n    return `${duration} ms`;\n  }\n  return formatDuration(duration)\n    .replace(/second.*/, 'sec')\n    .replace(/minute.*/, 'min')\n    .replace(/hour.*/, 'h')\n    .replace(/day.*/, 'd')\n    .replace(/month.*/, 'm')\n    .replace(/year.*/, 'y');\n}\n\nexport function tooltipValueFormatter(\n  durationOrCount: number,\n  name: string,\n): [any, any] {\n  return [\n    // TODO(Rugvip): Types don't allow returning elements, but it was here before so presumably works\n    <Typography component=\"span\" style={infoText}>\n      {capitalize(name)}:{' '}\n      {name.endsWith(' count')\n        ? durationOrCount\n        : formatDuration(durationOrCount)}\n    </Typography>,\n    null,\n  ];\n}\n\nexport function formatDuration(millis: number) {\n  let rest = Math.round(millis);\n  const days = Math.floor(rest / (1000 * 60 * 60 * 24));\n  rest -= days * (1000 * 60 * 60 * 24);\n  const hours = Math.floor(rest / (1000 * 60 * 60));\n  rest -= hours * (1000 * 60 * 60);\n  const minutes = Math.floor(rest / (1000 * 60));\n  rest -= minutes * (1000 * 60);\n  const seconds = Math.floor(rest / 1000);\n  rest -= seconds * 1000;\n  const milliseconds = rest;\n\n  if (!days && !hours && !minutes) {\n    if (seconds < 1) {\n      return `${milliseconds}ms`;\n    } else if (seconds < 2) {\n      return `${((milliseconds + seconds * 1000) / 1000).toFixed(1)}s`;\n    }\n  }\n\n  const dur = Duration.fromObject({\n    ...(days && { days }),\n    ...(hours && { hours }),\n    ...(minutes && !days && { minutes }),\n    ...(seconds && !days && !hours && { seconds }),\n  });\n\n  return humanizeDuration(dur.toMillis(), { round: true });\n}\n\nexport function formatDurationFromSeconds(seconds: number) {\n  return formatDuration(seconds * 1000);\n}\n"],"names":[],"mappings":"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"}

package/dist/entity-page.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"entity-page.esm.js","sources":["../src/entity-page.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCallback, useState, useMemo, useEffect } from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Alert from '@material-ui/lab/Alert';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { useApi, errorApiRef } from '@backstage/core-plugin-api';\nimport { DateTime } from 'luxon';\n\nimport {\n  useCicdStatistics,\n  UseCicdStatisticsOptions,\n} from './hooks/use-cicd-statistics';\nimport { useCicdConfiguration } from './hooks/use-cicd-configuration';\nimport { buildsToChartableStages } from './charts/logic/conversions';\nimport { ZoomProvider, useZoom } from './charts/zoom';\nimport { StageChart } from './charts/stage-chart';\nimport { StatusChart } from './charts/status-chart';\nimport {\n  ChartFilter,\n  ChartFilters,\n  getDefaultChartFilter,\n  getDefaultViewOptions,\n  ViewOptions,\n} from './components/chart-filters';\nimport {\n  CicdConfiguration,\n  FilterStatusType,\n  FilterBranchType,\n} from './apis/types';\nimport { cleanupBuildTree } from './utils/stage-names';\nimport { renderFallbacks, useAsyncChain } from './components/progress';\nimport { sortFilterStatusType } from './utils/api';\n\n/** @public */\nexport function EntityPageCicdCharts() {\n  const state = useCicdConfiguration();\n\n  return renderFallbacks(state, value => (\n    <ZoomProvider>\n      <CicdCharts cicdConfiguration={value} />\n    </ZoomProvider>\n  ));\n}\n\nconst useStyles = makeStyles(\n  theme => ({\n    pane: {\n      padding: theme.spacing(1, 1, 1, 1),\n    },\n  }),\n  {\n    name: 'CicdStatisticsView',\n  },\n);\n\nfunction startOfDay(date: Date) {\n  return DateTime.fromJSDate(date).startOf('day').toJSDate();\n}\nfunction endOfDay(date: Date) {\n  return DateTime.fromJSDate(date).endOf('day').toJSDate();\n}\nfunction cleanChartFilter(filter: ChartFilter): ChartFilter {\n  return {\n    ...filter,\n    status: sortFilterStatusType(filter.status as FilterStatusType[]),\n  };\n}\n\ninterface CicdChartsProps {\n  cicdConfiguration: CicdConfiguration;\n}\n\nfunction CicdCharts(props: CicdChartsProps) {\n  const { cicdConfiguration } = props;\n\n  const errorApi = useApi(errorApiRef);\n  const { entity } = useEntity();\n\n  const classes = useStyles();\n\n  const { resetZoom } = useZoom();\n\n  const [chartFilter, setChartFilter] = useState(\n    getDefaultChartFilter(cicdConfiguration),\n  );\n  const [fetchedChartData, setFetchedChartData] = useState({\n    abortController: null as null | AbortController,\n    chartFilter,\n  });\n\n  const [viewOptions, setViewOptions] = useState(\n    getDefaultViewOptions(cicdConfiguration),\n  );\n\n  const fetchStatisticsOptions = useMemo((): UseCicdStatisticsOptions => {\n    const abortController = new AbortController();\n    fetchedChartData.abortController = abortController;\n    return {\n      abortController,\n      entity,\n      timeFrom: startOfDay(fetchedChartData.chartFilter.fromDate),\n      timeTo: endOfDay(fetchedChartData.chartFilter.toDate),\n      filterStatus: fetchedChartData.chartFilter.status as FilterStatusType[],\n      filterType: fetchedChartData.chartFilter.branch as FilterBranchType,\n    };\n  }, [entity, fetchedChartData]);\n\n  const statisticsState = useCicdStatistics(fetchStatisticsOptions);\n\n  const updateFilter = useCallback(() => {\n    // Abort previous fetch\n    fetchedChartData.abortController?.abort();\n\n    setFetchedChartData({ abortController: null, chartFilter });\n  }, [fetchedChartData, setFetchedChartData, chartFilter]);\n\n  const chartableStagesState = useAsyncChain(\n    statisticsState,\n    async value =>\n      buildsToChartableStages(\n        await cleanupBuildTree(value.builds, {\n          formatStageName: cicdConfiguration.formatStageName,\n          lowerCase: viewOptions.lowercaseNames,\n        }),\n        { normalizeTimeRange: viewOptions.normalizeTimeRange },\n      ),\n    [statisticsState, cicdConfiguration, viewOptions],\n  );\n\n  useEffect(() => {\n    resetZoom();\n  }, [resetZoom, statisticsState.value]);\n\n  const onFilterChange = useCallback((filter: ChartFilter) => {\n    setChartFilter(cleanChartFilter(filter));\n  }, []);\n\n  const onViewOptionsChange = useCallback(\n    (options: ViewOptions) => {\n      setViewOptions(options);\n    },\n    [setViewOptions],\n  );\n\n  useEffect(() => {\n    if (\n      !chartableStagesState.error ||\n      chartableStagesState.error?.name === 'AbortError'\n    ) {\n      return;\n    }\n    errorApi.post(chartableStagesState.error);\n  }, [errorApi, chartableStagesState.error]);\n\n  return (\n    <Grid container>\n      <Grid item lg={2} className={classes.pane}>\n        <ChartFilters\n          analysis={chartableStagesState.value}\n          cicdConfiguration={cicdConfiguration}\n          initialFetchFilter={chartFilter}\n          currentFetchFilter={fetchedChartData.chartFilter}\n          onChangeFetchFilter={onFilterChange}\n          updateFetchFilter={updateFilter}\n          initialViewOptions={viewOptions}\n          onChangeViewOptions={onViewOptionsChange}\n        />\n      </Grid>\n      <Grid item xs={12} lg={10} className={classes.pane}>\n        {renderFallbacks(chartableStagesState, chartableStages => (\n          <>\n            {chartableStages.stages.size > 0 ? null : (\n              <Alert severity=\"info\">No data</Alert>\n            )}\n            {!statisticsState.value?.builds?.length ||\n            !chartableStagesState.value?.daily?.values?.length ? null : (\n              <StatusChart analysis={chartableStagesState.value} />\n            )}\n            <StageChart\n              stage={chartableStages.total}\n              defaultCollapsed={0}\n              defaultHidden={viewOptions.hideLimit}\n              chartTypes={viewOptions.chartTypes}\n            />\n            {[...chartableStages.stages.entries()].map(([name, stage]) => (\n              <StageChart\n                key={name}\n                stage={stage}\n                defaultCollapsed={viewOptions.collapsedLimit}\n                defaultHidden={viewOptions.hideLimit}\n                chartTypes={viewOptions.chartTypes}\n              />\n            ))}\n          </>\n        ))}\n      </Grid>\n    </Grid>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"entity-page.esm.js","sources":["../src/entity-page.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCallback, useState, useMemo, useEffect } from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Alert from '@material-ui/lab/Alert';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { useApi, errorApiRef } from '@backstage/core-plugin-api';\nimport { DateTime } from 'luxon';\n\nimport {\n  useCicdStatistics,\n  UseCicdStatisticsOptions,\n} from './hooks/use-cicd-statistics';\nimport { useCicdConfiguration } from './hooks/use-cicd-configuration';\nimport { buildsToChartableStages } from './charts/logic/conversions';\nimport { ZoomProvider, useZoom } from './charts/zoom';\nimport { StageChart } from './charts/stage-chart';\nimport { StatusChart } from './charts/status-chart';\nimport {\n  ChartFilter,\n  ChartFilters,\n  getDefaultChartFilter,\n  getDefaultViewOptions,\n  ViewOptions,\n} from './components/chart-filters';\nimport {\n  CicdConfiguration,\n  FilterStatusType,\n  FilterBranchType,\n} from './apis/types';\nimport { cleanupBuildTree } from './utils/stage-names';\nimport { renderFallbacks, useAsyncChain } from './components/progress';\nimport { sortFilterStatusType } from './utils/api';\n\n/** @public */\nexport function EntityPageCicdCharts() {\n  const state = useCicdConfiguration();\n\n  return renderFallbacks(state, value => (\n    <ZoomProvider>\n      <CicdCharts cicdConfiguration={value} />\n    </ZoomProvider>\n  ));\n}\n\nconst useStyles = makeStyles(\n  theme => ({\n    pane: {\n      padding: theme.spacing(1, 1, 1, 1),\n    },\n  }),\n  {\n    name: 'CicdStatisticsView',\n  },\n);\n\nfunction startOfDay(date: Date) {\n  return DateTime.fromJSDate(date).startOf('day').toJSDate();\n}\nfunction endOfDay(date: Date) {\n  return DateTime.fromJSDate(date).endOf('day').toJSDate();\n}\nfunction cleanChartFilter(filter: ChartFilter): ChartFilter {\n  return {\n    ...filter,\n    status: sortFilterStatusType(filter.status as FilterStatusType[]),\n  };\n}\n\ninterface CicdChartsProps {\n  cicdConfiguration: CicdConfiguration;\n}\n\nfunction CicdCharts(props: CicdChartsProps) {\n  const { cicdConfiguration } = props;\n\n  const errorApi = useApi(errorApiRef);\n  const { entity } = useEntity();\n\n  const classes = useStyles();\n\n  const { resetZoom } = useZoom();\n\n  const [chartFilter, setChartFilter] = useState(\n    getDefaultChartFilter(cicdConfiguration),\n  );\n  const [fetchedChartData, setFetchedChartData] = useState({\n    abortController: null as null | AbortController,\n    chartFilter,\n  });\n\n  const [viewOptions, setViewOptions] = useState(\n    getDefaultViewOptions(cicdConfiguration),\n  );\n\n  const fetchStatisticsOptions = useMemo((): UseCicdStatisticsOptions => {\n    const abortController = new AbortController();\n    fetchedChartData.abortController = abortController;\n    return {\n      abortController,\n      entity,\n      timeFrom: startOfDay(fetchedChartData.chartFilter.fromDate),\n      timeTo: endOfDay(fetchedChartData.chartFilter.toDate),\n      filterStatus: fetchedChartData.chartFilter.status as FilterStatusType[],\n      filterType: fetchedChartData.chartFilter.branch as FilterBranchType,\n    };\n  }, [entity, fetchedChartData]);\n\n  const statisticsState = useCicdStatistics(fetchStatisticsOptions);\n\n  const updateFilter = useCallback(() => {\n    // Abort previous fetch\n    fetchedChartData.abortController?.abort();\n\n    setFetchedChartData({ abortController: null, chartFilter });\n  }, [fetchedChartData, setFetchedChartData, chartFilter]);\n\n  const chartableStagesState = useAsyncChain(\n    statisticsState,\n    async value =>\n      buildsToChartableStages(\n        await cleanupBuildTree(value.builds, {\n          formatStageName: cicdConfiguration.formatStageName,\n          lowerCase: viewOptions.lowercaseNames,\n        }),\n        { normalizeTimeRange: viewOptions.normalizeTimeRange },\n      ),\n    [statisticsState, cicdConfiguration, viewOptions],\n  );\n\n  useEffect(() => {\n    resetZoom();\n  }, [resetZoom, statisticsState.value]);\n\n  const onFilterChange = useCallback((filter: ChartFilter) => {\n    setChartFilter(cleanChartFilter(filter));\n  }, []);\n\n  const onViewOptionsChange = useCallback(\n    (options: ViewOptions) => {\n      setViewOptions(options);\n    },\n    [setViewOptions],\n  );\n\n  useEffect(() => {\n    if (\n      !chartableStagesState.error ||\n      chartableStagesState.error?.name === 'AbortError'\n    ) {\n      return;\n    }\n    errorApi.post(chartableStagesState.error);\n  }, [errorApi, chartableStagesState.error]);\n\n  return (\n    <Grid container>\n      <Grid item lg={2} className={classes.pane}>\n        <ChartFilters\n          analysis={chartableStagesState.value}\n          cicdConfiguration={cicdConfiguration}\n          initialFetchFilter={chartFilter}\n          currentFetchFilter={fetchedChartData.chartFilter}\n          onChangeFetchFilter={onFilterChange}\n          updateFetchFilter={updateFilter}\n          initialViewOptions={viewOptions}\n          onChangeViewOptions={onViewOptionsChange}\n        />\n      </Grid>\n      <Grid item xs={12} lg={10} className={classes.pane}>\n        {renderFallbacks(chartableStagesState, chartableStages => (\n          <>\n            {chartableStages.stages.size > 0 ? null : (\n              <Alert severity=\"info\">No data</Alert>\n            )}\n            {!statisticsState.value?.builds?.length ||\n            !chartableStagesState.value?.daily?.values?.length ? null : (\n              <StatusChart analysis={chartableStagesState.value} />\n            )}\n            <StageChart\n              stage={chartableStages.total}\n              defaultCollapsed={0}\n              defaultHidden={viewOptions.hideLimit}\n              chartTypes={viewOptions.chartTypes}\n            />\n            {[...chartableStages.stages.entries()].map(([name, stage]) => (\n              <StageChart\n                key={name}\n                stage={stage}\n                defaultCollapsed={viewOptions.collapsedLimit}\n                defaultHidden={viewOptions.hideLimit}\n                chartTypes={viewOptions.chartTypes}\n              />\n            ))}\n          </>\n        ))}\n      </Grid>\n    </Grid>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/hooks/use-cicd-configuration.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-cicd-configuration.esm.js","sources":["../../src/hooks/use-cicd-configuration.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState, useEffect } from 'react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\n\nimport { CicdConfiguration, statusTypes } from '../apis';\nimport { ProgressType } from '../components/progress';\nimport { defaultFormatStageName } from '../utils/stage-names';\nimport { useCicdStatisticsApi } from './use-cicd-statistics-api';\n\nexport function useCicdConfiguration(): ProgressType<CicdConfiguration> {\n  const cicdStatisticsApi = useCicdStatisticsApi();\n  const { entity } = useEntity();\n\n  const [state, setState] = useState<ProgressType<CicdConfiguration>>({\n    loading: true,\n  });\n\n  useEffect(() => {\n    if (!cicdStatisticsApi) {\n      setState({ error: new Error('No CI/CD Statistics API installed') });\n      return;\n    }\n\n    cicdStatisticsApi\n      .getConfiguration({ entity })\n      .then(configuration => {\n        const {\n          availableStatuses = statusTypes,\n          formatStageName = defaultFormatStageName,\n          defaults = {},\n        } = configuration;\n        setState({\n          value: {\n            availableStatuses,\n            formatStageName,\n            defaults,\n          },\n        });\n      })\n      .catch(error => {\n        setState({ error });\n      });\n  }, [cicdStatisticsApi, entity]);\n\n  return state;\n}\n"],"names":[],"mappings":";;;;;;;AAwBO,SAAS,oBAAwD,GAAA;AACtE,EAAA,MAAM,oBAAoB,oBAAqB,EAAA;AAC/C,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAE7B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAA0C,CAAA;AAAA,IAClE,OAAS,EAAA;AAAA,GACV,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,iBAAmB,EAAA;AACtB,MAAA,QAAA,CAAS,EAAE,KAAO,EAAA,IAAI,KAAM,CAAA,mCAAmC,GAAG,CAAA;AAClE,MAAA;AAAA;AAGF,IAAA,iBAAA,CACG,iBAAiB,EAAE,MAAA,EAAQ,CAAA,CAC3B,KAAK,CAAiB,aAAA,KAAA;AACrB,MAAM,MAAA;AAAA,QACJ,iBAAoB,GAAA,WAAA;AAAA,QACpB,eAAkB,GAAA,sBAAA;AAAA,QAClB,WAAW;AAAC,OACV,GAAA,aAAA;AACJ,MAAS,QAAA,CAAA;AAAA,QACP,KAAO,EAAA;AAAA,UACL,iBAAA;AAAA,UACA,eAAA;AAAA,UACA;AAAA;AACF,OACD,CAAA;AAAA,KACF,CACA,CAAA,KAAA,CAAM,CAAS,KAAA,KAAA;AACd,MAAS,QAAA,CAAA,EAAE,OAAO,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAA,CAAC,iBAAmB,EAAA,MAAM,CAAC,CAAA;AAE9B,EAAO,OAAA,KAAA;AACT;;;;"}
+{"version":3,"file":"use-cicd-configuration.esm.js","sources":["../../src/hooks/use-cicd-configuration.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState, useEffect } from 'react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\n\nimport { CicdConfiguration, statusTypes } from '../apis';\nimport { ProgressType } from '../components/progress';\nimport { defaultFormatStageName } from '../utils/stage-names';\nimport { useCicdStatisticsApi } from './use-cicd-statistics-api';\n\nexport function useCicdConfiguration(): ProgressType<CicdConfiguration> {\n  const cicdStatisticsApi = useCicdStatisticsApi();\n  const { entity } = useEntity();\n\n  const [state, setState] = useState<ProgressType<CicdConfiguration>>({\n    loading: true,\n  });\n\n  useEffect(() => {\n    if (!cicdStatisticsApi) {\n      setState({ error: new Error('No CI/CD Statistics API installed') });\n      return;\n    }\n\n    cicdStatisticsApi\n      .getConfiguration({ entity })\n      .then(configuration => {\n        const {\n          availableStatuses = statusTypes,\n          formatStageName = defaultFormatStageName,\n          defaults = {},\n        } = configuration;\n        setState({\n          value: {\n            availableStatuses,\n            formatStageName,\n            defaults,\n          },\n        });\n      })\n      .catch(error => {\n        setState({ error });\n      });\n  }, [cicdStatisticsApi, entity]);\n\n  return state;\n}\n"],"names":[],"mappings":";;;;;;;AAwBO,SAAS,oBAAA,GAAwD;AACtE,EAAA,MAAM,oBAAoB,oBAAA,EAAqB;AAC/C,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAE7B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA,CAA0C;AAAA,IAClE,OAAA,EAAS;AAAA,GACV,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,iBAAA,EAAmB;AACtB,MAAA,QAAA,CAAS,EAAE,KAAA,EAAO,IAAI,KAAA,CAAM,mCAAmC,GAAG,CAAA;AAClE,MAAA;AAAA,IACF;AAEA,IAAA,iBAAA,CACG,iBAAiB,EAAE,MAAA,EAAQ,CAAA,CAC3B,KAAK,CAAA,aAAA,KAAiB;AACrB,MAAA,MAAM;AAAA,QACJ,iBAAA,GAAoB,WAAA;AAAA,QACpB,eAAA,GAAkB,sBAAA;AAAA,QAClB,WAAW;AAAC,OACd,GAAI,aAAA;AACJ,MAAA,QAAA,CAAS;AAAA,QACP,KAAA,EAAO;AAAA,UACL,iBAAA;AAAA,UACA,eAAA;AAAA,UACA;AAAA;AACF,OACD,CAAA;AAAA,IACH,CAAC,CAAA,CACA,KAAA,CAAM,CAAA,KAAA,KAAS;AACd,MAAA,QAAA,CAAS,EAAE,OAAO,CAAA;AAAA,IACpB,CAAC,CAAA;AAAA,EACL,CAAA,EAAG,CAAC,iBAAA,EAAmB,MAAM,CAAC,CAAA;AAE9B,EAAA,OAAO,KAAA;AACT;;;;"}

package/dist/hooks/use-cicd-statistics-api.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-cicd-statistics-api.esm.js","sources":["../../src/hooks/use-cicd-statistics-api.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { cicdStatisticsApiRef } from '../apis';\n\nexport function useCicdStatisticsApi() {\n  try {\n    return useApi(cicdStatisticsApiRef);\n  } catch (err) {\n    return undefined;\n  }\n}\n"],"names":[],"mappings":";;;AAoBO,SAAS,oBAAuB,GAAA;AACrC,EAAI,IAAA;AACF,IAAA,OAAO,OAAO,oBAAoB,CAAA;AAAA,WAC3B,GAAK,EAAA;AACZ,IAAO,OAAA,KAAA,CAAA;AAAA;AAEX;;;;"}
+{"version":3,"file":"use-cicd-statistics-api.esm.js","sources":["../../src/hooks/use-cicd-statistics-api.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { cicdStatisticsApiRef } from '../apis';\n\nexport function useCicdStatisticsApi() {\n  try {\n    return useApi(cicdStatisticsApiRef);\n  } catch (err) {\n    return undefined;\n  }\n}\n"],"names":[],"mappings":";;;AAoBO,SAAS,oBAAA,GAAuB;AACrC,EAAA,IAAI;AACF,IAAA,OAAO,OAAO,oBAAoB,CAAA;AAAA,EACpC,SAAS,GAAA,EAAK;AACZ,IAAA,OAAO,MAAA;AAAA,EACT;AACF;;;;"}

package/dist/hooks/use-cicd-statistics.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-cicd-statistics.esm.js","sources":["../../src/hooks/use-cicd-statistics.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState, useEffect } from 'react';\nimport { throttle } from 'lodash';\nimport { Entity } from '@backstage/catalog-model';\n\nimport {\n  CicdState,\n  FetchBuildsOptions,\n  AbortError,\n  FilterStatusType,\n  FilterBranchType,\n  UpdateProgress,\n} from '../apis';\nimport { ProgressType } from '../components/progress';\nimport { useCicdStatisticsApi } from './use-cicd-statistics-api';\n\nexport interface UseCicdStatisticsOptions {\n  entity: Entity;\n  abortController: AbortController;\n  timeFrom: Date;\n  timeTo: Date;\n  filterStatus: Array<FilterStatusType | 'all'>;\n  filterType: FilterBranchType | 'all';\n}\n\nexport function useCicdStatistics(\n  options: UseCicdStatisticsOptions,\n): ProgressType<CicdState> {\n  const {\n    entity,\n    abortController,\n    timeFrom,\n    timeTo,\n    filterStatus,\n    filterType,\n  } = options;\n\n  const [state, setState] = useState<ProgressType<CicdState>>({\n    loading: true,\n  });\n\n  const cicdStatisticsApi = useCicdStatisticsApi();\n\n  useEffect(() => {\n    if (!cicdStatisticsApi) {\n      setState({ error: new Error('No CI/CD Statistics API installed') });\n      return () => {};\n    }\n\n    let mounted = true;\n    let completed = false; // successfully or failed\n\n    const updateProgressImpl: UpdateProgress = (_count, _total?, _started?) => {\n      if (!mounted || completed) {\n        return;\n      }\n\n      if (Array.isArray(_count)) {\n        // Multi-progress\n        setState({\n          loading: true,\n          steps: _count.map(step => ({\n            title: step.title,\n            progress: !step.total ? 0 : step.completed / step.total,\n            progressBuffer: !step.total ? 0 : (step.started ?? 0) / step.total,\n          })),\n        });\n      } else {\n        // Single-progress\n        const count = _count;\n        const total = _total as number;\n        const started = (_started as number) ?? 0;\n        setState({\n          loading: true,\n          progress: !total ? 0 : count / total,\n          progressBuffer: !total ? 0 : started / total,\n        });\n      }\n    };\n\n    const updateProgress = throttle(\n      updateProgressImpl,\n      200,\n      // throttle doesn't handle types of multi-signature functions\n    ) as any as UpdateProgress;\n\n    const fetchOptions: FetchBuildsOptions = {\n      entity,\n      updateProgress,\n      abortSignal: abortController.signal,\n      timeFrom,\n      timeTo,\n      filterStatus,\n      filterType,\n    };\n\n    (async () => {\n      return cicdStatisticsApi.fetchBuilds(fetchOptions);\n    })()\n      .then(builds => {\n        completed = true;\n        if (mounted) {\n          setState({\n            value: builds,\n          });\n        }\n      })\n      .catch(err => {\n        completed = true;\n        if (mounted) {\n          setState({\n            error: abortController.signal.aborted ? new AbortError() : err,\n          });\n        }\n      });\n\n    return () => {\n      mounted = false;\n      abortController.abort();\n    };\n  }, [\n    abortController,\n    entity,\n    timeFrom,\n    timeTo,\n    filterStatus,\n    filterType,\n    cicdStatisticsApi,\n  ]);\n\n  return state;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-cicd-statistics.esm.js","sources":["../../src/hooks/use-cicd-statistics.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState, useEffect } from 'react';\nimport { throttle } from 'lodash';\nimport { Entity } from '@backstage/catalog-model';\n\nimport {\n  CicdState,\n  FetchBuildsOptions,\n  AbortError,\n  FilterStatusType,\n  FilterBranchType,\n  UpdateProgress,\n} from '../apis';\nimport { ProgressType } from '../components/progress';\nimport { useCicdStatisticsApi } from './use-cicd-statistics-api';\n\nexport interface UseCicdStatisticsOptions {\n  entity: Entity;\n  abortController: AbortController;\n  timeFrom: Date;\n  timeTo: Date;\n  filterStatus: Array<FilterStatusType | 'all'>;\n  filterType: FilterBranchType | 'all';\n}\n\nexport function useCicdStatistics(\n  options: UseCicdStatisticsOptions,\n): ProgressType<CicdState> {\n  const {\n    entity,\n    abortController,\n    timeFrom,\n    timeTo,\n    filterStatus,\n    filterType,\n  } = options;\n\n  const [state, setState] = useState<ProgressType<CicdState>>({\n    loading: true,\n  });\n\n  const cicdStatisticsApi = useCicdStatisticsApi();\n\n  useEffect(() => {\n    if (!cicdStatisticsApi) {\n      setState({ error: new Error('No CI/CD Statistics API installed') });\n      return () => {};\n    }\n\n    let mounted = true;\n    let completed = false; // successfully or failed\n\n    const updateProgressImpl: UpdateProgress = (_count, _total?, _started?) => {\n      if (!mounted || completed) {\n        return;\n      }\n\n      if (Array.isArray(_count)) {\n        // Multi-progress\n        setState({\n          loading: true,\n          steps: _count.map(step => ({\n            title: step.title,\n            progress: !step.total ? 0 : step.completed / step.total,\n            progressBuffer: !step.total ? 0 : (step.started ?? 0) / step.total,\n          })),\n        });\n      } else {\n        // Single-progress\n        const count = _count;\n        const total = _total as number;\n        const started = (_started as number) ?? 0;\n        setState({\n          loading: true,\n          progress: !total ? 0 : count / total,\n          progressBuffer: !total ? 0 : started / total,\n        });\n      }\n    };\n\n    const updateProgress = throttle(\n      updateProgressImpl,\n      200,\n      // throttle doesn't handle types of multi-signature functions\n    ) as any as UpdateProgress;\n\n    const fetchOptions: FetchBuildsOptions = {\n      entity,\n      updateProgress,\n      abortSignal: abortController.signal,\n      timeFrom,\n      timeTo,\n      filterStatus,\n      filterType,\n    };\n\n    (async () => {\n      return cicdStatisticsApi.fetchBuilds(fetchOptions);\n    })()\n      .then(builds => {\n        completed = true;\n        if (mounted) {\n          setState({\n            value: builds,\n          });\n        }\n      })\n      .catch(err => {\n        completed = true;\n        if (mounted) {\n          setState({\n            error: abortController.signal.aborted ? new AbortError() : err,\n          });\n        }\n      });\n\n    return () => {\n      mounted = false;\n      abortController.abort();\n    };\n  }, [\n    abortController,\n    entity,\n    timeFrom,\n    timeTo,\n    filterStatus,\n    filterType,\n    cicdStatisticsApi,\n  ]);\n\n  return state;\n}\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as react from 'react';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { Entity } from '@backstage/catalog-model';

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  createPlugin,\n  createRoutableExtension,\n  createRouteRef,\n} from '@backstage/core-plugin-api';\n\nexport type { EntityPageCicdCharts } from './entity-page';\n\n/** @public */\nexport const rootCatalogCicdStatsRouteRef = createRouteRef({\n  id: 'cicd-statistics',\n});\n\n/** @public */\nexport const cicdStatisticsPlugin = createPlugin({\n  id: 'cicd-statistics',\n  routes: {\n    entityContent: rootCatalogCicdStatsRouteRef,\n  },\n});\n\n/** @public */\nexport const EntityCicdStatisticsContent = cicdStatisticsPlugin.provide(\n  createRoutableExtension({\n    component: () => import('./entity-page').then(m => m.EntityPageCicdCharts),\n    mountPoint: rootCatalogCicdStatsRouteRef,\n    name: 'EntityCicdStatisticsContent',\n  }),\n);\n"],"names":[],"mappings":";;AAyBO,MAAM,+BAA+B,cAAe,CAAA;AAAA,EACzD,EAAI,EAAA;AACN,CAAC;AAGM,MAAM,uBAAuB,YAAa,CAAA;AAAA,EAC/C,EAAI,EAAA,iBAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,aAAe,EAAA;AAAA;AAEnB,CAAC;AAGM,MAAM,8BAA8B,oBAAqB,CAAA,OAAA;AAAA,EAC9D,uBAAwB,CAAA;AAAA,IACtB,SAAA,EAAW,MAAM,OAAO,sBAAe,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,oBAAoB,CAAA;AAAA,IACzE,UAAY,EAAA,4BAAA;AAAA,IACZ,IAAM,EAAA;AAAA,GACP;AACH;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  createPlugin,\n  createRoutableExtension,\n  createRouteRef,\n} from '@backstage/core-plugin-api';\n\nexport type { EntityPageCicdCharts } from './entity-page';\n\n/** @public */\nexport const rootCatalogCicdStatsRouteRef = createRouteRef({\n  id: 'cicd-statistics',\n});\n\n/** @public */\nexport const cicdStatisticsPlugin = createPlugin({\n  id: 'cicd-statistics',\n  routes: {\n    entityContent: rootCatalogCicdStatsRouteRef,\n  },\n});\n\n/** @public */\nexport const EntityCicdStatisticsContent = cicdStatisticsPlugin.provide(\n  createRoutableExtension({\n    component: () => import('./entity-page').then(m => m.EntityPageCicdCharts),\n    mountPoint: rootCatalogCicdStatsRouteRef,\n    name: 'EntityCicdStatisticsContent',\n  }),\n);\n"],"names":[],"mappings":";;AAyBO,MAAM,+BAA+B,cAAA,CAAe;AAAA,EACzD,EAAA,EAAI;AACN,CAAC;AAGM,MAAM,uBAAuB,YAAA,CAAa;AAAA,EAC/C,EAAA,EAAI,iBAAA;AAAA,EACJ,MAAA,EAAQ;AAAA,IACN,aAAA,EAAe;AAAA;AAEnB,CAAC;AAGM,MAAM,8BAA8B,oBAAA,CAAqB,OAAA;AAAA,EAC9D,uBAAA,CAAwB;AAAA,IACtB,SAAA,EAAW,MAAM,OAAO,sBAAe,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,oBAAoB,CAAA;AAAA,IACzE,UAAA,EAAY,4BAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACP;AACH;;;;"}

package/dist/utils/api.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.esm.js","sources":["../../src/utils/api.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { FilterStatusType, statusTypes } from '../apis/types';\n\nexport function sortFilterStatusType<T extends FilterStatusType>(\n  statuses: ReadonlyArray<T>,\n): Array<T> {\n  const statusSet = new Set<T>(statuses);\n\n  const sorted = (['all', ...statusTypes] as Array<T>).filter((status: T) => {\n    if (statusSet.has(status)) {\n      statusSet.delete(status);\n      return true;\n    }\n    return false;\n  });\n\n  return [...sorted, ...statusSet];\n}\n"],"names":[],"mappings":";;AAkBO,SAAS,qBACd,QACU,EAAA;AACV,EAAM,MAAA,SAAA,GAAY,IAAI,GAAA,CAAO,QAAQ,CAAA;AAErC,EAAM,MAAA,MAAA,GAAU,CAAC,KAAO,EAAA,GAAG,WAAW,CAAe,CAAA,MAAA,CAAO,CAAC,MAAc,KAAA;AACzE,IAAI,IAAA,SAAA,CAAU,GAAI,CAAA,MAAM,CAAG,EAAA;AACzB,MAAA,SAAA,CAAU,OAAO,MAAM,CAAA;AACvB,MAAO,OAAA,IAAA;AAAA;AAET,IAAO,OAAA,KAAA;AAAA,GACR,CAAA;AAED,EAAA,OAAO,CAAC,GAAG,MAAQ,EAAA,GAAG,SAAS,CAAA;AACjC;;;;"}
+{"version":3,"file":"api.esm.js","sources":["../../src/utils/api.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { FilterStatusType, statusTypes } from '../apis/types';\n\nexport function sortFilterStatusType<T extends FilterStatusType>(\n  statuses: ReadonlyArray<T>,\n): Array<T> {\n  const statusSet = new Set<T>(statuses);\n\n  const sorted = (['all', ...statusTypes] as Array<T>).filter((status: T) => {\n    if (statusSet.has(status)) {\n      statusSet.delete(status);\n      return true;\n    }\n    return false;\n  });\n\n  return [...sorted, ...statusSet];\n}\n"],"names":[],"mappings":";;AAkBO,SAAS,qBACd,QAAA,EACU;AACV,EAAA,MAAM,SAAA,GAAY,IAAI,GAAA,CAAO,QAAQ,CAAA;AAErC,EAAA,MAAM,MAAA,GAAU,CAAC,KAAA,EAAO,GAAG,WAAW,CAAA,CAAe,MAAA,CAAO,CAAC,MAAA,KAAc;AACzE,IAAA,IAAI,SAAA,CAAU,GAAA,CAAI,MAAM,CAAA,EAAG;AACzB,MAAA,SAAA,CAAU,OAAO,MAAM,CAAA;AACvB,MAAA,OAAO,IAAA;AAAA,IACT;AACA,IAAA,OAAO,KAAA;AAAA,EACT,CAAC,CAAA;AAED,EAAA,OAAO,CAAC,GAAG,MAAA,EAAQ,GAAG,SAAS,CAAA;AACjC;;;;"}