@backstage/plugin-home 0.8.7-next.0 → 0.8.7-next.2

package/dist/components/CustomHomepage/WidgetSettingsOverlay.esm.js

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import Button from '@material-ui/core/Button';
 import Dialog from '@material-ui/core/Dialog';
 import DialogActions from '@material-ui/core/DialogActions';
@@ -8,10 +9,10 @@ import Tooltip from '@material-ui/core/Tooltip';
 import { makeStyles, createStyles } from '@material-ui/core/styles';
 import DeleteIcon from '@material-ui/icons/Delete';
 import SettingsIcon from '@material-ui/icons/Settings';
+import { useState } from 'react';
 import { withTheme } from '@rjsf/core';
 import { Theme } from '@rjsf/material-ui';
 import validator from '@rjsf/validator-ajv8';
-import React from 'react';
 
 const Form = withTheme(Theme);
 const useStyles = makeStyles(
@@ -36,56 +37,64 @@ const useStyles = makeStyles(
 );
 const WidgetSettingsOverlay = (props) => {
   const { id, widget, settings, handleRemove, handleSettingsSave, deletable } = props;
-  const [settingsDialogOpen, setSettingsDialogOpen] = React.useState(false);
+  const [settingsDialogOpen, setSettingsDialogOpen] = useState(false);
   const styles = useStyles();
   const onClose = () => setSettingsDialogOpen(false);
-  return /* @__PURE__ */ React.createElement("div", { className: styles.settingsOverlay }, widget.settingsSchema && /* @__PURE__ */ React.createElement(
-    Dialog,
-    {
-      open: settingsDialogOpen,
-      className: "widgetSettingsDialog",
-      onClose
-    },
-    /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(
-      Form,
+  return /* @__PURE__ */ jsxs("div", { className: styles.settingsOverlay, children: [
+    widget.settingsSchema && /* @__PURE__ */ jsx(
+      Dialog,
       {
-        validator,
-        showErrorList: false,
-        schema: widget.settingsSchema,
-        uiSchema: widget.uiSchema,
-        noHtml5Validate: true,
-        formData: settings,
-        formContext: { settings },
-        onSubmit: ({ formData, errors }) => {
-          if (errors.length === 0) {
-            handleSettingsSave(id, formData);
-            setSettingsDialogOpen(false);
+        open: settingsDialogOpen,
+        className: "widgetSettingsDialog",
+        onClose,
+        children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(
+          Form,
+          {
+            validator,
+            showErrorList: false,
+            schema: widget.settingsSchema,
+            uiSchema: widget.uiSchema,
+            noHtml5Validate: true,
+            formData: settings,
+            formContext: { settings },
+            onSubmit: ({ formData, errors }) => {
+              if (errors.length === 0) {
+                handleSettingsSave(id, formData);
+                setSettingsDialogOpen(false);
+              }
+            },
+            experimental_defaultFormStateBehavior: {
+              allOf: "populateDefaults"
+            },
+            children: /* @__PURE__ */ jsxs(DialogActions, { children: [
+              /* @__PURE__ */ jsx(Button, { color: "primary", variant: "contained", type: "submit", children: "Submit" }),
+              /* @__PURE__ */ jsx(Button, { color: "secondary", onClick: onClose, children: "Cancel" })
+            ] })
           }
-        },
-        experimental_defaultFormStateBehavior: {
-          allOf: "populateDefaults"
-        }
-      },
-      /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(Button, { color: "primary", variant: "contained", type: "submit" }, "Submit"), /* @__PURE__ */ React.createElement(Button, { color: "secondary", onClick: onClose }, "Cancel"))
-    ))
-  ), /* @__PURE__ */ React.createElement(
-    Grid,
-    {
-      container: true,
-      className: styles.iconGrid,
-      alignItems: "center",
-      justifyContent: "center"
-    },
-    widget.settingsSchema && /* @__PURE__ */ React.createElement(Grid, { item: true, className: "overlayGridItem" }, /* @__PURE__ */ React.createElement(Tooltip, { title: "Edit settings" }, /* @__PURE__ */ React.createElement(
-      IconButton,
+        ) })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Grid,
       {
-        color: "primary",
-        onClick: () => setSettingsDialogOpen(true)
-      },
-      /* @__PURE__ */ React.createElement(SettingsIcon, { fontSize: "large" })
-    ))),
-    deletable !== false && /* @__PURE__ */ React.createElement(Grid, { item: true, className: "overlayGridItem" }, /* @__PURE__ */ React.createElement(Tooltip, { title: "Delete widget" }, /* @__PURE__ */ React.createElement(IconButton, { color: "secondary", onClick: () => handleRemove(id) }, /* @__PURE__ */ React.createElement(DeleteIcon, { fontSize: "large" }))))
-  ));
+        container: true,
+        className: styles.iconGrid,
+        alignItems: "center",
+        justifyContent: "center",
+        children: [
+          widget.settingsSchema && /* @__PURE__ */ jsx(Grid, { item: true, className: "overlayGridItem", children: /* @__PURE__ */ jsx(Tooltip, { title: "Edit settings", children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              color: "primary",
+              onClick: () => setSettingsDialogOpen(true),
+              children: /* @__PURE__ */ jsx(SettingsIcon, { fontSize: "large" })
+            }
+          ) }) }),
+          deletable !== false && /* @__PURE__ */ jsx(Grid, { item: true, className: "overlayGridItem", children: /* @__PURE__ */ jsx(Tooltip, { title: "Delete widget", children: /* @__PURE__ */ jsx(IconButton, { color: "secondary", onClick: () => handleRemove(id), children: /* @__PURE__ */ jsx(DeleteIcon, { fontSize: "large" }) }) }) })
+        ]
+      }
+    )
+  ] });
 };
 
 export { WidgetSettingsOverlay };

