feat(ItemBase) add generic item component (#752)

Author: tenphi

.changeset/beige-cameras-lick.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Make menu props optional for open method in `useAnchoredMenu`.

.changeset/clean-carrots-flash.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Increase search input size for FilterListBox and CommandMenu.

.changeset/gentle-timers-know.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Add default menu props to `useAnchoredMenu`.

.changeset/happy-cycles-pretend.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Add `allValueProps`, `customValueProps` and `newCustomValueProps` to customize the additional options in ListBox, FilterListBox and FilterPicker.

.changeset/tricky-carpets-laugh.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Sync opening state between FilterPicker instances and other triggers.

.changeset/violet-months-obey.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": minor
+---
+
+Add itemBase and ItemButton components packed with lots of features. ItemBase is now used as a base for all Item components in Menu, CommandMenu, ListBox, FilterListBox, FilterPicker, Select, ComboBox.

.size-limit.cjs

@@ -20,7 +20,7 @@ module.exports = [
         }),
       );
     },
-    limit: '284kB',
+    limit: '285kB',
   },
   {
     name: 'Tree shaking (just a Button)',

.storybook/main.js

@@ -1,7 +1,6 @@
 // @ts-check
 import remarkGfm from 'remark-gfm';
 
-/** @type {import('@storybook/core-common').StorybookConfig} */
 const config = {
   staticDirs: ['../public'],
 
@@ -23,8 +22,6 @@ const config = {
 
   addons: [
     '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
     {
       name: 'storybook-addon-turbo-build',
       options: {
@@ -44,9 +41,5 @@ const config = {
       },
     },
   ],
-
-  docs: {
-    autodocs: true,
-  },
 };
 export default config;

.storybook/preview.jsx

@@ -1,7 +1,6 @@
-import { DocsContainer } from '@storybook/addon-docs';
-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';
 
@@ -37,13 +36,7 @@ export const parameters = {
       return aTitle.localeCompare(bTitle, undefined, { numeric: true });
     },
   },
-  docs: {
-    container: ({ children, context }) => (
-      <DocsContainer context={context}>
-        <Root fontDisplay="auto">{children}</Root>
-      </DocsContainer>
-    ),
-  },
+  docs: {},
   backgrounds: {
     default: 'transparent',
     values: [
@@ -64,3 +57,4 @@ export const decorators = [
     </Root>
   ),
 ];
+export const tags = ['autodocs'];

package.json

@@ -40,7 +40,7 @@
     "fix": "npm-run-all -p eslint:fix prettier:fix",
     "storybook": "STORYBOOK_MODE=stories storybook dev -p 6060",
     "build-storybook": "STORYBOOK_MODE=stories storybook build",
-    "build-docs": "STORYBOOK_MODE=docs storybook build --docs -o storybook-docs",
+    "build-docs": "storybook build -o storybook-docs",
     "build-static-docs": "npm run build-docs && node scripts/snapshot-docs.js",
     "size": "size-limit",
     "prepare": "husky install",
@@ -115,16 +115,9 @@
     "@size-limit/webpack": "^8.2.4",
     "@size-limit/webpack-why": "^8.2.4",
     "@statoscope/cli": "^5.20.1",
-    "@storybook/addon-actions": "^8.6.12",
-    "@storybook/addon-docs": "^8.6.12",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/addon-mdx-gfm": "^8.6.12",
-    "@storybook/blocks": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-vite": "^8.6.12",
-    "@storybook/test": "^8.6.12",
+    "@storybook/addon-docs": "^9.1.2",
+    "@storybook/addon-links": "^9.1.2",
+    "@storybook/react-vite": "^9.1.2",
     "@swc/core": "^1.3.36",
     "@swc/jest": "^0.2.36",
     "@testing-library/dom": "^9.3.4",
@@ -153,7 +146,7 @@
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-storybook": "^0.12.0",
+    "eslint-plugin-storybook": "^9.1.2",
     "husky": "^6.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
@@ -170,7 +163,7 @@
     "react-test-renderer": "^18.2.0",
     "rimraf": "^6.0.1",
     "size-limit": "^8.2.6",
-    "storybook": "^8.6.12",
+    "storybook": "^9.1.2",
     "storybook-addon-turbo-build": "^2.0.1",
     "styled-components": "^6.1.8",
     "swc-loader": "^0.2.6",