feat(ItemBase): loading state (#760)

Co-authored-by: Copilot <[email protected]>

Author: tenphi

.changeset/late-tomatoes-remember.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Add support for loading state in ItemBase via `isLoading` and `loadingSlot` props.

.changeset/sour-turtles-tie.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Add loading state support to ItemButton.

.storybook/preview.jsx

@@ -1,6 +1,6 @@
+import { configure } from '@storybook/test';
 import isChromatic from 'chromatic/isChromatic';
 import { config } from 'react-transition-group';
-import { configure } from 'storybook/test';
 
 import { Root } from '../src';
 

package.json

@@ -74,6 +74,8 @@
     "@react-stately/utils": "^3.10.5",
     "@react-types/shared": "^3.27.0",
     "@sparticuz/chromium": "^137.0.1",
+    "@storybook/react": "^9.1.2",
+    "@storybook/test": "^8.6.14",
     "@tabler/icons-react": "^3.31.0",
     "@tanstack/react-virtual": "^3.13.12",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
@@ -103,13 +105,13 @@
   },
   "devDependencies": {
     "@actions/core": "^1.11.1",
-    "@eslint/js": "^9.25.1",
     "@actions/exec": "^1.1.1",
     "@actions/github": "^6.0.0",
     "@changesets/changelog-github": "^0.4.4",
     "@changesets/cli": "^2.22.0",
     "@commitlint/cli": "^17.4.4",
     "@commitlint/config-conventional": "^17.4.4",
+    "@eslint/js": "^9.25.1",
     "@jest/types": "^29.6.3",
     "@size-limit/file": "^8.2.4",
     "@size-limit/webpack": "^8.2.4",

pnpm-lock.yaml

@@ -1,4 +1,4 @@
-import { StoryFn } from '@storybook/react-vite';
+import { StoryFn } from '@storybook/react';
 
 import { baseProps } from '../../../stories/lists/baseProps';
 

src/components/actions/Action/Action.stories.tsx

@@ -1,4 +1,4 @@
-import { StoryFn } from '@storybook/react-vite';
+import { StoryFn } from '@storybook/react';
 import { IconCaretDown, IconCoin } from '@tabler/icons-react';
 
 import { baseProps } from '../../../stories/lists/baseProps';

src/components/actions/Button/Button.stories.tsx

@@ -1,3 +1,10 @@
+import {
+  expect,
+  findByRole,
+  userEvent,
+  waitFor,
+  within,
+} from '@storybook/test';
 import {
   IconArrowBack,
   IconArrowForward,
@@ -7,7 +14,6 @@ import {
   IconSelect,
 } from '@tabler/icons-react';
 import React, { useState } from 'react';
-import { expect, findByRole, userEvent, waitFor, within } from 'storybook/test';
 
 import { tasty } from '../../../tasty';
 import { Card } from '../../content/Card/Card';
@@ -29,7 +35,7 @@ import { useContextMenu } from '../use-context-menu';
 
 import { CommandMenu, CubeCommandMenuProps } from './CommandMenu';
 
-import type { StoryFn } from '@storybook/react-vite';
+import type { StoryFn } from '@storybook/react';
 
 // Styled components for header and footer
 const HeaderTitle = tasty(Text, {