chore: bump prettier & enable verbatimModuleSyntax

.oxlintrc.json

@@ -2,13 +2,6 @@
   "$schema": "./node_modules/oxlint/configuration_schema.json",
   "extends": ["./node_modules/@hitachivantara/uikit-config/oxlint/strict.json"],
   "rules": {
-    "react/function-component-definition": [
-      "error",
-      {
-        "namedComponents": ["arrow-function", "function-declaration"],
-        "unnamedComponents": "arrow-function"
-      }
-    ],
     "no-restricted-imports": [
       "error",
       {

.storybook/blocks/DocsContainer.tsx

@@ -2,13 +2,13 @@ import { useEffect, useState } from "react";
 import { MDXProvider } from "@mdx-js/react";
 import {
   DocsContainer,
-  DocsContainerProps,
+  type DocsContainerProps,
 } from "@storybook/addon-docs/blocks";
 import { addons } from "storybook/preview-api";
 import {
   HvProvider,
-  HvThemeColorMode,
   HvTypography,
+  type HvThemeColorMode,
 } from "@hitachivantara/uikit-react-core";
 
 import { getInitialMode } from "../decorators/utils";

.storybook/decorators/utils.ts

@@ -1,5 +1,5 @@
 import { useEffect, useRef } from "react";
-import {
+import type {
   HvThemeColorMode,
   HvThemeStructure,
 } from "@hitachivantara/uikit-styles";

.storybook/theme.ts

@@ -1,4 +1,4 @@
-import { create, ThemeVarsPartial } from "storybook/theming";
+import { create, type ThemeVarsPartial } from "storybook/theming";
 import { pentaho } from "@hitachivantara/uikit-styles";
 
 const { colors } = pentaho;

.storybook/types.ts

@@ -21,9 +21,7 @@ interface DocsParameters extends Record<string, any> {
 // https://github.com/storybookjs/storybook/issues/22860
 declare module "@storybook/react-vite" {
   interface Parameters
-    extends StorybookParameters,
-      A11yParameters,
-      Record<string, any> {
+    extends StorybookParameters, A11yParameters, Record<string, any> {
     docs?: DocsParameters;
     chromatic?: ChromaticParameters;
   }

apps/app/src/components/Container.tsx

@@ -1,12 +1,12 @@
 import { Suspense } from "react";
 import {
   HvContainer,
-  HvContainerProps,
   theme,
+  type HvContainerProps,
 } from "@hitachivantara/uikit-react-core";
 
 import { useNavigationContext } from "../context/navigation";
-import { Loading, LoadingProps } from "./common/Loading";
+import { Loading, type LoadingProps } from "./common/Loading";
 
 const useHeaderSpacing = () => {
   const { activePath, navigation } = useNavigationContext();

apps/app/src/pages/Components.tsx

@@ -2,7 +2,6 @@ import { useState } from "react";
 import {
   HvAccordion,
   HvActionBar,
-  HvActionGeneric,
   HvAvatar,
   HvBannerContent,
   HvBreadCrumb,
@@ -53,11 +52,12 @@ import {
   useHvRowSelection,
   useHvTable,
   useHvTableSticky,
+  type HvActionGeneric,
 } from "@hitachivantara/uikit-react-core";
 // eslint-disable-next-line no-restricted-imports
 import {
-  AssetEvent,
   makeData,
+  type AssetEvent,
 } from "@hitachivantara/uikit-react-core/src/Table/stories/storiesUtils";
 import {
   Backwards,

apps/app/src/pages/Flow/DashboardPreview/DashboardPreview.tsx

@@ -5,15 +5,18 @@ import {
   HvGlobalActions,
   HvLoading,
 } from "@hitachivantara/uikit-react-core";
-import { HvDashboard, HvDashboardProps } from "@hitachivantara/uikit-react-lab";
+import {
+  HvDashboard,
+  type HvDashboardProps,
+} from "@hitachivantara/uikit-react-lab";
 import { HvVizProvider } from "@hitachivantara/uikit-react-viz";
 
 import {
   DASHBOARDS_STORAGE_KEY,
-  DashboardSpecs,
-  DashboardsStorage,
+  type DashboardSpecs,
+  type DashboardsStorage,
 } from "../types";
-import { Renderer, RendererProps } from "./Renderers";
+import { Renderer, type RendererProps } from "./Renderers";
 
 interface DashboardConfig extends Pick<HvDashboardProps, "layout" | "cols"> {
   items?: RendererProps[] & Record<string, any>;

apps/app/src/pages/Flow/DashboardPreview/Renderers/Renderer.tsx

@@ -6,7 +6,7 @@ import {
   HvLineChart,
 } from "@hitachivantara/uikit-react-viz";
 
-import { NodeData } from "../../types";
+import type { NodeData } from "../../types";
 import { datasets } from "../../utils";
 import { ChartContainer } from "./ChartContainer";
 import { Kpi } from "./Kpi";

apps/app/src/pages/Flow/DashboardPreview/Renderers/Table.tsx

@@ -8,7 +8,6 @@ import {
   HvTable,
   HvTableBody,
   HvTableCell,
-  HvTableColumnConfig,
   HvTableContainer,
   HvTableHead,
   HvTableHeader,
@@ -18,6 +17,7 @@ import {
   useHvFilters,
   useHvPagination,
   useHvSortBy,
+  type HvTableColumnConfig,
 } from "@hitachivantara/uikit-react-core";
 import { Ban } from "@hitachivantara/uikit-react-icons";
 

apps/app/src/pages/Flow/Flow.tsx

@@ -8,21 +8,21 @@ import {
 } from "@hitachivantara/uikit-react-core";
 import { Add, Fail } from "@hitachivantara/uikit-react-icons";
 import {
-  HvDashboardProps,
   HvFlow,
   HvFlowControls,
   HvFlowEmpty,
-  HvFlowInstance,
-  HvFlowProps,
   HvFlowSidebar,
+  type HvDashboardProps,
+  type HvFlowInstance,
+  type HvFlowProps,
 } from "@hitachivantara/uikit-react-lab";
 
 import { edges, nodes, nodeTypes, useNodeGroups } from "./config";
 import {
   DASHBOARDS_STORAGE_KEY,
-  DashboardSpecs,
-  DashboardsStorage,
   LAYOUT_COLS,
+  type DashboardSpecs,
+  type DashboardsStorage,
 } from "./types";
 import { buildLayout } from "./utils";
 

apps/app/src/pages/Flow/Nodes/BarChart.tsx

@@ -1,12 +1,12 @@
 import { useMemo } from "react";
 import {
   HvFlowNode,
-  HvFlowNodeFC,
-  HvFlowNodeProps,
   useFlowInputNodes,
+  type HvFlowNodeFC,
+  type HvFlowNodeProps,
 } from "@hitachivantara/uikit-react-lab";
 
-import { NodeData } from "../types";
+import type { NodeData } from "../types";
 
 export const BarChart: HvFlowNodeFC<NodeData> = (props) => {
   const inputNodes = useFlowInputNodes<NodeData>();

apps/app/src/pages/Flow/Nodes/Dashboard.tsx

@@ -13,15 +13,15 @@ import { Info } from "@hitachivantara/uikit-react-icons";
 import {
   HvDashboard,
   HvFlowNode,
-  HvFlowNodeFC,
-  HvFlowNodeInput,
+  type HvFlowNodeFC,
+  type HvFlowNodeInput,
 } from "@hitachivantara/uikit-react-lab";
 
 import {
   DASHBOARDS_STORAGE_KEY,
-  DashboardSpecs,
-  DashboardsStorage,
-  NodeData,
+  type DashboardSpecs,
+  type DashboardsStorage,
+  type NodeData,
 } from "../types";
 import { toTitleCase } from "../utils";
 

apps/app/src/pages/Flow/Nodes/Dataset.tsx

@@ -1,4 +1,4 @@
-import { HvFlowNode, HvFlowNodeFC } from "@hitachivantara/uikit-react-lab";
+import { HvFlowNode, type HvFlowNodeFC } from "@hitachivantara/uikit-react-lab";
 
 export const Dataset: HvFlowNodeFC = (props) => {
   return (

apps/app/src/pages/Flow/Nodes/DonutChart.tsx

@@ -1,12 +1,12 @@
 import { useMemo } from "react";
 import {
   HvFlowNode,
-  HvFlowNodeFC,
-  HvFlowNodeProps,
   useFlowInputNodes,
+  type HvFlowNodeFC,
+  type HvFlowNodeProps,
 } from "@hitachivantara/uikit-react-lab";
 
-import { NodeData } from "../types";
+import type { NodeData } from "../types";
 
 export const DonutChart: HvFlowNodeFC = (props) => {
   const inputNodes = useFlowInputNodes<NodeData>();

apps/app/src/pages/Flow/Nodes/Kpi.tsx

@@ -1,12 +1,12 @@
 import { useMemo } from "react";
 import {
   HvFlowNode,
-  HvFlowNodeFC,
-  HvFlowNodeProps,
   useFlowInputNodes,
+  type HvFlowNodeFC,
+  type HvFlowNodeProps,
 } from "@hitachivantara/uikit-react-lab";
 
-import { NodeData } from "../types";
+import type { NodeData } from "../types";
 
 export const Kpi: HvFlowNodeFC = (props) => {
   const inputNodes = useFlowInputNodes<NodeData>();

apps/app/src/pages/Flow/Nodes/LineChart.tsx

@@ -1,12 +1,12 @@
 import { useMemo } from "react";
 import {
   HvFlowNode,
-  HvFlowNodeFC,
-  HvFlowNodeProps,
   useFlowInputNodes,
+  type HvFlowNodeFC,
+  type HvFlowNodeProps,
 } from "@hitachivantara/uikit-react-lab";
 
-import { NodeData } from "../types";
+import type { NodeData } from "../types";
 
 export const LineChart: HvFlowNodeFC = (props) => {
   const inputNodes = useFlowInputNodes<NodeData>();

apps/app/src/pages/Flow/Nodes/Table.tsx

@@ -1,8 +1,8 @@
 import { useMemo } from "react";
 import {
   HvFlowNode,
-  HvFlowNodeFC,
-  HvFlowNodeProps,
+  type HvFlowNodeFC,
+  type HvFlowNodeProps,
 } from "@hitachivantara/uikit-react-lab";
 
 export const Table: HvFlowNodeFC = (props) => {

apps/app/src/pages/Flow/config.tsx

@@ -4,7 +4,10 @@ import {
   LineChartAlt,
   Storage,
 } from "@hitachivantara/uikit-react-icons";
-import { HvFlowNodeGroups, HvFlowProps } from "@hitachivantara/uikit-react-lab";
+import type {
+  HvFlowNodeGroups,
+  HvFlowProps,
+} from "@hitachivantara/uikit-react-lab";
 
 import { BarChart } from "./Nodes/BarChart";
 import { Dashboard } from "./Nodes/Dashboard";
@@ -13,7 +16,7 @@ import { DonutChart } from "./Nodes/DonutChart";
 import { Kpi } from "./Nodes/Kpi";
 import { LineChart } from "./Nodes/LineChart";
 import { Table } from "./Nodes/Table";
-import { NodeGroup } from "./types";
+import type { NodeGroup } from "./types";
 import { useDatasets } from "./utils";
 
 /** Node groups */

apps/app/src/pages/Flow/types.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   HvDashboardProps,
   HvFlowInstance,
 } from "@hitachivantara/uikit-react-lab";
@@ -12,8 +12,10 @@ export const LAYOUT_COLS = 12;
 
 type Node = NonNullable<ReturnType<HvFlowInstance<NodeData>["getNode"]>>;
 
-export interface DashboardSpecs
-  extends Pick<HvDashboardProps, "layout" | "cols"> {
+export interface DashboardSpecs extends Pick<
+  HvDashboardProps,
+  "layout" | "cols"
+> {
   items: Node[];
 }
 

apps/app/src/pages/Flow/utils.tsx

@@ -1,7 +1,7 @@
 import { loadArrow } from "arquero";
 import useSWR from "swr";
 
-import { DashboardSpecs, LAYOUT_COLS } from "./types";
+import { LAYOUT_COLS, type DashboardSpecs } from "./types";
 
 export const datasets = [
   {

apps/default-app/src/pages/Notifications/Notifications.tsx

@@ -1,18 +1,18 @@
 import { useState } from "react";
 import {
-  HvAppShellEventNotification,
   HvAppShellEventNotificationTrigger,
-  HvAppShellEventNotificationType,
+  type HvAppShellEventNotification,
+  type HvAppShellEventNotificationType,
 } from "@hitachivantara/app-shell-events";
 import {
-  HvBannerVariant,
   HvButton,
   HvCheckBox,
   HvGlobalActions,
   HvGrid,
   HvInput,
-  HvSnackbarVariant,
   HvTypography,
+  type HvBannerVariant,
+  type HvSnackbarVariant,
 } from "@hitachivantara/uikit-react-core";
 
 const Notifications = () => {

apps/default-app/src/pages/ServicesDemo/ServicesDemo.tsx

@@ -1,4 +1,4 @@
-import { FC, useMemo, useState } from "react";
+import { useMemo, useState, type FC } from "react";
 import { useService, useServices } from "@hitachivantara/app-shell-services";
 import { DynamicHooksEvaluator } from "@hitachivantara/app-shell-shared";
 import {
@@ -12,7 +12,7 @@ import {
 
 import { MainContainer } from "../../components/MainContainer";
 import { ServiceDefinitions } from "../../services/serviceDefinition";
-import {
+import type {
   MessageService,
   NotificationComponentProps,
   SimpleDataService,

apps/default-app/src/pages/ShouldBeVisible/ShouldBeVisible.tsx

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { HvContainer, HvTypography } from "@hitachivantara/uikit-react-core";
 
 const ShouldBeVisible: FC = () => {

apps/default-app/src/pages/ShouldNotBeVisible/ShouldNotBeVisible.tsx

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { HvContainer, HvTypography } from "@hitachivantara/uikit-react-core";
 
 const ShouldNotBeVisible: FC = () => {

apps/default-app/src/pages/Theming/Theming.tsx

@@ -1,14 +1,14 @@
 import {
-  HvAppShellEventTheme,
   HvAppShellEventThemeTrigger,
+  type HvAppShellEventTheme,
 } from "@hitachivantara/app-shell-events";
 import {
   HvButton,
   HvGlobalActions,
   HvGrid,
-  HvThemeColorMode,
   HvTypography,
   useTheme,
+  type HvThemeColorMode,
 } from "@hitachivantara/uikit-react-core";
 
 function Button({ colorMode }: { colorMode: HvThemeColorMode }) {

apps/default-app/src/providers/AsyncProvider.tsx

@@ -1,4 +1,4 @@
-import { PropsWithChildren, useMemo } from "react";
+import { useMemo, type PropsWithChildren } from "react";
 
 import { AsyncContext } from "./shared/asyncContext";