Merge remote-tracking branch 'origin' into feat-auto-disabled-mod

Author: tenphi

.gitignore

@@ -16,4 +16,4 @@ yarn-error.log
 coverage
 size-limit-report/stats.json
 docs-static
-
+*.spec.md

CHANGELOG.md

@@ -1,5 +1,41 @@
 # @cube-dev/ui-kit
 
+## 0.78.0
+
+### Minor Changes
+
+- [#793](https://github.com/cube-js/cube-ui-kit/pull/793) [`a64ee513`](https://github.com/cube-js/cube-ui-kit/commit/a64ee513381c56b470ebca720a6ad3f21bc5fd3f) Thanks [@tenphi](https://github.com/tenphi)! - The new navigation API that relies on external `useHref` and `useNavigation` hooks.
+
+### Patch Changes
+
+- [#793](https://github.com/cube-js/cube-ui-kit/pull/793) [`a64ee513`](https://github.com/cube-js/cube-ui-kit/commit/a64ee513381c56b470ebca720a6ad3f21bc5fd3f) Thanks [@tenphi](https://github.com/tenphi)! - Add support for full navigation argument type in `to` prop in actions including object `{ pathname, search, hash }` and numbers for history navigation. Use `<Link to={-1}>...` to move back in history.
+
+## 0.77.4
+
+### Patch Changes
+
+- [#791](https://github.com/cube-js/cube-ui-kit/pull/791) [`1ca1deb4`](https://github.com/cube-js/cube-ui-kit/commit/1ca1deb4211ec6a67a5d81fbd7606a76c69faa31) Thanks [@tenphi](https://github.com/tenphi)! - Actualize the interface of Item component.
+
+- [#791](https://github.com/cube-js/cube-ui-kit/pull/791) [`1ca1deb4`](https://github.com/cube-js/cube-ui-kit/commit/1ca1deb4211ec6a67a5d81fbd7606a76c69faa31) Thanks [@tenphi](https://github.com/tenphi)! - Make Panel placeSelf stretch by default.
+
+- [#791](https://github.com/cube-js/cube-ui-kit/pull/791) [`1ca1deb4`](https://github.com/cube-js/cube-ui-kit/commit/1ca1deb4211ec6a67a5d81fbd7606a76c69faa31) Thanks [@tenphi](https://github.com/tenphi)! - Fix Item interface for FilterPicker.
+
+- [#791](https://github.com/cube-js/cube-ui-kit/pull/791) [`1ca1deb4`](https://github.com/cube-js/cube-ui-kit/commit/1ca1deb4211ec6a67a5d81fbd7606a76c69faa31) Thanks [@tenphi](https://github.com/tenphi)! - Add onClear callback for FilterPicker, Select, ComboBox and SearchInput.
+
+- [#791](https://github.com/cube-js/cube-ui-kit/pull/791) [`1ca1deb4`](https://github.com/cube-js/cube-ui-kit/commit/1ca1deb4211ec6a67a5d81fbd7606a76c69faa31) Thanks [@tenphi](https://github.com/tenphi)! - Fix popover of FilterPicker to corretly flip on opening.
+
+## 0.77.3
+
+### Patch Changes
+
+- [#787](https://github.com/cube-js/cube-ui-kit/pull/787) [`78dc7da2`](https://github.com/cube-js/cube-ui-kit/commit/78dc7da2983d1acb1ed32ad48e482a62758c093c) Thanks [@tenphi](https://github.com/tenphi)! - Add ItemAction component with a temporary implementation.
+
+- [#787](https://github.com/cube-js/cube-ui-kit/pull/787) [`78dc7da2`](https://github.com/cube-js/cube-ui-kit/commit/78dc7da2983d1acb1ed32ad48e482a62758c093c) Thanks [@tenphi](https://github.com/tenphi)! - Add a clear button to FilterPicker, Select and ComboBox components. Redesign the clear button in SearchInput component.
+
+- [#789](https://github.com/cube-js/cube-ui-kit/pull/789) [`1251a11b`](https://github.com/cube-js/cube-ui-kit/commit/1251a11b7a406cf960ed1a89115c2f9dd4bd3717) Thanks [@tenphi](https://github.com/tenphi)! - Add DecimalDecreaseIcon.tsx and DecimalIncreaseIcon.tsx.
+
+- [#790](https://github.com/cube-js/cube-ui-kit/pull/790) [`f4e502d1`](https://github.com/cube-js/cube-ui-kit/commit/f4e502d19eae89334c8f2487f7c0a4acb9c3fde6) Thanks [@tenphi](https://github.com/tenphi)! - Make toasts and notifications more visible with a colorful border.
+
 ## 0.77.2
 
 ### Patch Changes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.77.2",
+  "version": "0.78.0",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {
@@ -47,7 +47,8 @@
     "clear": "pnpm clear:dist && rimraf ./storybook-docs ./storybook-static ./node_modules/.cache",
     "clear:dist": "rimraf ./dist",
     "release": "pnpm build && changeset publish",
-    "postinstall": "git config blame.ignoreRevsFile .git-blame-ignore-revs"
+    "postinstall": "git config blame.ignoreRevsFile .git-blame-ignore-revs",
+    "add-icons": "cd src/icons && node add-new-icon.js"
   },
   "publishConfig": {
     "directory": "dist"

src/components/Item.tsx

@@ -1,22 +1,16 @@
-import { ReactElement, ReactNode } from 'react';
+import { ReactElement } from 'react';
 import { Item, ItemProps } from 'react-stately';
 
-import { Styles } from '../tasty';
+import { CubeItemBaseProps } from './content/ItemBase/ItemBase';
 
-export interface CubeItemProps<T> extends ItemProps<T> {
-  qa?: string;
-  description?: ReactNode;
-  descriptionPlacement?: 'inline' | 'block' | 'auto';
-  icon?: ReactNode | 'checkbox';
-  prefix?: ReactNode;
-  suffix?: ReactNode;
-  rightIcon?: ReactNode;
-  styles?: Styles;
+export interface CubeItemProps<T>
+  extends ItemProps<T>,
+    Omit<CubeItemBaseProps, 'children'> {
   onAction?: () => void;
   wrapper?: (item: ReactElement) => ReactElement;
   [key: string]: any;
 }
 
-const _Item = Item as unknown as <T>(props: CubeItemProps<T>) => ReactElement;
+const _Item = Item as <T>(props: CubeItemProps<T>) => ReactElement;
 
 export { _Item as Item };

src/components/Root.tsx

@@ -3,6 +3,7 @@ import { ModalProvider } from 'react-aria';
 import { StyleSheetManager } from 'styled-components';
 
 import { Provider } from '../provider';
+import { NavigationAdapter } from '../providers/navigation.types';
 import { TrackingProps, TrackingProvider } from '../providers/TrackingProvider';
 import {
   BASE_STYLES,
@@ -43,7 +44,7 @@ export interface CubeRootProps extends BaseProps {
   fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
   fonts?: boolean;
   publicUrl?: string;
-  router?: any;
+  navigation?: NavigationAdapter;
   font?: string;
   monospaceFont?: string;
   applyLegacyTokens?: boolean;
@@ -64,7 +65,7 @@ export function Root(allProps: CubeRootProps) {
     fontDisplay = 'swap',
     fonts,
     publicUrl,
-    router,
+    navigation,
     font,
     monospaceFont,
     applyLegacyTokens,
@@ -125,7 +126,7 @@ export function Root(allProps: CubeRootProps) {
   const styles = extractStyles(props, STYLES, DEFAULT_STYLES);
 
   return (
-    <Provider router={router} root={rootRef} breakpoints={breakpoints}>
+    <Provider navigation={navigation} root={rootRef} breakpoints={breakpoints}>
       <TrackingProvider event={tracking?.event}>
         <StyleSheetManager>
           <RootElement

src/components/actions/Action/Action.tsx

@@ -8,13 +8,12 @@ import {
   CONTAINER_STYLES,
   ContainerStyleProps,
   extractStyles,
-  Styles,
   TagName,
   tasty,
   TEXT_STYLES,
   TextStyleProps,
 } from '../../../tasty';
-import { useAction } from '../use-action';
+import { NavigateArg, useAction } from '../use-action';
 
 export interface CubeActionProps<
   T extends TagName = 'a' | 'button' | 'span' | 'div',
@@ -23,7 +22,7 @@ export interface CubeActionProps<
     ContainerStyleProps,
     TextStyleProps,
     Omit<AriaButtonProps, 'type'> {
-  to?: string;
+  to?: NavigateArg;
   label?: string;
   htmlType?: 'button' | 'submit' | 'reset' | undefined;
   download?: string;

src/components/actions/ItemAction/ItemAction.tsx

@@ -0,0 +1,18 @@
+import { FocusableRef } from '@react-types/shared';
+import { forwardRef } from 'react';
+
+import { tasty } from '../../../tasty';
+import { Button, CubeButtonProps } from '../Button';
+
+export interface CubeItemActionProps extends CubeButtonProps {
+  // All props from Button are inherited
+}
+
+export const ItemAction = tasty(Button, {
+  type: 'neutral',
+  styles: {
+    height: '($size - 1x)',
+    width: '($size - 1x)',
+    margin: '0 (.5x - 1bw)',
+  },
+});

src/components/actions/ItemAction/index.ts

@@ -0,0 +1,2 @@
+export { ItemAction } from './ItemAction';
+export type { CubeItemActionProps } from './ItemAction';