@cube-dev/ui-kit 0.0.0-canary-46fa43d → 0.0.0-canary-28b0c13

package/types/components/actions/index.d.ts

@@ -7,4 +7,5 @@ declare const Button: import("react").ForwardRefExoticComponent<import("./Button
 };
 export * from './Button';
 export * from './Action';
+export * from './use-action';
 export { Button, ButtonGroup };

package/types/components/actions/use-action.d.ts

@@ -0,0 +1,42 @@
+import { MouseEventHandler } from 'react';
+import { AriaButtonProps } from '@react-types/button';
+import { FocusableRef } from '@react-types/shared';
+import { BaseProps, TagNameProps } from '../../tasty';
+export interface CubeUseActionProps extends BaseProps, TagNameProps, Omit<AriaButtonProps, 'type'> {
+    to?: string;
+    label?: string;
+    htmlType?: 'button' | 'submit' | 'reset' | undefined;
+    onClick?: MouseEventHandler;
+    onMouseEnter?: MouseEventHandler;
+    onMouseLeave?: MouseEventHandler;
+}
+/**
+ * Helper to open link.
+ * @param {String} href
+ * @param {String|Boolean} [target]
+ */
+export declare function openLink(href: any, target?: any): void;
+export declare function parseTo(to: any): {
+    newTab: boolean;
+    nativeRoute: boolean;
+    href: string | undefined;
+};
+export declare function performClickHandler(evt: any, router: any, to: any, onPress: any): void;
+export declare const useAction: ({ to, as, htmlType, label, mods, onPress, ...props }: CubeUseActionProps, ref: FocusableRef<HTMLElement>) => {
+    actionProps: {
+        ref: import("react").RefObject<HTMLElement>;
+        type: "button" | "reset" | "submit";
+        rel: string | undefined;
+        as: "object" | "link" | "small" | "sub" | "sup" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "style" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "font" | "dir" | "frame" | "frameset" | "marquee";
+        isDisabled: boolean | undefined;
+        target: string | undefined;
+        href: string | undefined;
+        mods: {
+            hovered: boolean;
+            pressed: boolean;
+            focused: boolean;
+            disabled: boolean | undefined;
+        };
+        'aria-label': string | undefined;
+    };
+};

package/types/components/pickers/Select/Select.d.ts

@@ -2,7 +2,6 @@ import { ReactElement, ReactNode, RefObject } from 'react';
 import { Item } from '@react-stately/collections';
 import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Props, Styles } from '../../../tasty';
 import { FormFieldProps } from '../../../shared';
-import { CubeButtonProps } from '../../actions';
 import type { AriaSelectProps } from '@react-types/select';
 export interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, OuterStyleProps, FormFieldProps, BlockStyleProps, AriaSelectProps<T> {
     icon?: ReactElement;
@@ -21,7 +20,7 @@ export interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, OuterS
     direction?: 'top' | 'bottom';
     shouldFlip?: boolean;
     inputProps?: Props;
-    type?: CubeButtonProps['type'];
+    type?: 'neutral' | 'clear' | 'primary' | (string & {});
     suffixPosition?: 'before' | 'after';
 }
 export interface CubeSelectProps<T> extends CubeSelectBaseProps<T> {