package/dist/components/CustomHomepage/WidgetSettingsOverlay.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetSettingsOverlay.esm.js","sources":["../../../src/components/CustomHomepage/WidgetSettingsOverlay.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport Grid from '@material-ui/core/Grid';\nimport IconButton from '@material-ui/core/IconButton';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { withTheme } from '@rjsf/core';\nimport { Theme as MuiTheme } from '@rjsf/material-ui';\nimport validator from '@rjsf/validator-ajv8';\nimport React from 'react';\n\nimport { Widget } from './types';\n\nconst Form = withTheme(MuiTheme);\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    iconGrid: {\n      height: '100%',\n      '& *': {\n        padding: 0,\n      },\n    },\n    settingsOverlay: {\n      position: 'absolute',\n      backgroundColor: 'rgba(40, 40, 40, 0.93)',\n      width: '100%',\n      height: '100%',\n      top: 0,\n      left: 0,\n      padding: theme.spacing(2),\n      color: 'white',\n    },\n  }),\n);\ninterface WidgetSettingsOverlayProps {\n  id: string;\n  widget: Widget;\n  handleRemove: (id: string) => void;\n  handleSettingsSave: (id: string, settings: Record<string, any>) => void;\n  settings?: Record<string, any>;\n  deletable?: boolean;\n}\n\nexport const WidgetSettingsOverlay = (props: WidgetSettingsOverlayProps) => {\n  const { id, widget, settings, handleRemove, handleSettingsSave, deletable } =\n    props;\n  const [settingsDialogOpen, setSettingsDialogOpen] = React.useState(false);\n  const styles = useStyles();\n\n  const onClose = () => setSettingsDialogOpen(false);\n\n  return (\n    <div className={styles.settingsOverlay}>\n      {widget.settingsSchema && (\n        <Dialog\n          open={settingsDialogOpen}\n          className=\"widgetSettingsDialog\"\n          onClose={onClose}\n        >\n          <DialogContent>\n            <Form\n              validator={validator}\n              showErrorList={false}\n              schema={widget.settingsSchema}\n              uiSchema={widget.uiSchema}\n              noHtml5Validate\n              formData={settings}\n              formContext={{ settings }}\n              onSubmit={({ formData, errors }) => {\n                if (errors.length === 0) {\n                  handleSettingsSave(id, formData);\n                  setSettingsDialogOpen(false);\n                }\n              }}\n              experimental_defaultFormStateBehavior={{\n                allOf: 'populateDefaults',\n              }}\n            >\n              <DialogActions>\n                <Button color=\"primary\" variant=\"contained\" type=\"submit\">\n                  Submit\n                </Button>\n                <Button color=\"secondary\" onClick={onClose}>\n                  Cancel\n                </Button>\n              </DialogActions>\n            </Form>\n          </DialogContent>\n        </Dialog>\n      )}\n      <Grid\n        container\n        className={styles.iconGrid}\n        alignItems=\"center\"\n        justifyContent=\"center\"\n      >\n        {widget.settingsSchema && (\n          <Grid item className=\"overlayGridItem\">\n            <Tooltip title=\"Edit settings\">\n              <IconButton\n                color=\"primary\"\n                onClick={() => setSettingsDialogOpen(true)}\n              >\n                <SettingsIcon fontSize=\"large\" />\n              </IconButton>\n            </Tooltip>\n          </Grid>\n        )}\n        {deletable !== false && (\n          <Grid item className=\"overlayGridItem\">\n            <Tooltip title=\"Delete widget\">\n              <IconButton color=\"secondary\" onClick={() => handleRemove(id)}>\n                <DeleteIcon fontSize=\"large\" />\n              </IconButton>\n            </Tooltip>\n          </Grid>\n        )}\n      </Grid>\n    </div>\n  );\n};\n"],"names":["MuiTheme"],"mappings":"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"}
+{"version":3,"file":"WidgetSettingsOverlay.esm.js","sources":["../../../src/components/CustomHomepage/WidgetSettingsOverlay.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport Grid from '@material-ui/core/Grid';\nimport IconButton from '@material-ui/core/IconButton';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { useState } from 'react';\nimport { Widget } from './types';\nimport { withTheme } from '@rjsf/core';\nimport { Theme as MuiTheme } from '@rjsf/material-ui';\nimport validator from '@rjsf/validator-ajv8';\n\nconst Form = withTheme(MuiTheme);\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    iconGrid: {\n      height: '100%',\n      '& *': {\n        padding: 0,\n      },\n    },\n    settingsOverlay: {\n      position: 'absolute',\n      backgroundColor: 'rgba(40, 40, 40, 0.93)',\n      width: '100%',\n      height: '100%',\n      top: 0,\n      left: 0,\n      padding: theme.spacing(2),\n      color: 'white',\n    },\n  }),\n);\ninterface WidgetSettingsOverlayProps {\n  id: string;\n  widget: Widget;\n  handleRemove: (id: string) => void;\n  handleSettingsSave: (id: string, settings: Record<string, any>) => void;\n  settings?: Record<string, any>;\n  deletable?: boolean;\n}\n\nexport const WidgetSettingsOverlay = (props: WidgetSettingsOverlayProps) => {\n  const { id, widget, settings, handleRemove, handleSettingsSave, deletable } =\n    props;\n  const [settingsDialogOpen, setSettingsDialogOpen] = useState(false);\n  const styles = useStyles();\n\n  const onClose = () => setSettingsDialogOpen(false);\n\n  return (\n    <div className={styles.settingsOverlay}>\n      {widget.settingsSchema && (\n        <Dialog\n          open={settingsDialogOpen}\n          className=\"widgetSettingsDialog\"\n          onClose={onClose}\n        >\n          <DialogContent>\n            <Form\n              validator={validator}\n              showErrorList={false}\n              schema={widget.settingsSchema}\n              uiSchema={widget.uiSchema}\n              noHtml5Validate\n              formData={settings}\n              formContext={{ settings }}\n              onSubmit={({ formData, errors }) => {\n                if (errors.length === 0) {\n                  handleSettingsSave(id, formData);\n                  setSettingsDialogOpen(false);\n                }\n              }}\n              experimental_defaultFormStateBehavior={{\n                allOf: 'populateDefaults',\n              }}\n            >\n              <DialogActions>\n                <Button color=\"primary\" variant=\"contained\" type=\"submit\">\n                  Submit\n                </Button>\n                <Button color=\"secondary\" onClick={onClose}>\n                  Cancel\n                </Button>\n              </DialogActions>\n            </Form>\n          </DialogContent>\n        </Dialog>\n      )}\n      <Grid\n        container\n        className={styles.iconGrid}\n        alignItems=\"center\"\n        justifyContent=\"center\"\n      >\n        {widget.settingsSchema && (\n          <Grid item className=\"overlayGridItem\">\n            <Tooltip title=\"Edit settings\">\n              <IconButton\n                color=\"primary\"\n                onClick={() => setSettingsDialogOpen(true)}\n              >\n                <SettingsIcon fontSize=\"large\" />\n              </IconButton>\n            </Tooltip>\n          </Grid>\n        )}\n        {deletable !== false && (\n          <Grid item className=\"overlayGridItem\">\n            <Tooltip title=\"Delete widget\">\n              <IconButton color=\"secondary\" onClick={() => handleRemove(id)}>\n                <DeleteIcon fontSize=\"large\" />\n              </IconButton>\n            </Tooltip>\n          </Grid>\n        )}\n      </Grid>\n    </div>\n  );\n};\n"],"names":["MuiTheme"],"mappings":"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"}

package/dist/components/CustomHomepage/types.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.esm.js","sources":["../../../src/components/CustomHomepage/types.ts"],"sourcesContent":["/*\n * Copyright 2023 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 React, { ReactElement, ReactNode } from 'react';\nimport { Layout } from 'react-grid-layout';\nimport { z } from 'zod';\nimport { RJSFSchema, UiSchema } from '@rjsf/utils';\n\nconst RSJFTypeSchema: z.ZodType<RJSFSchema> = z.any();\nconst RSJFTypeUiSchema: z.ZodType<UiSchema> = z.any();\nconst ReactElementSchema: z.ZodType<ReactElement> = z.any();\nconst LayoutSchema: z.ZodType<Layout> = z.any();\n\n/**\n * Breakpoint options for <CustomHomepageGridProps/>\n *\n * @public\n */\nexport type Breakpoint = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/**\n * Props customizing the <CustomHomepageGrid/> component.\n *\n * @public\n */\nexport type CustomHomepageGridProps = {\n  /**\n   * Children contain all widgets user can configure on their own homepage.\n   */\n  children?: ReactNode;\n  /**\n   * Default layout for the homepage before users have modified it.\n   */\n  config?: LayoutConfiguration[];\n  /**\n   * Height of grid row in pixels.\n   * @defaultValue 60\n   */\n  rowHeight?: number;\n  /**\n   * Screen width in pixels for different breakpoints.\n   * @defaultValue theme breakpoints\n   */\n  breakpoints?: Record<Breakpoint, number>;\n  /**\n   * Number of grid columns for different breakpoints.\n   * @defaultValue \\{ lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 \\}\n   */\n  cols?: Record<Breakpoint, number>;\n  /**\n   * Grid container padding (x, y) in pixels for all or specific breakpoints.\n   * @defaultValue [0, 0]\n   * @example [10, 10]\n   * @example \\{ lg: [10, 10] \\}\n   */\n  containerPadding?: [number, number] | Record<Breakpoint, [number, number]>;\n  /**\n   * Grid container margin (x, y) in pixels for all or specific breakpoints.\n   * @defaultValue [0, 0]\n   * @example [10, 10]\n   * @example \\{ lg: [10, 10] \\}\n   */\n  containerMargin?: [number, number] | Record<Breakpoint, [number, number]>;\n  /**\n   * Maximum number of rows user can have in the grid.\n   * @defaultValue unlimited\n   */\n  maxRows?: number;\n  /**\n   * Custom style for grid.\n   */\n  style?: React.CSSProperties;\n  /**\n   * Compaction type of widgets in the grid. This controls where widgets are moved in case\n   * they are overlapping in the grid.\n   */\n  compactType?: 'vertical' | 'horizontal' | null;\n  /**\n   * Controls if widgets can overlap in the grid. If true, grid can be placed one over the other.\n   * @defaultValue false\n   */\n  allowOverlap?: boolean;\n  /**\n   * Controls if widgets can collide with each other. If true, grid items won't change position when being dragged over.\n   * @defaultValue false\n   */\n  preventCollision?: boolean;\n};\n\nexport const LayoutConfigurationSchema = z.object({\n  component: ReactElementSchema,\n  x: z.number().nonnegative('x must be positive number'),\n  y: z.number().nonnegative('y must be positive number'),\n  width: z.number().positive('width must be positive number'),\n  height: z.number().positive('height must be positive number'),\n  movable: z.boolean().optional(),\n  deletable: z.boolean().optional(),\n  resizable: z.boolean().optional(),\n});\n\n/**\n * Layout configuration that can be passed to the custom home page.\n *\n * @public\n */\nexport type LayoutConfiguration = {\n  component: ReactElement | string;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  movable?: boolean;\n  deletable?: boolean;\n  resizable?: boolean;\n};\n\nexport const WidgetSchema = z.object({\n  name: z.string(),\n  title: z.string().optional(),\n  description: z.string().optional(),\n  component: ReactElementSchema,\n  width: z.number().positive('width must be positive number').optional(),\n  height: z.number().positive('height must be positive number').optional(),\n  minWidth: z.number().positive('minWidth must be positive number').optional(),\n  maxWidth: z.number().positive('maxWidth must be positive number').optional(),\n  minHeight: z\n    .number()\n    .positive('minHeight must be positive number')\n    .optional(),\n  maxHeight: z\n    .number()\n    .positive('maxHeight must be positive number')\n    .optional(),\n  settingsSchema: RSJFTypeSchema.optional(),\n  uiSchema: RSJFTypeUiSchema.optional(),\n  movable: z.boolean().optional(),\n  deletable: z.boolean().optional(),\n  resizable: z.boolean().optional(),\n});\n\nexport type Widget = z.infer<typeof WidgetSchema>;\n\nconst GridWidgetSchema = z.object({\n  id: z.string(),\n  layout: LayoutSchema,\n  settings: z.record(z.string(), z.any()),\n  movable: z.boolean().optional(),\n  deletable: z.boolean().optional(),\n  resizable: z.boolean().optional(),\n});\n\nexport type GridWidget = z.infer<typeof GridWidgetSchema>;\n\nexport const CustomHomepageGridStateV1Schema = z.object({\n  version: z.literal(1),\n  pages: z.record(z.string(), z.array(GridWidgetSchema)),\n});\n\nexport type CustomHomepageGridStateV1 = z.infer<\n  typeof CustomHomepageGridStateV1Schema\n>;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.esm.js","sources":["../../../src/components/CustomHomepage/types.ts"],"sourcesContent":["/*\n * Copyright 2023 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, ReactElement, ReactNode } from 'react';\nimport { Layout } from 'react-grid-layout';\nimport { z } from 'zod';\nimport { RJSFSchema, UiSchema } from '@rjsf/utils';\n\nconst RSJFTypeSchema: z.ZodType<RJSFSchema> = z.any();\nconst RSJFTypeUiSchema: z.ZodType<UiSchema> = z.any();\nconst ReactElementSchema: z.ZodType<ReactElement> = z.any();\nconst LayoutSchema: z.ZodType<Layout> = z.any();\n\n/**\n * Breakpoint options for <CustomHomepageGridProps/>\n *\n * @public\n */\nexport type Breakpoint = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/**\n * Props customizing the <CustomHomepageGrid/> component.\n *\n * @public\n */\nexport type CustomHomepageGridProps = {\n  /**\n   * Children contain all widgets user can configure on their own homepage.\n   */\n  children?: ReactNode;\n  /**\n   * Default layout for the homepage before users have modified it.\n   */\n  config?: LayoutConfiguration[];\n  /**\n   * Height of grid row in pixels.\n   * @defaultValue 60\n   */\n  rowHeight?: number;\n  /**\n   * Screen width in pixels for different breakpoints.\n   * @defaultValue theme breakpoints\n   */\n  breakpoints?: Record<Breakpoint, number>;\n  /**\n   * Number of grid columns for different breakpoints.\n   * @defaultValue \\{ lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 \\}\n   */\n  cols?: Record<Breakpoint, number>;\n  /**\n   * Grid container padding (x, y) in pixels for all or specific breakpoints.\n   * @defaultValue [0, 0]\n   * @example [10, 10]\n   * @example \\{ lg: [10, 10] \\}\n   */\n  containerPadding?: [number, number] | Record<Breakpoint, [number, number]>;\n  /**\n   * Grid container margin (x, y) in pixels for all or specific breakpoints.\n   * @defaultValue [0, 0]\n   * @example [10, 10]\n   * @example \\{ lg: [10, 10] \\}\n   */\n  containerMargin?: [number, number] | Record<Breakpoint, [number, number]>;\n  /**\n   * Maximum number of rows user can have in the grid.\n   * @defaultValue unlimited\n   */\n  maxRows?: number;\n  /**\n   * Custom style for grid.\n   */\n  style?: CSSProperties;\n  /**\n   * Compaction type of widgets in the grid. This controls where widgets are moved in case\n   * they are overlapping in the grid.\n   */\n  compactType?: 'vertical' | 'horizontal' | null;\n  /**\n   * Controls if widgets can overlap in the grid. If true, grid can be placed one over the other.\n   * @defaultValue false\n   */\n  allowOverlap?: boolean;\n  /**\n   * Controls if widgets can collide with each other. If true, grid items won't change position when being dragged over.\n   * @defaultValue false\n   */\n  preventCollision?: boolean;\n};\n\nexport const LayoutConfigurationSchema = z.object({\n  component: ReactElementSchema,\n  x: z.number().nonnegative('x must be positive number'),\n  y: z.number().nonnegative('y must be positive number'),\n  width: z.number().positive('width must be positive number'),\n  height: z.number().positive('height must be positive number'),\n  movable: z.boolean().optional(),\n  deletable: z.boolean().optional(),\n  resizable: z.boolean().optional(),\n});\n\n/**\n * Layout configuration that can be passed to the custom home page.\n *\n * @public\n */\nexport type LayoutConfiguration = {\n  component: ReactElement | string;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  movable?: boolean;\n  deletable?: boolean;\n  resizable?: boolean;\n};\n\nexport const WidgetSchema = z.object({\n  name: z.string(),\n  title: z.string().optional(),\n  description: z.string().optional(),\n  component: ReactElementSchema,\n  width: z.number().positive('width must be positive number').optional(),\n  height: z.number().positive('height must be positive number').optional(),\n  minWidth: z.number().positive('minWidth must be positive number').optional(),\n  maxWidth: z.number().positive('maxWidth must be positive number').optional(),\n  minHeight: z\n    .number()\n    .positive('minHeight must be positive number')\n    .optional(),\n  maxHeight: z\n    .number()\n    .positive('maxHeight must be positive number')\n    .optional(),\n  settingsSchema: RSJFTypeSchema.optional(),\n  uiSchema: RSJFTypeUiSchema.optional(),\n  movable: z.boolean().optional(),\n  deletable: z.boolean().optional(),\n  resizable: z.boolean().optional(),\n});\n\nexport type Widget = z.infer<typeof WidgetSchema>;\n\nconst GridWidgetSchema = z.object({\n  id: z.string(),\n  layout: LayoutSchema,\n  settings: z.record(z.string(), z.any()),\n  movable: z.boolean().optional(),\n  deletable: z.boolean().optional(),\n  resizable: z.boolean().optional(),\n});\n\nexport type GridWidget = z.infer<typeof GridWidgetSchema>;\n\nexport const CustomHomepageGridStateV1Schema = z.object({\n  version: z.literal(1),\n  pages: z.record(z.string(), z.array(GridWidgetSchema)),\n});\n\nexport type CustomHomepageGridStateV1 = z.infer<\n  typeof CustomHomepageGridStateV1Schema\n>;\n"],"names":[],"mappings":"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"}

package/dist/components/HomepageCompositionRoot.esm.js

@@ -1,10 +1,10 @@
-import React from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { useOutlet } from 'react-router-dom';
 
 const HomepageCompositionRoot = (props) => {
   const outlet = useOutlet();
   const children = props.children ?? outlet;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+  return /* @__PURE__ */ jsx(Fragment, { children });
 };
 
 export { HomepageCompositionRoot };

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

@@ -1 +1 @@
-{"version":3,"file":"HomepageCompositionRoot.esm.js","sources":["../../src/components/HomepageCompositionRoot.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 React, { ReactNode } from 'react';\nimport { useOutlet } from 'react-router-dom';\n\nexport const HomepageCompositionRoot = (props: {\n  title?: string;\n  children?: ReactNode;\n}) => {\n  const outlet = useOutlet();\n  const children = props.children ?? outlet;\n  return <>{children}</>;\n};\n"],"names":[],"mappings":";;;AAmBa,MAAA,uBAAA,GAA0B,CAAC,KAGlC,KAAA;AACJ,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAM,MAAA,QAAA,GAAW,MAAM,QAAY,IAAA,MAAA;AACnC,EAAA,iEAAU,QAAS,CAAA;AACrB;;;;"}
+{"version":3,"file":"HomepageCompositionRoot.esm.js","sources":["../../src/components/HomepageCompositionRoot.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 { ReactNode } from 'react';\nimport { useOutlet } from 'react-router-dom';\n\nexport const HomepageCompositionRoot = (props: {\n  title?: string;\n  children?: ReactNode;\n}) => {\n  const outlet = useOutlet();\n  const children = props.children ?? outlet;\n  return <>{children}</>;\n};\n"],"names":[],"mappings":";;;AAmBa,MAAA,uBAAA,GAA0B,CAAC,KAGlC,KAAA;AACJ,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAM,MAAA,QAAA,GAAW,MAAM,QAAY,IAAA,MAAA;AACnC,EAAA,uCAAU,QAAS,EAAA,CAAA;AACrB;;;;"}

package/dist/components/StarredEntityListItem/StarredEntityListItem.esm.js

@@ -1,8 +1,8 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { entityRouteRef, entityRouteParams, EntityDisplayName } from '@backstage/plugin-catalog-react';
 import ListItem from '@material-ui/core/ListItem';
 import ListItemIcon from '@material-ui/core/ListItemIcon';
 import ListItemText from '@material-ui/core/ListItemText';
-import React from 'react';
 import { Link } from 'react-router-dom';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { FavoriteToggle } from '@backstage/core-components';
@@ -36,39 +36,41 @@ const StarredEntityListItem = ({
       "en-US"
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     ListItem,
     {
       dense: true,
       className: classes.listItem,
       component: Link,
       button: true,
-      to: catalogEntityRoute(entityRouteParams(entity))
-    },
-    /* @__PURE__ */ React.createElement(
-      ListItemIcon,
-      {
-        onClick: (e) => {
-          e.preventDefault();
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        FavoriteToggle,
-        {
-          id: `remove-favorite-${entity.metadata.uid}`,
-          title: "Remove entity from favorites",
-          isFavorite: true,
-          onToggle: () => onToggleStarredEntity(entity)
-        }
-      )
-    ),
-    /* @__PURE__ */ React.createElement(
-      ListItemText,
-      {
-        primary: /* @__PURE__ */ React.createElement(EntityDisplayName, { hideIcon: true, entityRef: entity }),
-        secondary: secondaryText
-      }
-    )
+      to: catalogEntityRoute(entityRouteParams(entity)),
+      children: [
+        /* @__PURE__ */ jsx(
+          ListItemIcon,
+          {
+            onClick: (e) => {
+              e.preventDefault();
+            },
+            children: /* @__PURE__ */ jsx(
+              FavoriteToggle,
+              {
+                id: `remove-favorite-${entity.metadata.uid}`,
+                title: "Remove entity from favorites",
+                isFavorite: true,
+                onToggle: () => onToggleStarredEntity(entity)
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ListItemText,
+          {
+            primary: /* @__PURE__ */ jsx(EntityDisplayName, { hideIcon: true, entityRef: entity }),
+            secondary: secondaryText
+          }
+        )
+      ]
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"StarredEntityListItem.esm.js","sources":["../../../src/components/StarredEntityListItem/StarredEntityListItem.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 */\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  EntityDisplayName,\n  entityRouteParams,\n} from '@backstage/plugin-catalog-react';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport React from 'react';\nimport { Link } from 'react-router-dom';\nimport { entityRouteRef } from '@backstage/plugin-catalog-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { FavoriteToggle } from '@backstage/core-components';\nimport { makeStyles } from '@material-ui/core/styles';\n\ntype EntityListItemProps = {\n  entity: Entity;\n  onToggleStarredEntity: (entity: Entity) => void;\n  showKind?: boolean;\n};\n\nconst useStyles = makeStyles(theme => ({\n  listItem: {\n    paddingBottom: theme.spacing(0),\n    paddingTop: theme.spacing(0),\n  },\n  secondary: {\n    textTransform: 'uppercase',\n  },\n}));\n\nexport const StarredEntityListItem = ({\n  entity,\n  onToggleStarredEntity,\n  showKind,\n}: EntityListItemProps) => {\n  const classes = useStyles();\n  const catalogEntityRoute = useRouteRef(entityRouteRef);\n\n  let secondaryText = '';\n  if (showKind) {\n    secondaryText += entity.kind.toLocaleLowerCase('en-US');\n  }\n  if (entity.spec && 'type' in entity.spec) {\n    if (showKind) {\n      secondaryText += ' — ';\n    }\n    secondaryText += (entity.spec as { type: string }).type.toLocaleLowerCase(\n      'en-US',\n    );\n  }\n\n  return (\n    <ListItem\n      dense\n      className={classes.listItem}\n      component={Link}\n      button\n      to={catalogEntityRoute(entityRouteParams(entity))}\n    >\n      <ListItemIcon\n        // Prevent following the link when clicking on the icon\n        onClick={e => {\n          e.preventDefault();\n        }}\n      >\n        <FavoriteToggle\n          id={`remove-favorite-${entity.metadata.uid}`}\n          title=\"Remove entity from favorites\"\n          isFavorite\n          onToggle={() => onToggleStarredEntity(entity)}\n        />\n      </ListItemIcon>\n      <ListItemText\n        primary={<EntityDisplayName hideIcon entityRef={entity} />}\n        secondary={secondaryText}\n      />\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAoCA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,QAAU,EAAA;AAAA,IACR,aAAA,EAAe,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC9B,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,GAC7B;AAAA,EACA,SAAW,EAAA;AAAA,IACT,aAAe,EAAA;AAAA;AAEnB,CAAE,CAAA,CAAA;AAEK,MAAM,wBAAwB,CAAC;AAAA,EACpC,MAAA;AAAA,EACA,qBAAA;AAAA,EACA;AACF,CAA2B,KAAA;AACzB,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,kBAAA,GAAqB,YAAY,cAAc,CAAA;AAErD,EAAA,IAAI,aAAgB,GAAA,EAAA;AACpB,EAAA,IAAI,QAAU,EAAA;AACZ,IAAiB,aAAA,IAAA,MAAA,CAAO,IAAK,CAAA,iBAAA,CAAkB,OAAO,CAAA;AAAA;AAExD,EAAA,IAAI,MAAO,CAAA,IAAA,IAAQ,MAAU,IAAA,MAAA,CAAO,IAAM,EAAA;AACxC,IAAA,IAAI,QAAU,EAAA;AACZ,MAAiB,aAAA,IAAA,UAAA;AAAA;AAEnB,IAAkB,aAAA,IAAA,MAAA,CAAO,KAA0B,IAAK,CAAA,iBAAA;AAAA,MACtD;AAAA,KACF;AAAA;AAGF,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAA,IAAA;AAAA,MACL,WAAW,OAAQ,CAAA,QAAA;AAAA,MACnB,SAAW,EAAA,IAAA;AAAA,MACX,MAAM,EAAA,IAAA;AAAA,MACN,EAAI,EAAA,kBAAA,CAAmB,iBAAkB,CAAA,MAAM,CAAC;AAAA,KAAA;AAAA,oBAEhD,KAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QAEC,SAAS,CAAK,CAAA,KAAA;AACZ,UAAA,CAAA,CAAE,cAAe,EAAA;AAAA;AACnB,OAAA;AAAA,sBAEA,KAAA,CAAA,aAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA,CAAA,gBAAA,EAAmB,MAAO,CAAA,QAAA,CAAS,GAAG,CAAA,CAAA;AAAA,UAC1C,KAAM,EAAA,8BAAA;AAAA,UACN,UAAU,EAAA,IAAA;AAAA,UACV,QAAA,EAAU,MAAM,qBAAA,CAAsB,MAAM;AAAA;AAAA;AAC9C,KACF;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,yBAAU,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,QAAQ,EAAA,IAAA,EAAC,WAAW,MAAQ,EAAA,CAAA;AAAA,QACxD,SAAW,EAAA;AAAA;AAAA;AACb,GACF;AAEJ;;;;"}
+{"version":3,"file":"StarredEntityListItem.esm.js","sources":["../../../src/components/StarredEntityListItem/StarredEntityListItem.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 */\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  EntityDisplayName,\n  entityRouteParams,\n} from '@backstage/plugin-catalog-react';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport { Link } from 'react-router-dom';\nimport { entityRouteRef } from '@backstage/plugin-catalog-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { FavoriteToggle } from '@backstage/core-components';\nimport { makeStyles } from '@material-ui/core/styles';\n\ntype EntityListItemProps = {\n  entity: Entity;\n  onToggleStarredEntity: (entity: Entity) => void;\n  showKind?: boolean;\n};\n\nconst useStyles = makeStyles(theme => ({\n  listItem: {\n    paddingBottom: theme.spacing(0),\n    paddingTop: theme.spacing(0),\n  },\n  secondary: {\n    textTransform: 'uppercase',\n  },\n}));\n\nexport const StarredEntityListItem = ({\n  entity,\n  onToggleStarredEntity,\n  showKind,\n}: EntityListItemProps) => {\n  const classes = useStyles();\n  const catalogEntityRoute = useRouteRef(entityRouteRef);\n\n  let secondaryText = '';\n  if (showKind) {\n    secondaryText += entity.kind.toLocaleLowerCase('en-US');\n  }\n  if (entity.spec && 'type' in entity.spec) {\n    if (showKind) {\n      secondaryText += ' — ';\n    }\n    secondaryText += (entity.spec as { type: string }).type.toLocaleLowerCase(\n      'en-US',\n    );\n  }\n\n  return (\n    <ListItem\n      dense\n      className={classes.listItem}\n      component={Link}\n      button\n      to={catalogEntityRoute(entityRouteParams(entity))}\n    >\n      <ListItemIcon\n        // Prevent following the link when clicking on the icon\n        onClick={e => {\n          e.preventDefault();\n        }}\n      >\n        <FavoriteToggle\n          id={`remove-favorite-${entity.metadata.uid}`}\n          title=\"Remove entity from favorites\"\n          isFavorite\n          onToggle={() => onToggleStarredEntity(entity)}\n        />\n      </ListItemIcon>\n      <ListItemText\n        primary={<EntityDisplayName hideIcon entityRef={entity} />}\n        secondary={secondaryText}\n      />\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAmCA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,QAAU,EAAA;AAAA,IACR,aAAA,EAAe,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC9B,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,GAC7B;AAAA,EACA,SAAW,EAAA;AAAA,IACT,aAAe,EAAA;AAAA;AAEnB,CAAE,CAAA,CAAA;AAEK,MAAM,wBAAwB,CAAC;AAAA,EACpC,MAAA;AAAA,EACA,qBAAA;AAAA,EACA;AACF,CAA2B,KAAA;AACzB,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,kBAAA,GAAqB,YAAY,cAAc,CAAA;AAErD,EAAA,IAAI,aAAgB,GAAA,EAAA;AACpB,EAAA,IAAI,QAAU,EAAA;AACZ,IAAiB,aAAA,IAAA,MAAA,CAAO,IAAK,CAAA,iBAAA,CAAkB,OAAO,CAAA;AAAA;AAExD,EAAA,IAAI,MAAO,CAAA,IAAA,IAAQ,MAAU,IAAA,MAAA,CAAO,IAAM,EAAA;AACxC,IAAA,IAAI,QAAU,EAAA;AACZ,MAAiB,aAAA,IAAA,UAAA;AAAA;AAEnB,IAAkB,aAAA,IAAA,MAAA,CAAO,KAA0B,IAAK,CAAA,iBAAA;AAAA,MACtD;AAAA,KACF;AAAA;AAGF,EACE,uBAAA,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAA,IAAA;AAAA,MACL,WAAW,OAAQ,CAAA,QAAA;AAAA,MACnB,SAAW,EAAA,IAAA;AAAA,MACX,MAAM,EAAA,IAAA;AAAA,MACN,EAAI,EAAA,kBAAA,CAAmB,iBAAkB,CAAA,MAAM,CAAC,CAAA;AAAA,MAEhD,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YAEC,SAAS,CAAK,CAAA,KAAA;AACZ,cAAA,CAAA,CAAE,cAAe,EAAA;AAAA,aACnB;AAAA,YAEA,QAAA,kBAAA,GAAA;AAAA,cAAC,cAAA;AAAA,cAAA;AAAA,gBACC,EAAI,EAAA,CAAA,gBAAA,EAAmB,MAAO,CAAA,QAAA,CAAS,GAAG,CAAA,CAAA;AAAA,gBAC1C,KAAM,EAAA,8BAAA;AAAA,gBACN,UAAU,EAAA,IAAA;AAAA,gBACV,QAAA,EAAU,MAAM,qBAAA,CAAsB,MAAM;AAAA;AAAA;AAC9C;AAAA,SACF;AAAA,wBACA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,yBAAU,GAAA,CAAA,iBAAA,EAAA,EAAkB,QAAQ,EAAA,IAAA,EAAC,WAAW,MAAQ,EAAA,CAAA;AAAA,YACxD,SAAW,EAAA;AAAA;AAAA;AACb;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/VisitList/ItemCategory.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import Chip from '@material-ui/core/Chip';
 import { makeStyles } from '@material-ui/core/styles';
 import { colorVariants } from '@backstage/theme';
@@ -45,7 +45,7 @@ const getChipColor = (entity) => {
 const ItemCategory = ({ visit }) => {
   const classes = useStyles();
   const entity = maybeEntity(visit);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Chip,
     {
       size: "small",

package/dist/components/VisitList/ItemCategory.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemCategory.esm.js","sources":["../../../src/components/VisitList/ItemCategory.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 React from 'react';\nimport Chip from '@material-ui/core/Chip';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { colorVariants } from '@backstage/theme';\nimport { Visit } from '../../api/VisitsApi';\nimport { CompoundEntityRef, parseEntityRef } from '@backstage/catalog-model';\n\nconst useStyles = makeStyles(theme => ({\n  chip: {\n    color: theme.palette.common.white,\n    fontWeight: 'bold',\n    margin: 0,\n  },\n}));\nconst maybeEntity = (visit: Visit): CompoundEntityRef | undefined => {\n  try {\n    return parseEntityRef(visit?.entityRef ?? '');\n  } catch (e) {\n    return undefined;\n  }\n};\nconst getColorByIndex = (index: number) => {\n  const variants = Object.keys(colorVariants);\n  const variantIndex = index % variants.length;\n  return colorVariants[variants[variantIndex]][0];\n};\nconst getChipColor = (entity: CompoundEntityRef | undefined): string => {\n  const defaultColor = getColorByIndex(0);\n  if (!entity) return defaultColor;\n\n  // IDEA: Use or replicate useAllKinds hook thus supporting all software catalog\n  //       registered kinds. See:\n  //       plugins/catalog-react/src/components/EntityKindPicker/kindFilterUtils.ts\n  //       Provide extension point to register your own color code.\n  const entityKinds = [\n    'component',\n    'template',\n    'api',\n    'group',\n    'user',\n    'resource',\n    'system',\n    'domain',\n    'location',\n  ];\n  const foundIndex = entityKinds.indexOf(\n    entity.kind.toLocaleLowerCase('en-US'),\n  );\n  return foundIndex === -1 ? defaultColor : getColorByIndex(foundIndex + 1);\n};\n\nexport const ItemCategory = ({ visit }: { visit: Visit }) => {\n  const classes = useStyles();\n  const entity = maybeEntity(visit);\n\n  return (\n    <Chip\n      size=\"small\"\n      className={classes.chip}\n      label={(entity?.kind ?? 'Other').toLocaleLowerCase('en-US')}\n      style={{ background: getChipColor(entity) }}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAuBA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,IAAM,EAAA;AAAA,IACJ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,IAC5B,UAAY,EAAA,MAAA;AAAA,IACZ,MAAQ,EAAA;AAAA;AAEZ,CAAE,CAAA,CAAA;AACF,MAAM,WAAA,GAAc,CAAC,KAAgD,KAAA;AACnE,EAAI,IAAA;AACF,IAAO,OAAA,cAAA,CAAe,KAAO,EAAA,SAAA,IAAa,EAAE,CAAA;AAAA,WACrC,CAAG,EAAA;AACV,IAAO,OAAA,KAAA,CAAA;AAAA;AAEX,CAAA;AACA,MAAM,eAAA,GAAkB,CAAC,KAAkB,KAAA;AACzC,EAAM,MAAA,QAAA,GAAW,MAAO,CAAA,IAAA,CAAK,aAAa,CAAA;AAC1C,EAAM,MAAA,YAAA,GAAe,QAAQ,QAAS,CAAA,MAAA;AACtC,EAAA,OAAO,aAAc,CAAA,QAAA,CAAS,YAAY,CAAC,EAAE,CAAC,CAAA;AAChD,CAAA;AACA,MAAM,YAAA,GAAe,CAAC,MAAkD,KAAA;AACtE,EAAM,MAAA,YAAA,GAAe,gBAAgB,CAAC,CAAA;AACtC,EAAI,IAAA,CAAC,QAAe,OAAA,YAAA;AAMpB,EAAA,MAAM,WAAc,GAAA;AAAA,IAClB,WAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,aAAa,WAAY,CAAA,OAAA;AAAA,IAC7B,MAAA,CAAO,IAAK,CAAA,iBAAA,CAAkB,OAAO;AAAA,GACvC;AACA,EAAA,OAAO,UAAe,KAAA,CAAA,CAAA,GAAK,YAAe,GAAA,eAAA,CAAgB,aAAa,CAAC,CAAA;AAC1E,CAAA;AAEO,MAAM,YAAe,GAAA,CAAC,EAAE,KAAA,EAA8B,KAAA;AAC3D,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,MAAA,GAAS,YAAY,KAAK,CAAA;AAEhC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,WAAW,OAAQ,CAAA,IAAA;AAAA,MACnB,KAAQ,EAAA,CAAA,MAAA,EAAQ,IAAQ,IAAA,OAAA,EAAS,kBAAkB,OAAO,CAAA;AAAA,MAC1D,KAAO,EAAA,EAAE,UAAY,EAAA,YAAA,CAAa,MAAM,CAAE;AAAA;AAAA,GAC5C;AAEJ;;;;"}
+{"version":3,"file":"ItemCategory.esm.js","sources":["../../../src/components/VisitList/ItemCategory.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 Chip from '@material-ui/core/Chip';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { colorVariants } from '@backstage/theme';\nimport { Visit } from '../../api/VisitsApi';\nimport { CompoundEntityRef, parseEntityRef } from '@backstage/catalog-model';\n\nconst useStyles = makeStyles(theme => ({\n  chip: {\n    color: theme.palette.common.white,\n    fontWeight: 'bold',\n    margin: 0,\n  },\n}));\nconst maybeEntity = (visit: Visit): CompoundEntityRef | undefined => {\n  try {\n    return parseEntityRef(visit?.entityRef ?? '');\n  } catch (e) {\n    return undefined;\n  }\n};\nconst getColorByIndex = (index: number) => {\n  const variants = Object.keys(colorVariants);\n  const variantIndex = index % variants.length;\n  return colorVariants[variants[variantIndex]][0];\n};\nconst getChipColor = (entity: CompoundEntityRef | undefined): string => {\n  const defaultColor = getColorByIndex(0);\n  if (!entity) return defaultColor;\n\n  // IDEA: Use or replicate useAllKinds hook thus supporting all software catalog\n  //       registered kinds. See:\n  //       plugins/catalog-react/src/components/EntityKindPicker/kindFilterUtils.ts\n  //       Provide extension point to register your own color code.\n  const entityKinds = [\n    'component',\n    'template',\n    'api',\n    'group',\n    'user',\n    'resource',\n    'system',\n    'domain',\n    'location',\n  ];\n  const foundIndex = entityKinds.indexOf(\n    entity.kind.toLocaleLowerCase('en-US'),\n  );\n  return foundIndex === -1 ? defaultColor : getColorByIndex(foundIndex + 1);\n};\n\nexport const ItemCategory = ({ visit }: { visit: Visit }) => {\n  const classes = useStyles();\n  const entity = maybeEntity(visit);\n\n  return (\n    <Chip\n      size=\"small\"\n      className={classes.chip}\n      label={(entity?.kind ?? 'Other').toLocaleLowerCase('en-US')}\n      style={{ background: getChipColor(entity) }}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAsBA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,IAAM,EAAA;AAAA,IACJ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,IAC5B,UAAY,EAAA,MAAA;AAAA,IACZ,MAAQ,EAAA;AAAA;AAEZ,CAAE,CAAA,CAAA;AACF,MAAM,WAAA,GAAc,CAAC,KAAgD,KAAA;AACnE,EAAI,IAAA;AACF,IAAO,OAAA,cAAA,CAAe,KAAO,EAAA,SAAA,IAAa,EAAE,CAAA;AAAA,WACrC,CAAG,EAAA;AACV,IAAO,OAAA,KAAA,CAAA;AAAA;AAEX,CAAA;AACA,MAAM,eAAA,GAAkB,CAAC,KAAkB,KAAA;AACzC,EAAM,MAAA,QAAA,GAAW,MAAO,CAAA,IAAA,CAAK,aAAa,CAAA;AAC1C,EAAM,MAAA,YAAA,GAAe,QAAQ,QAAS,CAAA,MAAA;AACtC,EAAA,OAAO,aAAc,CAAA,QAAA,CAAS,YAAY,CAAC,EAAE,CAAC,CAAA;AAChD,CAAA;AACA,MAAM,YAAA,GAAe,CAAC,MAAkD,KAAA;AACtE,EAAM,MAAA,YAAA,GAAe,gBAAgB,CAAC,CAAA;AACtC,EAAI,IAAA,CAAC,QAAe,OAAA,YAAA;AAMpB,EAAA,MAAM,WAAc,GAAA;AAAA,IAClB,WAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,aAAa,WAAY,CAAA,OAAA;AAAA,IAC7B,MAAA,CAAO,IAAK,CAAA,iBAAA,CAAkB,OAAO;AAAA,GACvC;AACA,EAAA,OAAO,UAAe,KAAA,CAAA,CAAA,GAAK,YAAe,GAAA,eAAA,CAAgB,aAAa,CAAC,CAAA;AAC1E,CAAA;AAEO,MAAM,YAAe,GAAA,CAAC,EAAE,KAAA,EAA8B,KAAA;AAC3D,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,MAAA,GAAS,YAAY,KAAK,CAAA;AAEhC,EACE,uBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,WAAW,OAAQ,CAAA,IAAA;AAAA,MACnB,KAAQ,EAAA,CAAA,MAAA,EAAQ,IAAQ,IAAA,OAAA,EAAS,kBAAkB,OAAO,CAAA;AAAA,MAC1D,KAAO,EAAA,EAAE,UAAY,EAAA,YAAA,CAAa,MAAM,CAAE;AAAA;AAAA,GAC5C;AAEJ;;;;"}

package/dist/components/VisitList/ItemDetail.esm.js

@@ -1,25 +1,29 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import Typography from '@material-ui/core/Typography';
 import { DateTime } from 'luxon';
 
-const ItemDetailHits = ({ visit }) => /* @__PURE__ */ React.createElement(Typography, { component: "span", variant: "caption", color: "textSecondary" }, visit.hits, " time", visit.hits > 1 ? "s" : "");
+const ItemDetailHits = ({ visit }) => /* @__PURE__ */ jsxs(Typography, { component: "span", variant: "caption", color: "textSecondary", children: [
+  visit.hits,
+  " time",
+  visit.hits > 1 ? "s" : ""
+] });
 const ItemDetailTimeAgo = ({ visit }) => {
   const visitDate = DateTime.fromMillis(visit.timestamp);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Typography,
     {
       component: "time",
       variant: "caption",
       color: "textSecondary",
-      dateTime: visitDate.toISO() ?? void 0
-    },
-    visitDate.toRelative()
+      dateTime: visitDate.toISO() ?? void 0,
+      children: visitDate.toRelative()
+    }
   );
 };
 const ItemDetail = ({
   visit,
   type
-}) => type === "time-ago" ? /* @__PURE__ */ React.createElement(ItemDetailTimeAgo, { visit }) : /* @__PURE__ */ React.createElement(ItemDetailHits, { visit });
+}) => type === "time-ago" ? /* @__PURE__ */ jsx(ItemDetailTimeAgo, { visit }) : /* @__PURE__ */ jsx(ItemDetailHits, { visit });
 
 export { ItemDetail };
 //# sourceMappingURL=ItemDetail.esm.js.map

package/dist/components/VisitList/ItemDetail.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemDetail.esm.js","sources":["../../../src/components/VisitList/ItemDetail.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 React from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport { Visit } from '../../api/VisitsApi';\nimport { DateTime } from 'luxon';\n\nconst ItemDetailHits = ({ visit }: { visit: Visit }) => (\n  <Typography component=\"span\" variant=\"caption\" color=\"textSecondary\">\n    {visit.hits} time{visit.hits > 1 ? 's' : ''}\n  </Typography>\n);\n\nconst ItemDetailTimeAgo = ({ visit }: { visit: Visit }) => {\n  const visitDate = DateTime.fromMillis(visit.timestamp);\n\n  return (\n    <Typography\n      component=\"time\"\n      variant=\"caption\"\n      color=\"textSecondary\"\n      dateTime={visitDate.toISO() ?? undefined}\n    >\n      {visitDate.toRelative()}\n    </Typography>\n  );\n};\n\nexport type ItemDetailType = 'time-ago' | 'hits';\n\nexport const ItemDetail = ({\n  visit,\n  type,\n}: {\n  visit: Visit;\n  type: ItemDetailType;\n}) =>\n  type === 'time-ago' ? (\n    <ItemDetailTimeAgo visit={visit} />\n  ) : (\n    <ItemDetailHits visit={visit} />\n  );\n"],"names":[],"mappings":";;;;AAqBA,MAAM,cAAA,GAAiB,CAAC,EAAE,KAAA,uBACvB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,WAAU,MAAO,EAAA,OAAA,EAAQ,WAAU,KAAM,EAAA,eAAA,EAAA,EAClD,MAAM,IAAK,EAAA,OAAA,EAAM,MAAM,IAAO,GAAA,CAAA,GAAI,MAAM,EAC3C,CAAA;AAGF,MAAM,iBAAoB,GAAA,CAAC,EAAE,KAAA,EAA8B,KAAA;AACzD,EAAA,MAAM,SAAY,GAAA,QAAA,CAAS,UAAW,CAAA,KAAA,CAAM,SAAS,CAAA;AAErD,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,MAAA;AAAA,MACV,OAAQ,EAAA,SAAA;AAAA,MACR,KAAM,EAAA,eAAA;AAAA,MACN,QAAA,EAAU,SAAU,CAAA,KAAA,EAAW,IAAA,KAAA;AAAA,KAAA;AAAA,IAE9B,UAAU,UAAW;AAAA,GACxB;AAEJ,CAAA;AAIO,MAAM,aAAa,CAAC;AAAA,EACzB,KAAA;AAAA,EACA;AACF,CAIE,KAAA,IAAA,KAAS,6BACN,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,OAAc,CAEjC,mBAAA,KAAA,CAAA,aAAA,CAAC,kBAAe,KAAc,EAAA;;;;"}
+{"version":3,"file":"ItemDetail.esm.js","sources":["../../../src/components/VisitList/ItemDetail.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 Typography from '@material-ui/core/Typography';\nimport { Visit } from '../../api/VisitsApi';\nimport { DateTime } from 'luxon';\n\nconst ItemDetailHits = ({ visit }: { visit: Visit }) => (\n  <Typography component=\"span\" variant=\"caption\" color=\"textSecondary\">\n    {visit.hits} time{visit.hits > 1 ? 's' : ''}\n  </Typography>\n);\n\nconst ItemDetailTimeAgo = ({ visit }: { visit: Visit }) => {\n  const visitDate = DateTime.fromMillis(visit.timestamp);\n\n  return (\n    <Typography\n      component=\"time\"\n      variant=\"caption\"\n      color=\"textSecondary\"\n      dateTime={visitDate.toISO() ?? undefined}\n    >\n      {visitDate.toRelative()}\n    </Typography>\n  );\n};\n\nexport type ItemDetailType = 'time-ago' | 'hits';\n\nexport const ItemDetail = ({\n  visit,\n  type,\n}: {\n  visit: Visit;\n  type: ItemDetailType;\n}) =>\n  type === 'time-ago' ? (\n    <ItemDetailTimeAgo visit={visit} />\n  ) : (\n    <ItemDetailHits visit={visit} />\n  );\n"],"names":[],"mappings":";;;;AAoBA,MAAM,cAAiB,GAAA,CAAC,EAAE,KAAA,EACxB,qBAAA,IAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAU,MAAO,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAM,eAClD,EAAA,QAAA,EAAA;AAAA,EAAM,KAAA,CAAA,IAAA;AAAA,EAAK,OAAA;AAAA,EAAM,KAAA,CAAM,IAAO,GAAA,CAAA,GAAI,GAAM,GAAA;AAAA,CAC3C,EAAA,CAAA;AAGF,MAAM,iBAAoB,GAAA,CAAC,EAAE,KAAA,EAA8B,KAAA;AACzD,EAAA,MAAM,SAAY,GAAA,QAAA,CAAS,UAAW,CAAA,KAAA,CAAM,SAAS,CAAA;AAErD,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,MAAA;AAAA,MACV,OAAQ,EAAA,SAAA;AAAA,MACR,KAAM,EAAA,eAAA;AAAA,MACN,QAAA,EAAU,SAAU,CAAA,KAAA,EAAW,IAAA,KAAA,CAAA;AAAA,MAE9B,oBAAU,UAAW;AAAA;AAAA,GACxB;AAEJ,CAAA;AAIO,MAAM,aAAa,CAAC;AAAA,EACzB,KAAA;AAAA,EACA;AACF,CAIE,KAAA,IAAA,KAAS,6BACN,GAAA,CAAA,iBAAA,EAAA,EAAkB,OAAc,CAEjC,mBAAA,GAAA,CAAC,kBAAe,KAAc,EAAA;;;;"}

package/dist/components/VisitList/ItemName.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
 import { Link } from '@backstage/core-components';
@@ -11,15 +11,15 @@ const useStyles = makeStyles((_theme) => ({
 }));
 const ItemName = ({ visit }) => {
   const classes = useStyles();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Typography,
     {
       component: Link,
       to: visit.pathname,
       noWrap: true,
-      className: classes.name
-    },
-    visit.name
+      className: classes.name,
+      children: visit.name
+    }
   );
 };
 

package/dist/components/VisitList/ItemName.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemName.esm.js","sources":["../../../src/components/VisitList/ItemName.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 React from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Visit } from '../../api/VisitsApi';\nimport { Link } from '@backstage/core-components';\n\nconst useStyles = makeStyles(_theme => ({\n  name: {\n    marginLeft: '0.8rem',\n    marginRight: '0.8rem',\n  },\n}));\nexport const ItemName = ({ visit }: { visit: Visit }) => {\n  const classes = useStyles();\n\n  return (\n    <Typography\n      component={Link}\n      to={visit.pathname}\n      noWrap\n      className={classes.name}\n    >\n      {visit.name}\n    </Typography>\n  );\n};\n"],"names":[],"mappings":";;;;;AAsBA,MAAM,SAAA,GAAY,WAAW,CAAW,MAAA,MAAA;AAAA,EACtC,IAAM,EAAA;AAAA,IACJ,UAAY,EAAA,QAAA;AAAA,IACZ,WAAa,EAAA;AAAA;AAEjB,CAAE,CAAA,CAAA;AACK,MAAM,QAAW,GAAA,CAAC,EAAE,KAAA,EAA8B,KAAA;AACvD,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,IAAA;AAAA,MACX,IAAI,KAAM,CAAA,QAAA;AAAA,MACV,MAAM,EAAA,IAAA;AAAA,MACN,WAAW,OAAQ,CAAA;AAAA,KAAA;AAAA,IAElB,KAAM,CAAA;AAAA,GACT;AAEJ;;;;"}
+{"version":3,"file":"ItemName.esm.js","sources":["../../../src/components/VisitList/ItemName.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Visit } from '../../api/VisitsApi';\nimport { Link } from '@backstage/core-components';\n\nconst useStyles = makeStyles(_theme => ({\n  name: {\n    marginLeft: '0.8rem',\n    marginRight: '0.8rem',\n  },\n}));\nexport const ItemName = ({ visit }: { visit: Visit }) => {\n  const classes = useStyles();\n\n  return (\n    <Typography\n      component={Link}\n      to={visit.pathname}\n      noWrap\n      className={classes.name}\n    >\n      {visit.name}\n    </Typography>\n  );\n};\n"],"names":[],"mappings":";;;;;AAqBA,MAAM,SAAA,GAAY,WAAW,CAAW,MAAA,MAAA;AAAA,EACtC,IAAM,EAAA;AAAA,IACJ,UAAY,EAAA,QAAA;AAAA,IACZ,WAAa,EAAA;AAAA;AAEjB,CAAE,CAAA,CAAA;AACK,MAAM,QAAW,GAAA,CAAC,EAAE,KAAA,EAA8B,KAAA;AACvD,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,IAAA;AAAA,MACX,IAAI,KAAM,CAAA,QAAA;AAAA,MACV,MAAM,EAAA,IAAA;AAAA,MACN,WAAW,OAAQ,CAAA,IAAA;AAAA,MAElB,QAAM,EAAA,KAAA,CAAA;AAAA;AAAA,GACT;AAEJ;;;;"}

package/dist/components/VisitList/VisitList.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import Collapse from '@material-ui/core/Collapse';
 import List from '@material-ui/core/List';
 import { VisitListItem } from './VisitListItem.esm.js';
@@ -15,9 +15,9 @@ const VisitList = ({
   loading = false,
   title = ""
 }) => {
-  let listBody = /* @__PURE__ */ React.createElement(React.Fragment, null);
+  let listBody = /* @__PURE__ */ jsx(Fragment, {});
   if (loading) {
-    listBody = /* @__PURE__ */ React.createElement(
+    listBody = /* @__PURE__ */ jsx(
       VisitListSkeleton,
       {
         numVisitsOpen,
@@ -26,20 +26,29 @@ const VisitList = ({
       }
     );
   } else if (visits.length === 0) {
-    listBody = /* @__PURE__ */ React.createElement(VisitListEmpty, null);
+    listBody = /* @__PURE__ */ jsx(VisitListEmpty, {});
   } else if (visits.length < numVisitsOpen) {
-    listBody = /* @__PURE__ */ React.createElement(React.Fragment, null, visits.map((visit, index) => /* @__PURE__ */ React.createElement(VisitListItem, { visit, key: index, detailType })), /* @__PURE__ */ React.createElement(VisitListFew, null));
+    listBody = /* @__PURE__ */ jsxs(Fragment, { children: [
+      visits.map((visit, index) => /* @__PURE__ */ jsx(VisitListItem, { visit, detailType }, index)),
+      /* @__PURE__ */ jsx(VisitListFew, {})
+    ] });
   } else {
-    listBody = /* @__PURE__ */ React.createElement(React.Fragment, null, visits.slice(0, numVisitsOpen).map((visit, index) => /* @__PURE__ */ React.createElement(VisitListItem, { visit, key: index, detailType })), visits.length > numVisitsOpen && /* @__PURE__ */ React.createElement(Collapse, { in: !collapsed }, visits.slice(numVisitsOpen, numVisitsTotal).map((visit, index) => /* @__PURE__ */ React.createElement(
-      VisitListItem,
-      {
-        visit,
-        key: index,
-        detailType
-      }
-    ))));
+    listBody = /* @__PURE__ */ jsxs(Fragment, { children: [
+      visits.slice(0, numVisitsOpen).map((visit, index) => /* @__PURE__ */ jsx(VisitListItem, { visit, detailType }, index)),
+      visits.length > numVisitsOpen && /* @__PURE__ */ jsx(Collapse, { in: !collapsed, children: visits.slice(numVisitsOpen, numVisitsTotal).map((visit, index) => /* @__PURE__ */ jsx(
+        VisitListItem,
+        {
+          visit,
+          detailType
+        },
+        index
+      )) })
+    ] });
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, title && /* @__PURE__ */ React.createElement("h5", null, title), /* @__PURE__ */ React.createElement(List, { dense: true, disablePadding: true }, listBody));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    title && /* @__PURE__ */ jsx("h5", { children: title }),
+    /* @__PURE__ */ jsx(List, { dense: true, disablePadding: true, children: listBody })
+  ] });
 };
 
 export { VisitList };

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

@@ -1 +1 @@
-{"version":3,"file":"VisitList.esm.js","sources":["../../../src/components/VisitList/VisitList.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 React from 'react';\nimport Collapse from '@material-ui/core/Collapse';\nimport List from '@material-ui/core/List';\nimport { Visit } from '../../api/VisitsApi';\nimport { VisitListItem } from './VisitListItem';\nimport { ItemDetailType } from './ItemDetail';\nimport { VisitListEmpty } from './VisitListEmpty';\nimport { VisitListFew } from './VisitListFew';\nimport { VisitListSkeleton } from './VisitListSkeleton';\n\nexport const VisitList = ({\n  detailType,\n  visits = [],\n  numVisitsOpen = 3,\n  numVisitsTotal = 8,\n  collapsed = true,\n  loading = false,\n  title = '',\n}: {\n  detailType: ItemDetailType;\n  visits?: Visit[];\n  numVisitsOpen?: number;\n  numVisitsTotal?: number;\n  collapsed?: boolean;\n  loading?: boolean;\n  title?: string;\n}) => {\n  let listBody: React.ReactElement = <></>;\n  if (loading) {\n    listBody = (\n      <VisitListSkeleton\n        numVisitsOpen={numVisitsOpen}\n        numVisitsTotal={numVisitsTotal}\n        collapsed={collapsed}\n      />\n    );\n  } else if (visits.length === 0) {\n    listBody = <VisitListEmpty />;\n  } else if (visits.length < numVisitsOpen) {\n    listBody = (\n      <>\n        {visits.map((visit, index) => (\n          <VisitListItem visit={visit} key={index} detailType={detailType} />\n        ))}\n        <VisitListFew />\n      </>\n    );\n  } else {\n    listBody = (\n      <>\n        {visits.slice(0, numVisitsOpen).map((visit, index) => (\n          <VisitListItem visit={visit} key={index} detailType={detailType} />\n        ))}\n        {visits.length > numVisitsOpen && (\n          <Collapse in={!collapsed}>\n            {visits.slice(numVisitsOpen, numVisitsTotal).map((visit, index) => (\n              <VisitListItem\n                visit={visit}\n                key={index}\n                detailType={detailType}\n              />\n            ))}\n          </Collapse>\n        )}\n      </>\n    );\n  }\n\n  return (\n    <>\n      {title && <h5>{title}</h5>}\n      <List dense disablePadding>\n        {listBody}\n      </List>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA0BO,MAAM,YAAY,CAAC;AAAA,EACxB,UAAA;AAAA,EACA,SAAS,EAAC;AAAA,EACV,aAAgB,GAAA,CAAA;AAAA,EAChB,cAAiB,GAAA,CAAA;AAAA,EACjB,SAAY,GAAA,IAAA;AAAA,EACZ,OAAU,GAAA,KAAA;AAAA,EACV,KAAQ,GAAA;AACV,CAQM,KAAA;AACJ,EAAA,IAAI,2BAAiC,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA;AACrC,EAAA,IAAI,OAAS,EAAA;AACX,IACE,QAAA,mBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,aAAA;AAAA,QACA,cAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,GAEJ,MAAA,IAAW,MAAO,CAAA,MAAA,KAAW,CAAG,EAAA;AAC9B,IAAA,QAAA,uCAAY,cAAe,EAAA,IAAA,CAAA;AAAA,GAC7B,MAAA,IAAW,MAAO,CAAA,MAAA,GAAS,aAAe,EAAA;AACxC,IAAA,QAAA,6DAEK,MAAO,CAAA,GAAA,CAAI,CAAC,KAAA,EAAO,0BACjB,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,KAAc,EAAA,GAAA,EAAK,OAAO,UAAwB,EAAA,CAClE,CACD,kBAAA,KAAA,CAAA,aAAA,CAAC,kBAAa,CAChB,CAAA;AAAA,GAEG,MAAA;AACL,IAAA,QAAA,mBAEK,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAA,CAAO,KAAM,CAAA,CAAA,EAAG,aAAa,CAAE,CAAA,GAAA,CAAI,CAAC,KAAA,EAAO,0BACzC,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,KAAc,EAAA,GAAA,EAAK,OAAO,UAAwB,EAAA,CAClE,CACA,EAAA,MAAA,CAAO,MAAS,GAAA,aAAA,oBACd,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,IAAI,CAAC,SAAA,EAAA,EACZ,MAAO,CAAA,KAAA,CAAM,eAAe,cAAc,CAAA,CAAE,GAAI,CAAA,CAAC,OAAO,KACvD,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,GAAK,EAAA,KAAA;AAAA,QACL;AAAA;AAAA,KAEH,CACH,CAEJ,CAAA;AAAA;AAIJ,EAAA,uBAEK,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,KAAA,oBAAU,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAI,KAAM,CAAA,kBACpB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAK,EAAA,IAAA,EAAC,cAAc,EAAA,IAAA,EAAA,EACvB,QACH,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"VisitList.esm.js","sources":["../../../src/components/VisitList/VisitList.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { ReactElement } from 'react';\nimport Collapse from '@material-ui/core/Collapse';\nimport List from '@material-ui/core/List';\nimport { Visit } from '../../api/VisitsApi';\nimport { VisitListItem } from './VisitListItem';\nimport { ItemDetailType } from './ItemDetail';\nimport { VisitListEmpty } from './VisitListEmpty';\nimport { VisitListFew } from './VisitListFew';\nimport { VisitListSkeleton } from './VisitListSkeleton';\n\nexport const VisitList = ({\n  detailType,\n  visits = [],\n  numVisitsOpen = 3,\n  numVisitsTotal = 8,\n  collapsed = true,\n  loading = false,\n  title = '',\n}: {\n  detailType: ItemDetailType;\n  visits?: Visit[];\n  numVisitsOpen?: number;\n  numVisitsTotal?: number;\n  collapsed?: boolean;\n  loading?: boolean;\n  title?: string;\n}) => {\n  let listBody: ReactElement = <></>;\n  if (loading) {\n    listBody = (\n      <VisitListSkeleton\n        numVisitsOpen={numVisitsOpen}\n        numVisitsTotal={numVisitsTotal}\n        collapsed={collapsed}\n      />\n    );\n  } else if (visits.length === 0) {\n    listBody = <VisitListEmpty />;\n  } else if (visits.length < numVisitsOpen) {\n    listBody = (\n      <>\n        {visits.map((visit, index) => (\n          <VisitListItem visit={visit} key={index} detailType={detailType} />\n        ))}\n        <VisitListFew />\n      </>\n    );\n  } else {\n    listBody = (\n      <>\n        {visits.slice(0, numVisitsOpen).map((visit, index) => (\n          <VisitListItem visit={visit} key={index} detailType={detailType} />\n        ))}\n        {visits.length > numVisitsOpen && (\n          <Collapse in={!collapsed}>\n            {visits.slice(numVisitsOpen, numVisitsTotal).map((visit, index) => (\n              <VisitListItem\n                visit={visit}\n                key={index}\n                detailType={detailType}\n              />\n            ))}\n          </Collapse>\n        )}\n      </>\n    );\n  }\n\n  return (\n    <>\n      {title && <h5>{title}</h5>}\n      <List dense disablePadding>\n        {listBody}\n      </List>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA0BO,MAAM,YAAY,CAAC;AAAA,EACxB,UAAA;AAAA,EACA,SAAS,EAAC;AAAA,EACV,aAAgB,GAAA,CAAA;AAAA,EAChB,cAAiB,GAAA,CAAA;AAAA,EACjB,SAAY,GAAA,IAAA;AAAA,EACZ,OAAU,GAAA,KAAA;AAAA,EACV,KAAQ,GAAA;AACV,CAQM,KAAA;AACJ,EAAA,IAAI,2BAA2B,GAAA,CAAA,QAAA,EAAA,EAAA,CAAA;AAC/B,EAAA,IAAI,OAAS,EAAA;AACX,IACE,QAAA,mBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,aAAA;AAAA,QACA,cAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,GAEJ,MAAA,IAAW,MAAO,CAAA,MAAA,KAAW,CAAG,EAAA;AAC9B,IAAA,QAAA,uBAAY,cAAe,EAAA,EAAA,CAAA;AAAA,GAC7B,MAAA,IAAW,MAAO,CAAA,MAAA,GAAS,aAAe,EAAA;AACxC,IAAA,QAAA,mBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MAAO,MAAA,CAAA,GAAA,CAAI,CAAC,KAAO,EAAA,KAAA,yBACjB,aAAc,EAAA,EAAA,KAAA,EAA0B,UAAP,EAAA,EAAA,KAA+B,CAClE,CAAA;AAAA,0BACA,YAAa,EAAA,EAAA;AAAA,KAChB,EAAA,CAAA;AAAA,GAEG,MAAA;AACL,IAAA,QAAA,mBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,MAAA,CAAO,KAAM,CAAA,CAAA,EAAG,aAAa,CAAA,CAAE,GAAI,CAAA,CAAC,KAAO,EAAA,KAAA,qBACzC,GAAA,CAAA,aAAA,EAAA,EAAc,KAA0B,EAAA,UAAA,EAAA,EAAP,KAA+B,CAClE,CAAA;AAAA,MACA,OAAO,MAAS,GAAA,aAAA,oBACd,GAAA,CAAA,QAAA,EAAA,EAAS,IAAI,CAAC,SAAA,EACZ,QAAO,EAAA,MAAA,CAAA,KAAA,CAAM,eAAe,cAAc,CAAA,CAAE,GAAI,CAAA,CAAC,OAAO,KACvD,qBAAA,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,KAAA;AAAA,UAEA;AAAA,SAAA;AAAA,QADK;AAAA,OAGR,CACH,EAAA;AAAA,KAEJ,EAAA,CAAA;AAAA;AAIJ,EAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAS,KAAA,oBAAA,GAAA,CAAC,QAAI,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,wBACpB,IAAK,EAAA,EAAA,KAAA,EAAK,IAAC,EAAA,cAAA,EAAc,MACvB,QACH,EAAA,QAAA,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/VisitList/VisitListEmpty.esm.js

@@ -1,7 +1,10 @@
-import React from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import Typography from '@material-ui/core/Typography';
 
-const VisitListEmpty = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary" }, "There are no visits to show yet."), /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary" }, "Once you start using Backstage, your visits will appear here as a quick link to carry on where you left off."));
+const VisitListEmpty = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "There are no visits to show yet." }),
+  /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "Once you start using Backstage, your visits will appear here as a quick link to carry on where you left off." })
+] });
 
 export { VisitListEmpty };
 //# sourceMappingURL=VisitListEmpty.esm.js.map

package/dist/components/VisitList/VisitListEmpty.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisitListEmpty.esm.js","sources":["../../../src/components/VisitList/VisitListEmpty.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 React from 'react';\nimport Typography from '@material-ui/core/Typography';\n\nexport const VisitListEmpty = () => (\n  <>\n    <Typography variant=\"body2\" color=\"textSecondary\">\n      There are no visits to show yet.\n    </Typography>\n    <Typography variant=\"body2\" color=\"textSecondary\">\n      Once you start using Backstage, your visits will appear here as a quick\n      link to carry on where you left off.\n    </Typography>\n  </>\n);\n"],"names":[],"mappings":";;;AAmBO,MAAM,iBAAiB,sBAC5B,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,sCACG,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAQ,KAAM,EAAA,eAAA,EAAA,EAAgB,kCAElD,CAAA,sCACC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAQ,KAAM,EAAA,eAAA,EAAA,EAAgB,8GAGlD,CACF;;;;"}
+{"version":3,"file":"VisitListEmpty.esm.js","sources":["../../../src/components/VisitList/VisitListEmpty.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 Typography from '@material-ui/core/Typography';\n\nexport const VisitListEmpty = () => (\n  <>\n    <Typography variant=\"body2\" color=\"textSecondary\">\n      There are no visits to show yet.\n    </Typography>\n    <Typography variant=\"body2\" color=\"textSecondary\">\n      Once you start using Backstage, your visits will appear here as a quick\n      link to carry on where you left off.\n    </Typography>\n  </>\n);\n"],"names":[],"mappings":";;;AAkBa,MAAA,cAAA,GAAiB,sBAE1B,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,KAAA,EAAM,iBAAgB,QAElD,EAAA,kCAAA,EAAA,CAAA;AAAA,sBACC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,KAAA,EAAM,iBAAgB,QAGlD,EAAA,8GAAA,EAAA;AAAA,CACF,EAAA;;;;"}

package/dist/components/VisitList/VisitListFew.esm.js

@@ -1,7 +1,7 @@
-import React from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import Typography from '@material-ui/core/Typography';
 
-const VisitListFew = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary" }, "The more pages you visit, the more pages will appear here."));
+const VisitListFew = () => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "The more pages you visit, the more pages will appear here." }) });
 
 export { VisitListFew };
 //# sourceMappingURL=VisitListFew.esm.js.map