@hitachivantara/uikit-cli 6.0.4 → 6.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-cli",
-  "version": "6.0.4",
+  "version": "6.0.6",
   "private": false,
   "type": "module",
   "author": "Hitachi Vantara UI Kit Team",
@@ -44,5 +44,5 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "0985fa0fa2f1fdff7a57fced4fcb1385544cb457"
+  "gitHead": "f79885f320f5cdf5b438ef8b2e866965c9626ce7"
 }

package/src/baselines/app-shell/vite/src/lib/i18n.ts

@@ -4,25 +4,20 @@ import { createInstance, type i18n } from "i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
 import Backend, { type HttpBackendOptions } from "i18next-http-backend";
 
-const initAppI18n = (baseUrl: string) => {
-  const i18nInstance: i18n = createInstance();
+const initAppI18n = (baseUrl: string): i18n => {
+  const i18nInstance = createInstance();
 
   const loadPath = `${baseUrl}locales/{{lng}}/{{ns}}.json`;
 
+  // learn more: https://react.i18next.com/latest/using-with-hooks#configure-i18next
   i18nInstance
-    // load translation using xhr -> see /public/locales
-    // learn more: https://github.com/i18next/i18next-xhr-backend
     .use(Backend)
-    // detect user language
-    // learn more: https://github.com/i18next/i18next-browser-languageDetector
     .use(LanguageDetector)
-    // pass the i18n instance to react-i18next.
     .use(initReactI18next)
-    // init i18next
-    // for all options read: https://www.i18next.com/overview/configuration-options
     .init<HttpBackendOptions>({
       fallbackLng: "en",
-      supportedLngs: ["en"],
+      // enable explicit declaration to avoid fetching non-existing `lng`s
+      // supportedLngs: ["en"],
       backend: {
         loadPath,
       },
@@ -36,9 +31,8 @@ const initAppI18n = (baseUrl: string) => {
 };
 
 export const useI18nInstance = () => {
-  const moduleId = "@hv-apps/uikit-app";
-  return useMemo(
-    () => initAppI18n(import.meta.resolve?.(`${moduleId}/`) || ""),
-    [moduleId],
-  );
+  return useMemo(() => {
+    const moduleId = "@hv-apps/uikit-app";
+    return initAppI18n(import.meta.resolve?.(`${moduleId}/`) || "");
+  }, []);
 };

package/src/baselines/app-shell/vite/src/providers/Provider.tsx

@@ -15,7 +15,9 @@ export function withProvider<
   const ComponentWithProvider: React.FC<P> = (props) => {
     return (
       <Suspense fallback={null}>
-        <WrappedComponent {...props} />
+        <Provider>
+          <WrappedComponent {...props} />
+        </Provider>
       </Suspense>
     );
   };

package/src/baselines/app-shell/vite/src/tests/providers.tsx

@@ -1,10 +1,10 @@
-import { FC, ReactNode, Suspense } from "react";
+import { Suspense } from "react";
 import { HvProvider } from "@hitachivantara/uikit-react-core";
 
 import { SUSPENSE_LABEL } from "./mocks";
 
 /** Base Test Provider */
-export const TestProvider: FC<{ children: ReactNode }> = ({ children }) => {
+export const TestProvider = ({ children }: React.PropsWithChildren) => {
   return (
     <Suspense fallback={SUSPENSE_LABEL}>
       <HvProvider>{children}</HvProvider>

package/src/baselines/vite/src/App.tsx

@@ -3,8 +3,8 @@ import "virtual:uno.css";
 
 import {
   createBrowserRouter,
-  RouteObject,
   RouterProvider,
+  type RouteObject,
 } from "react-router-dom";
 import { HvProvider } from "@hitachivantara/uikit-react-core";
 

package/src/baselines/vite/src/pages/layout/navigation.tsx

@@ -5,11 +5,11 @@ import useMediaQuery from "@mui/material/useMediaQuery";
 import {
   HvButton,
   HvContainer,
-  HvContainerProps,
   HvHeader,
   HvHeaderBrand,
   HvHeaderNavigation,
   theme,
+  type HvContainerProps,
 } from "@hitachivantara/uikit-react-core";
 import { Menu } from "@hitachivantara/uikit-react-icons";
 

package/src/package.js

@@ -3,7 +3,7 @@ import fs from "fs-extra";
 // utility function to order alphabetically an object's keys
 const sortObjectKeys = (obj) => {
   return Object.keys(obj)
-    .sort()
+    .toSorted()
     .reduce((result, key) => {
       result[key] = obj[key];
       return result;

package/src/templates/AssetInventory/CardView.tsx

@@ -8,11 +8,11 @@ import {
   HvCheckBox,
   HvSimpleGrid,
   HvSkeleton,
-  HvTableInstance,
   HvTypography,
+  type HvTableInstance,
 } from "@hitachivantara/uikit-react-core";
 
-import { AssetInventoryEntry, getStatusIcon } from "./data";
+import { getStatusIcon, type AssetInventoryEntry } from "./data";
 
 interface CardViewProps {
   id?: string;

package/src/templates/AssetInventory/ListView.tsx

@@ -2,15 +2,15 @@ import {
   HvTable,
   HvTableBody,
   HvTableCell,
-  HvTableColumnConfig,
   HvTableContainer,
   HvTableHead,
   HvTableHeader,
-  HvTableInstance,
   HvTableRow,
+  type HvTableColumnConfig,
+  type HvTableInstance,
 } from "@hitachivantara/uikit-react-core";
 
-import { AssetInventoryEntry } from "./data";
+import type { AssetInventoryEntry } from "./data";
 
 interface ListViewProps {
   id?: string;

package/src/templates/AssetInventory/data.tsx

@@ -1,11 +1,11 @@
 import {
-  HvBulkActionsProps,
-  HvColor,
-  HvControlsProps,
-  HvRightControlProps,
   HvSkeleton,
-  HvTableColumnConfig,
   HvTooltip,
+  type HvBulkActionsProps,
+  type HvColor,
+  type HvControlsProps,
+  type HvRightControlProps,
+  type HvTableColumnConfig,
 } from "@hitachivantara/uikit-react-core";
 import {
   Add,
@@ -20,9 +20,9 @@ import {
 } from "@hitachivantara/uikit-react-icons";
 
 import {
-  DataObject,
-  ServerPaginationProps,
   useServerPagination,
+  type DataObject,
+  type ServerPaginationProps,
 } from "./usePaginationData";
 
 // --- Table data utils ---
@@ -247,8 +247,10 @@ export const createEntry = (i: number): AssetInventoryEntry => {
 // --- Data & Endpoint ---
 const db = [...Array(50).keys()].map(createEntry);
 
-export interface PaginationDataProps
-  extends Omit<ServerPaginationProps<AssetInventoryEntry>, "endpoint" | "db"> {}
+export interface PaginationDataProps extends Omit<
+  ServerPaginationProps<AssetInventoryEntry>,
+  "endpoint" | "db"
+> {}
 
 export const usePaginationData = (props: PaginationDataProps) => {
   return useServerPagination({ endpoint: "/events", db, ...props });

package/src/templates/AssetInventory/index.tsx

@@ -1,11 +1,9 @@
 import { useEffect, useId, useMemo, useState } from "react";
 import { css } from "@emotion/css";
 import {
-  HvActionsGenericProps,
   HvBulkActions,
   HvControls,
   HvLeftControl,
-  HvLeftControlProps,
   HvPagination,
   HvRightControl,
   theme,
@@ -15,17 +13,19 @@ import {
   useHvPagination,
   useHvRowSelection,
   useHvSortBy,
+  type HvActionsGenericProps,
+  type HvLeftControlProps,
 } from "@hitachivantara/uikit-react-core";
 
 import { CardView } from "./CardView";
 import {
   actions,
-  AssetInventoryEntry,
   getColumns,
-  PaginationDataProps,
   rightControlValues,
   usePaginationData,
   views,
+  type AssetInventoryEntry,
+  type PaginationDataProps,
 } from "./data";
 import { ListView } from "./ListView";
 

package/src/templates/Canvas/Context.tsx

@@ -1,10 +1,10 @@
 import {
   createContext,
-  Dispatch,
-  SetStateAction,
   useContext,
   useMemo,
   useState,
+  type Dispatch,
+  type SetStateAction,
 } from "react";
 
 interface SelectedTable {

package/src/templates/Canvas/ListView.tsx

@@ -3,18 +3,18 @@ import { useDraggable } from "@dnd-kit/core";
 import { css, cx } from "@emotion/css";
 import {
   HvInput,
-  HvInputProps,
   HvListContainer,
   HvListItem,
-  HvListItemProps,
   HvTypography,
   outlineStyles,
   theme,
   useForkRef,
+  type HvInputProps,
+  type HvListItemProps,
 } from "@hitachivantara/uikit-react-core";
 import { Drag } from "@hitachivantara/uikit-react-icons";
 
-import { NodeData } from "./Node";
+import type { NodeData } from "./Node";
 import { iconsMapping, iconsMappingKeys } from "./utils";
 
 const classes = {
@@ -61,8 +61,7 @@ interface ItemProps {
 }
 
 interface ItemCardProps
-  extends Omit<HvListItemProps, "title">,
-    Omit<ItemProps, "id"> {
+  extends Omit<HvListItemProps, "title">, Omit<ItemProps, "id"> {
   isDragging?: boolean;
 }
 

package/src/templates/Canvas/Node.tsx

@@ -1,22 +1,22 @@
 import { isValidElement } from "react";
 import { css, cx } from "@emotion/css";
-import { Handle, NodeProps, NodeToolbar, Position } from "reactflow";
+import { Handle, NodeToolbar, Position, type NodeProps } from "reactflow";
 import {
   HvButton,
-  HvColorAny,
   HvIconButton,
   HvTooltip,
   HvTypography,
   theme,
+  type HvColorAny,
 } from "@hitachivantara/uikit-react-core";
 import {
-  HvFlowNodeInput,
-  HvFlowNodeOutput,
   useHvNode,
+  type HvFlowNodeInput,
+  type HvFlowNodeOutput,
 } from "@hitachivantara/uikit-react-lab";
 
 import { useCanvasContext } from "./Context";
-import { FlowStatus, flowStatusesSpecs, iconsMapping } from "./utils";
+import { flowStatusesSpecs, iconsMapping, type FlowStatus } from "./utils";
 
 const classes = {
   root: css({

package/src/templates/Canvas/Sidebar.tsx

@@ -1,13 +1,13 @@
 import { useId, useState } from "react";
 import {
-  DndContextProps,
   DragOverlay,
   useDndMonitor,
   useDroppable,
+  type DndContextProps,
 } from "@dnd-kit/core";
 import {
   HvCanvasSidePanel,
-  HvCanvasSidePanelProps,
+  type HvCanvasSidePanelProps,
 } from "@hitachivantara/uikit-react-pentaho";
 
 export const CanvasSidebar = (props: HvCanvasSidePanelProps) => {

package/src/templates/Canvas/StatusEdge.tsx

@@ -1,16 +1,16 @@
 import {
   BaseEdge,
   EdgeLabelRenderer,
-  EdgeProps,
   getBezierPath,
+  type EdgeProps,
 } from "reactflow";
 import {
   HvDropDownMenu,
-  HvDropDownMenuProps,
+  type HvDropDownMenuProps,
 } from "@hitachivantara/uikit-react-core";
 import { useFlowInstance } from "@hitachivantara/uikit-react-lab";
 
-import { FlowStatus, flowStatusesSpecs } from "./utils";
+import { flowStatusesSpecs, type FlowStatus } from "./utils";
 
 export type StatusEdgeData =
   | undefined

package/src/templates/Canvas/Table.tsx

@@ -6,7 +6,6 @@ import {
   HvTable,
   HvTableBody,
   HvTableCell,
-  HvTableColumnConfig,
   HvTableContainer,
   HvTableHead,
   HvTableHeader,
@@ -16,6 +15,7 @@ import {
   useHvData,
   useHvPagination,
   useHvSortBy,
+  type HvTableColumnConfig,
 } from "@hitachivantara/uikit-react-core";
 
 import { delay } from "./utils";

package/src/templates/Canvas/TreeView.tsx

@@ -4,15 +4,15 @@ import { css, cx } from "@emotion/css";
 import {
   HvOverflowTooltip,
   HvTreeItem,
-  HvTreeItemProps,
   HvTreeView,
   theme,
   useForkRef,
   useHvTreeItem,
+  type HvTreeItemProps,
 } from "@hitachivantara/uikit-react-core";
 import { DataSource, Drag, Table } from "@hitachivantara/uikit-react-icons";
 
-import { NodeData } from "./Node";
+import type { NodeData } from "./Node";
 
 const classes = {
   dragging: css({

package/src/templates/Canvas/index.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useMemo, useState } from "react";
-import { applyNodeChanges, ReactFlowInstance } from "reactflow";
+import { applyNodeChanges, type ReactFlowInstance } from "reactflow";
 import {
   HvButton,
   HvDialog,
@@ -24,20 +24,20 @@ import {
   HvFlowBackground,
   HvFlowControls,
   HvFlowEmpty,
-  HvFlowProps,
   StickyNode,
-  StickyNodeData,
+  type HvFlowProps,
+  type StickyNodeData,
 } from "@hitachivantara/uikit-react-lab";
 import {
   HvCanvasBottomPanel,
-  HvCanvasBottomPanelProps,
   HvCanvasProvider,
   HvCanvasToolbar,
+  type HvCanvasBottomPanelProps,
 } from "@hitachivantara/uikit-react-pentaho";
 
 import { CanvasProvider, useCanvasContext } from "./Context";
 import { ListView } from "./ListView";
-import { Node, NodeData } from "./Node";
+import { Node, type NodeData } from "./Node";
 import { CanvasSidebar } from "./Sidebar";
 import { StatusEdge } from "./StatusEdge";
 import { classes } from "./styles";

package/src/templates/Dashboard/GridPanel.tsx

@@ -1,10 +1,10 @@
 import { css } from "@emotion/css";
 import {
   HvGrid,
-  HvGridProps,
   HvLoadingContainer,
   HvPanel,
   theme,
+  type HvGridProps,
 } from "@hitachivantara/uikit-react-core";
 
 /** A `HvGrid` item + styled `HvPanel` container with a loading `Suspense` boundary */

package/src/templates/Dashboard/Kpi.tsx

@@ -2,9 +2,9 @@ import { css } from "@emotion/css";
 import {
   HvCard,
   HvCardContent,
-  HvCardProps,
   HvTypography,
   theme,
+  type HvCardProps,
 } from "@hitachivantara/uikit-react-core";
 import { Level0Good } from "@hitachivantara/uikit-react-icons";
 

package/src/templates/Dashboard/Map.tsx

@@ -1,12 +1,11 @@
-import { ReactNode } from "react";
 import {
   MapContainer,
-  MapContainerProps,
   Marker,
-  MarkerProps,
   Popup,
-  PopupProps,
   TileLayer,
+  type MapContainerProps,
+  type MarkerProps,
+  type PopupProps,
 } from "react-leaflet";
 import { css, cx } from "@emotion/css";
 import { Global } from "@emotion/react";
@@ -33,7 +32,7 @@ const LevelIcons = [
 });
 
 interface MapProps extends MapContainerProps {
-  children?: ReactNode;
+  children?: React.ReactNode;
   markers?: {
     position: MarkerProps["position"];
     label: PopupProps["children"];

package/src/templates/Dashboard/index.tsx

@@ -6,9 +6,9 @@ import {
   HvGrid,
   HvLoading,
   HvMultiButton,
-  HvMultiButtonProps,
   HvTypography,
   theme,
+  type HvMultiButtonProps,
 } from "@hitachivantara/uikit-react-core";
 import { Add, User } from "@hitachivantara/uikit-react-icons";
 import {

package/src/templates/DetailsView/MetadataItem.tsx

@@ -1,15 +1,14 @@
-import { ReactNode } from "react";
 import { css } from "@emotion/css";
 import {
   HvGrid,
-  HvGridProps,
   HvTypography,
   theme,
+  type HvGridProps,
 } from "@hitachivantara/uikit-react-core";
 
 export interface MetadataItemProps extends Omit<HvGridProps, "title"> {
-  title?: ReactNode;
-  children?: ReactNode;
+  title?: React.ReactNode;
+  children?: React.ReactNode;
 }
 
 export const MetadataItem = ({

package/src/templates/DetailsView/Properties.tsx

@@ -1,18 +1,18 @@
-import { ComponentType } from "react";
+import type { ComponentType } from "react";
 import { css } from "@emotion/css";
 import {
-  HvColor,
   HvDropdown,
-  HvGridProps,
   HvProgressBar,
   HvTag,
   HvTagsInput,
   HvTextArea,
   theme,
+  type HvColor,
+  type HvGridProps,
 } from "@hitachivantara/uikit-react-core";
 import { Caution, Level4Alt } from "@hitachivantara/uikit-react-icons";
 
-import { ModelDetails, useModelData } from "./data";
+import { useModelData, type ModelDetails } from "./data";
 import { MetadataItem } from "./MetadataItem";
 
 const ProgressBar = ({

package/src/templates/DetailsView/Table.tsx

@@ -14,8 +14,8 @@ import {
   useHvPagination,
 } from "@hitachivantara/uikit-react-core";
 
-import { PaginationDataProps, usePaginationData } from "./data";
-import { DetailsViewEntry, getColumns } from "./utils";
+import { usePaginationData, type PaginationDataProps } from "./data";
+import { getColumns, type DetailsViewEntry } from "./utils";
 
 const PAGE_OPTIONS = [8, 16, 32];
 

package/src/templates/DetailsView/data.ts

@@ -2,10 +2,10 @@ import useSWR from "swr";
 
 import {
   delay,
-  ServerPaginationProps,
   useServerPagination,
+  type ServerPaginationProps,
 } from "./usePaginationData";
-import { createEntry, DetailsViewEntry } from "./utils";
+import { createEntry, type DetailsViewEntry } from "./utils";
 
 // --- Data ---
 
@@ -42,8 +42,10 @@ const model = {
 export type ModelDetails = typeof model;
 
 // #region Endpoints
-export interface PaginationDataProps
-  extends Omit<ServerPaginationProps<DetailsViewEntry>, "endpoint" | "db"> {
+export interface PaginationDataProps extends Omit<
+  ServerPaginationProps<DetailsViewEntry>,
+  "endpoint" | "db"
+> {
   id: string;
 }
 

package/src/templates/DetailsView/index.tsx

@@ -1,13 +1,13 @@
-import { ElementType, ReactNode, Suspense, useState } from "react";
+import { Suspense, useState } from "react";
 import { css } from "@emotion/css";
 import {
   HvButton,
   HvGlobalActions,
-  HvGlobalActionsProps,
   HvGrid,
-  HvGridProps,
   HvLoading,
   theme,
+  type HvGlobalActionsProps,
+  type HvGridProps,
 } from "@hitachivantara/uikit-react-core";
 
 import { KPIs } from "./KPIs";
@@ -18,8 +18,8 @@ const MODEL_ID = "123";
 
 interface SectionProps extends HvGridProps {
   variant?: HvGlobalActionsProps["variant"];
-  actions?: ReactNode;
-  component?: ElementType;
+  actions?: React.ReactNode;
+  component?: React.ElementType;
 }
 
 const Section = ({

package/src/templates/DetailsView/utils.ts

@@ -1,4 +1,4 @@
-import { HvTableColumnConfig } from "@hitachivantara/uikit-react-core";
+import type { HvTableColumnConfig } from "@hitachivantara/uikit-react-core";
 
 // --- Table data utils ---
 

package/src/templates/KanbanBoard/ColumnContainer.tsx

@@ -10,7 +10,7 @@ import { Add } from "@hitachivantara/uikit-react-icons";
 
 import classes from "./styles";
 import { TaskCard } from "./TaskCard";
-import { Column, Task } from "./types";
+import type { Column, Task } from "./types";
 
 interface ColumnProps {
   column: Column;

package/src/templates/KanbanBoard/TaskCard.tsx

@@ -21,7 +21,7 @@ import {
 } from "@hitachivantara/uikit-react-icons";
 
 import classes from "./styles";
-import { Column, Task } from "./types";
+import type { Column, Task } from "./types";
 
 interface TaskProps {
   task: Task;

package/src/templates/KanbanBoard/data.tsx

@@ -5,7 +5,7 @@ import {
   Success,
 } from "@hitachivantara/uikit-react-icons";
 
-import { Column, Task } from "./types";
+import type { Column, Task } from "./types";
 
 export const columns: Column[] = [
   {

package/src/templates/KanbanBoard/index.tsx

@@ -1,13 +1,13 @@
 import { useMemo, useState } from "react";
 import {
   DndContext,
-  DragEndEvent,
-  DragOverEvent,
   DragOverlay,
-  DragStartEvent,
   PointerSensor,
   useSensor,
   useSensors,
+  type DragEndEvent,
+  type DragOverEvent,
+  type DragStartEvent,
 } from "@dnd-kit/core";
 import { arrayMove, SortableContext } from "@dnd-kit/sortable";
 
@@ -15,7 +15,7 @@ import { ColumnContainer } from "./ColumnContainer";
 import { columns as defaultColumns, tasks as defaultTasks } from "./data";
 import classes from "./styles";
 import { TaskCard } from "./TaskCard";
-import { Column, Task } from "./types";
+import type { Column, Task } from "./types";
 
 const KanbanBoard = () => {
   const sensors = useSensors(

package/src/templates/KanbanBoard/types.ts

@@ -1,4 +1,4 @@
-import { HvColor } from "@hitachivantara/uikit-react-core";
+import type { HvColor } from "@hitachivantara/uikit-react-core";
 
 export type Column = {
   id: string;

package/src/templates/ListView/Indicator.tsx

@@ -1,6 +1,6 @@
 import ReactChart from "react-google-charts";
 
-import { TrendData } from "./data";
+import type { TrendData } from "./data";
 
 interface IndicatorProps {
   data?: TrendData;

package/src/templates/ListView/Kpi.tsx

@@ -1,15 +1,15 @@
 import { css, cx } from "@emotion/css";
 import {
   HvCard,
-  HvCardProps,
   HvLoading,
-  HvTableInstance,
   HvTypography,
   theme,
+  type HvCardProps,
+  type HvTableInstance,
 } from "@hitachivantara/uikit-react-core";
 import { BottomXS, TopXS } from "@hitachivantara/uikit-react-icons";
 
-import { getStatusIcon, ListViewEntry, TrendData } from "./data";
+import { getStatusIcon, type ListViewEntry, type TrendData } from "./data";
 import { Indicator } from "./Indicator";
 
 const classes = {

package/src/templates/ListView/Table.tsx

@@ -6,11 +6,11 @@ import {
   HvTableContainer,
   HvTableHead,
   HvTableHeader,
-  HvTableInstance,
   HvTableRow,
+  type HvTableInstance,
 } from "@hitachivantara/uikit-react-core";
 
-import { getColumns, ListViewEntry } from "./data";
+import { getColumns, type ListViewEntry } from "./data";
 
 interface TableProps {
   instance: HvTableInstance<ListViewEntry, string>;

package/src/templates/ListView/data.tsx

@@ -1,24 +1,24 @@
 import useSWR from "swr";
 import {
-  HvBulkActionsProps,
-  HvColor,
-  HvTableColumnConfig,
   HvTooltip,
+  type HvBulkActionsProps,
+  type HvColor,
+  type HvTableColumnConfig,
 } from "@hitachivantara/uikit-react-core";
 import {
-  IconType,
   Level0Good,
   Level1,
   Level2Average,
   Level3Bad,
   Refresh,
+  type IconType,
 } from "@hitachivantara/uikit-react-icons";
 
 import {
-  DataObject,
   delay,
-  ServerPaginationProps,
   useServerPagination,
+  type DataObject,
+  type ServerPaginationProps,
 } from "./usePaginationData";
 
 // --- Table data utils ---
@@ -162,8 +162,10 @@ const requestsSummary = {
   },
 };
 
-export interface PaginationDataProps
-  extends Omit<ServerPaginationProps<ListViewEntry>, "endpoint" | "db"> {}
+export interface PaginationDataProps extends Omit<
+  ServerPaginationProps<ListViewEntry>,
+  "endpoint" | "db"
+> {}
 
 export const usePaginationData = (props: PaginationDataProps) => {
   return useServerPagination({ endpoint: "/requests", db, ...props });

package/src/templates/ListView/index.tsx

@@ -1,15 +1,12 @@
 import { useEffect, useId, useMemo, useState } from "react";
 import { css } from "@emotion/css";
 import {
-  HvActionsGenericProps,
   HvBulkActions,
   HvButton,
   HvControls,
   HvGlobalActions,
   HvGrid,
-  HvGridProps,
   HvLeftControl,
-  HvLeftControlProps,
   HvLoadingContainer,
   HvPagination,
   HvRightControl,
@@ -21,15 +18,18 @@ import {
   useHvPagination,
   useHvRowSelection,
   useHvSortBy,
+  type HvActionsGenericProps,
+  type HvGridProps,
+  type HvLeftControlProps,
 } from "@hitachivantara/uikit-react-core";
 
 import {
   actions,
   getColumns,
-  ListViewEntry,
-  PaginationDataProps,
   usePaginationData,
   useSummaryData,
+  type ListViewEntry,
+  type PaginationDataProps,
 } from "./data";
 import { Kpi } from "./Kpi";
 import { Table } from "./Table";

package/src/baselines/app-shell/vite/src/lib/data/config.ts

@@ -1,15 +0,0 @@
-import baseUseSWR, { Key, SWRConfiguration } from "swr";
-
-const fetcher = (url: RequestInfo | URL) =>
-  fetch(url).then((res) => res.json());
-
-// overload the useSWR function to set the fetcher and add suspense by default
-export default function useSWR<Data, Error = unknown>(
-  key: Key,
-  options?: SWRConfiguration<Data, Error>,
-) {
-  return baseUseSWR<Data, Error>(key, fetcher, {
-    suspense: true,
-    ...options,
-  });
-}