@cube-dev/ui-kit 0.0.0-canary-99ce49f → 0.0.0-canary-26150c4

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: {
+        'aria-label': string | undefined;
+        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;
+        };
+    };
+};

package/types/components/forms/RangeSlider/RangeInput.d.ts

@@ -6,5 +6,6 @@ export interface RangeInputProps extends CubeNumberInputProps {
     state: SliderState;
     min?: number;
     max?: number;
+    width?: string;
 }
 export declare function RangeInput(props: RangeInputProps): JSX.Element;

package/types/components/forms/RangeSlider/RangeSlider.d.ts

@@ -1,15 +1,17 @@
 /// <reference types="react" />
 import { FormFieldProps } from '../../../shared';
 import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Styles } from '../../../tasty';
+import { CubeNumberInputProps } from '../NumberInput/NumberInput';
 import { SliderValue } from './helpers';
 import type { AriaSliderProps, SliderProps } from '@react-types/slider';
-export interface CubeRangeSliderProps extends AriaSliderProps<SliderValue>, SliderProps<SliderValue>, BasePropsWithoutChildren, OuterStyleProps, FormFieldProps, BlockStyleProps {
+export interface CubeRangeSliderProps extends Omit<AriaSliderProps<SliderValue>, 'label'>, Omit<SliderProps<SliderValue>, 'label'>, BasePropsWithoutChildren, OuterStyleProps, FormFieldProps, BlockStyleProps {
     showInput?: boolean;
-    inputSuffix?: string;
     inputStyles?: Styles;
     gradation?: string[];
     onChange?: (range: SliderValue) => void;
     onChangeEnd?: (range: SliderValue) => void;
+    inputWidth?: string;
+    formatOptions?: CubeNumberInputProps['formatOptions'];
 }
 declare const __RangeSlider: import("react").ForwardRefExoticComponent<CubeRangeSliderProps & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
     cubeInputType: string;

package/types/components/forms/RangeSlider/helpers.d.ts

@@ -1,6 +1,6 @@
-export declare type SliderValue = number[];
+export declare type SliderValue = number[] | number;
 export declare function getRanges(value: any): number[];
 export declare function isNumber(val: any): val is number;
 export declare function isValueValid(value?: SliderValue): value is number[];
-export declare function getValidValue(value?: SliderValue, min?: number, max?: number): number[] | undefined;
+export declare function getValidValue(value?: SliderValue, min?: number, max?: number): number | number[] | undefined;
 export declare function getMinMaxValue(min?: number, max?: number, value?: SliderValue): (number | undefined)[];

package/types/components/overlays/Dialog/DialogTrigger.d.ts

@@ -25,7 +25,6 @@ export interface CubeDialogTriggerProps {
     mobileViewport?: number;
     /** The style map for the overlay **/
     styles?: Styles;
-    closeBehavior?: 'hide' | 'remove';
 }
 declare function DialogTrigger(props: any): JSX.Element;
 /**

package/types/components/overlays/Modal/Modal.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
 import { BaseProps, Styles } from '../../../tasty';
-import { WithCloseBehavior } from './types';
 import type { ModalProps } from '@react-types/overlays';
 export declare const OVERLAY_WRAPPER_STYLES: Styles;
-export interface CubeModalProps extends Omit<ModalProps, 'container'>, WithCloseBehavior {
+export interface CubeModalProps extends Omit<ModalProps, 'container'> {
     container?: HTMLElement;
     qa?: BaseProps['qa'];
     onClose?: (action?: string) => void;

package/types/components/overlays/Modal/OpenTransition.d.ts

@@ -1,3 +1,2 @@
 /// <reference types="react" />
-import type { TimeoutProps } from 'react-transition-group/Transition';
-export declare function OpenTransition(props: Omit<TimeoutProps<undefined>, 'timeout'>): JSX.Element;
+export declare function OpenTransition(props: any): JSX.Element;

package/types/components/overlays/Modal/Overlay.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { WithCloseBehavior } from './types';
 import type { OverlayProps } from '@react-types/overlays';
-export interface CubeOverlayProps extends Omit<OverlayProps, 'container'>, WithCloseBehavior {
+export interface CubeOverlayProps extends Omit<OverlayProps, 'container'> {
     container?: HTMLElement | null;
 }
 declare let _Overlay: import("react").ForwardRefExoticComponent<CubeOverlayProps & import("react").RefAttributes<unknown>>;

package/types/components/overlays/Modal/Popover.d.ts

@@ -2,8 +2,7 @@ import { HTMLAttributes } from 'react';
 import { OverlayProps } from '@react-types/overlays';
 import { BaseProps } from '../../../tasty';
 import { PlacementAxis } from '../../../shared';
-import { WithCloseBehavior } from './types';
-export interface CubePopoverProps extends BaseProps, Omit<OverlayProps, 'children'>, WithCloseBehavior {
+export interface CubePopoverProps extends BaseProps, Omit<OverlayProps, 'children'> {
     container?: HTMLElement;
     placement?: PlacementAxis;
     arrowProps?: HTMLAttributes<HTMLElement>;

package/types/components/overlays/Modal/Tray.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import { BaseProps, Styles } from '../../../tasty';
-import { WithCloseBehavior } from './types';
 import type { TrayProps } from '@react-types/overlays';
-export interface CubeTrayProps extends TrayProps, WithCloseBehavior {
+export interface CubeTrayProps extends TrayProps {
     container?: HTMLElement;
     qa?: BaseProps['qa'];
     onClose?: (action?: string) => void;

package/types/components/overlays/Modal/index.d.ts

@@ -3,4 +3,3 @@ export { Modal } from './Modal';
 export { Overlay } from './Overlay';
 export { Underlay } from './Underlay';
 export { Popover } from './Popover';
-export * from './types';

package/types/components/pickers/Menu/styled.d.ts

@@ -75,7 +75,7 @@ export declare const StyledMenuHeader: import("react").ComponentType<{
     isHidden?: boolean | undefined;
     isDisabled?: boolean | undefined;
     styleName?: string | undefined;
-    theme?: (string & {}) | "danger" | "default" | undefined;
+    theme?: (string & {}) | "danger" | "default" | "special" | undefined;
     key?: import("react").Key | null | undefined;
 } & {}>;
 export declare const StyledMenuSection: any;
@@ -154,6 +154,6 @@ export declare const StyledMenuSectionHeading: import("react").ComponentType<{
     isHidden?: boolean | undefined;
     isDisabled?: boolean | undefined;
     styleName?: string | undefined;
-    theme?: (string & {}) | "danger" | "default" | undefined;
+    theme?: (string & {}) | "danger" | "default" | "special" | undefined;
     key?: import("react").Key | null | 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?: 'secondary' | 'clear' | 'primary' | (string & {});
     suffixPosition?: 'before' | 'after';
 }
 export interface CubeSelectProps<T> extends CubeSelectBaseProps<T> {
@@ -29,6 +28,7 @@ export interface CubeSelectProps<T> extends CubeSelectBaseProps<T> {
     /** The ref for the list box. */
     listBoxRef?: RefObject<HTMLElement>;
     size?: 'small' | 'default' | 'large' | string;
+    ellipsis?: boolean;
 }
 export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlayStyles, optionStyles, overlayProps: parentOverlayProps, shouldUseVirtualFocus, placement, minWidth, ...otherProps }: {
     [x: string]: any;

package/types/stories/components/StyledButton.d.ts

@@ -78,7 +78,7 @@ export declare const StyledButton: import("react").ComponentType<{
     isHidden?: boolean | undefined;
     isDisabled?: boolean | undefined;
     styleName?: string | undefined;
-    theme?: (string & {}) | "danger" | "default" | undefined;
+    theme?: (string & {}) | "danger" | "default" | "special" | undefined;
     as?: keyof HTMLElementTagNameMap | undefined;
     autoFocus?: boolean | undefined;
     href?: string | undefined;

package/types/tasty/types.d.ts

@@ -37,7 +37,7 @@ export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLEle
         [key: string]: string | number | null;
     });
     /** User-defined theme for the element. Mapped to data-theme attribute. Use `default`, or `danger`, or any custom string value you need. */
-    theme?: 'default' | 'danger' | (string & {});
+    theme?: 'default' | 'danger' | 'special' | (string & {});
 }
 export interface BaseProps extends BasePropsWithoutChildren, Pick<AllHTMLAttributes<HTMLElementTagNameMap['div']>, 'children'> {
 }

package/cjs/components/overlays/Modal/types.js

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-99ce49f
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-
-        

package/es/components/overlays/Modal/types.js

@@ -1,10 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-99ce49f
- * Released under the MIT license.
- */
-
-export {};
-
-        

package/types/components/overlays/Modal/types.d.ts

@@ -1,4 +0,0 @@
-export declare type CloseBehavior = 'remove' | 'hide';
-export interface WithCloseBehavior {
-    closeBehavior?: CloseBehavior;
-}