@cube-dev/ui-kit 0.13.3 → 0.13.5

package/es/utils/react/useId.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.13.3
+ * @cube-dev/ui-kit v0.13.5
  * Released under the MIT license.
  */
 

package/es/utils/react/useLayoutEffect.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.13.3
+ * @cube-dev/ui-kit v0.13.5
  * Released under the MIT license.
  */
 

package/es/utils/react/useViewportSize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.13.3
+ * @cube-dev/ui-kit v0.13.5
  * Released under the MIT license.
  */
 

package/es/utils/react/wrapNodeIfPlain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.13.3
+ * @cube-dev/ui-kit v0.13.5
  * Released under the MIT license.
  */
 

package/es/utils/transitions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.13.3
+ * @cube-dev/ui-kit v0.13.5
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.13.3
+ * @cube-dev/ui-kit v0.13.5
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.13.3
+ * @cube-dev/ui-kit v0.13.5
  * Released under the MIT license.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.13.3",
+  "version": "0.13.5",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
@@ -30,6 +30,7 @@
     "@react-aria/select": "^3.7.1",
     "@react-aria/selection": "^3.9.1",
     "@react-aria/separator": "3.1.6",
+    "@react-aria/slider": "3.2.1",
     "@react-aria/ssr": "^3.2.0",
     "@react-aria/switch": "^3.1.3",
     "@react-aria/textfield": "^3.5.0",
@@ -47,6 +48,7 @@
     "@react-stately/radio": "^3.3.2",
     "@react-stately/searchfield": "^3.1.3",
     "@react-stately/select": "^3.2.1",
+    "@react-stately/slider": "3.2.1",
     "@react-stately/toggle": "^3.2.3",
     "@react-stately/tooltip": "^3.0.8",
     "@react-stately/tree": "^3.3.1",
@@ -61,6 +63,7 @@
     "@react-types/radio": "^3.1.2",
     "@react-types/select": "^3.6.1",
     "@react-types/shared": "^3.10.1",
+    "@react-types/slider": "3.2.1",
     "@react-types/switch": "^3.1.2",
     "@react-types/textfield": "^3.3.0",
     "@react-types/tooltip": "^3.1.5",

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SliderState } from '@react-stately/slider';
+export declare type GradationProps = {
+    state: SliderState;
+    ranges: number[];
+    values?: string[];
+};
+export declare function Gradation(props: GradationProps): JSX.Element | null;

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

@@ -0,0 +1 @@
+export declare function Header(): null;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { SliderState } from '@react-stately/slider';
+import { CubeNumberInputProps } from '../../../';
+export interface RangeInputProps extends CubeNumberInputProps {
+    index: number;
+    state: SliderState;
+    min?: number;
+    max?: number;
+}
+export declare function RangeInput(props: RangeInputProps): JSX.Element;

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

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { SliderState } from '@react-stately/slider';
+export declare type SlideProps = {
+    state: SliderState;
+    ranges: number[];
+    isDisabled?: boolean;
+    isSingle?: boolean;
+};
+export declare function Slide(props: SlideProps): JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { AriaSliderThumbOptions } from '@react-aria/slider';
+import { SliderState } from '@react-stately/slider';
+export interface ThumbProps extends AriaSliderThumbOptions {
+    state: SliderState;
+    defaultValue?: number;
+    isDisabled?: boolean;
+}
+export declare function Thumb(props: ThumbProps): JSX.Element;

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

@@ -0,0 +1,6 @@
+export declare type SliderValue = 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 getMinMaxValue(min?: number, max?: number, value?: SliderValue): (number | undefined)[];

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

@@ -0,0 +1,8 @@
+export declare const StyledThumb: any;
+export declare const StyledSlide: any;
+export declare const StyledSlideTrack: any;
+export declare const StyledGradation: any;
+export declare const StyledGrade: any;
+export declare const StyledControls: any;
+export declare const StyledSlider: any;
+export declare const StyledContent: any;

package/types/index.d.ts

@@ -75,6 +75,8 @@ export type { CubeSwitchProps } from './components/forms/Switch/Switch';
 export { Radio } from './components/forms/RadioGroup/Radio';
 export type { CubeRadioProps } from './components/forms/RadioGroup/Radio';
 export type { CubeRadioGroupProps } from './components/forms/RadioGroup/RadioGroup';
+export { RangeSlider } from './components/forms/RangeSlider/RangeSlider';
+export type { CubeRangeSliderProps } from './components/forms/RangeSlider/RangeSlider';
 export { ComboBox } from './components/pickers/ComboBox/ComboBox';
 export type { CubeComboBoxProps } from './components/pickers/ComboBox/ComboBox';
 export { Menu } from './components/pickers/Menu/Menu';

package/types/stories/FormFieldArgs.d.ts

@@ -264,6 +264,28 @@ export declare const MULTIPLE_VALUE_ARG: {
         };
     };
 };
+export declare const MULTIPLE_NUMBER_VALUE_ARG: {
+    value: {
+        defaultValue: undefined;
+        description: string;
+        control: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    defaultValue: {
+        defaultValue: undefined;
+        description: string;
+        control: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+};
 export declare const IS_SELECTED_ARG: {
     isSelected: {
         defaultValue: undefined;

package/types/tasty/styles/shadow.d.ts

@@ -1,7 +1,7 @@
 export declare function shadowStyle({ shadow }: {
     shadow: any;
 }): "" | {
-    '--local-shadow-box-shadow': string;
+    '--local-shadow-box-shadow': any;
 };
 export declare namespace shadowStyle {
     var __lookupStyles: string[];