haze-ui 1.13.0 → 1.14.0

package/README.md

@@ -58,7 +58,7 @@ views: controlled cores (`InputCore`, `SelectCore`, `SwitchCore`,
 `TextareaCore`, `TagInputCore`, ...) take the plain `{value, onChange}`
 pair with zero adapters, and `FormItem` wraps the hook's state in label,
 error and aria wiring. The sugar components (`Input`, `Select`, ...)
-keep their `Control<T> | T` API for standalone use outside forms.
+keep their `ControlOrValue<T>` (`Control<T> | T`) API for standalone use outside forms.
 
 ### useField: field → {value, onChange}
 

package/dist/types/components/Alert/Alert.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type AlertProps = {
-    visible?: Control<boolean> | boolean;
+    visible?: ControlOrValue<boolean>;
     onClose?: () => void;
     variant?: 'info' | 'success' | 'warning' | 'danger';
     closable?: boolean;

package/dist/types/components/Banner/Banner.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type BannerProps = {
-    visible?: Control<boolean> | boolean;
+    visible?: ControlOrValue<boolean>;
     onClose?: () => void;
     variant?: 'info' | 'success' | 'warning' | 'danger';
     children: ReactNode;

package/dist/types/components/BottomSheet/BottomSheet.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type BottomSheetProps = {
-    open?: Control<boolean> | boolean;
+    open?: ControlOrValue<boolean>;
     onClose?: () => void;
     children: ReactNode;
     className?: string;

package/dist/types/components/Carousel/Carousel.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type CarouselProps = {
-    value?: Control<number> | number;
+    value?: ControlOrValue<number>;
     autoPlay?: boolean;
     interval?: number;
     className?: string;

package/dist/types/components/ChatInput/ChatInput.d.ts

@@ -1,6 +1,6 @@
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type ChatInputProps = {
-    value?: Control<string> | string;
+    value?: ControlOrValue<string>;
     onSend?: (message: string) => void;
     placeholder?: string;
     disabled?: boolean;

package/dist/types/components/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentPropsWithoutRef, ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type CheckboxProps = {
-    checked?: Control<boolean> | boolean;
+    checked?: ControlOrValue<boolean>;
     label?: ReactNode;
 } & Omit<ComponentPropsWithoutRef<'input'>, 'checked' | 'type'>;
 export default function Checkbox({ checked: checkedControl, className, label, onChange, ...rest }: CheckboxProps): import("react").JSX.Element;

package/dist/types/components/Collapsible/Collapsible.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type CollapsibleProps = {
-    open?: Control<boolean> | boolean;
+    open?: ControlOrValue<boolean>;
     defaultOpen?: boolean;
     children: ReactNode;
     className?: string;

package/dist/types/components/ColorPicker/ColorPicker.d.ts

@@ -1,6 +1,6 @@
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type ColorPickerProps = {
-    value?: Control<string> | string;
+    value?: ControlOrValue<string>;
     presets?: string[];
     onChange?: (color: string) => void;
     className?: string;

package/dist/types/components/Combobox/Combobox.d.ts

@@ -1,7 +1,7 @@
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type ComboboxProps = {
-    value?: Control<string> | string;
-    open?: Control<boolean> | boolean;
+    value?: ControlOrValue<string>;
+    open?: ControlOrValue<boolean>;
     options: {
         value: string;
         label: string;

package/dist/types/components/Command/Command.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type CommandProps = {
-    query?: Control<string> | string;
+    query?: ControlOrValue<string>;
     children: ReactNode;
     className?: string;
 };

package/dist/types/components/ConfirmDialog/ConfirmDialog.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type ConfirmDialogProps = {
-    open?: Control<boolean> | boolean;
+    open?: ControlOrValue<boolean>;
     onClose?: () => void;
     onConfirm?: () => void;
     onCancel?: () => void;

package/dist/types/components/ContextMenu/ContextMenu.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type ContextMenuProps = {
-    open?: Control<boolean> | boolean;
+    open?: ControlOrValue<boolean>;
     onOpenChange?: (open: boolean) => void;
     children: ReactNode;
     className?: string;

package/dist/types/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type DateRangePickerProps = {
-    startDate?: Control<string> | string;
-    endDate?: Control<string> | string;
+    startDate?: ControlOrValue<string>;
+    endDate?: ControlOrValue<string>;
     onStartChange?: (value: string) => void;
     onEndChange?: (value: string) => void;
     separator?: ReactNode;

package/dist/types/components/Datepicker/Datepicker.d.ts

@@ -1,7 +1,7 @@
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type DatepickerProps = {
-    value?: Control<string> | string;
-    open?: Control<boolean> | boolean;
+    value?: ControlOrValue<string>;
+    open?: ControlOrValue<boolean>;
     min?: string;
     max?: string;
     placeholder?: string;

package/dist/types/components/Dialog/Dialog.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type DialogProps = {
-    open?: Control<boolean> | boolean;
+    open?: ControlOrValue<boolean>;
     onClose?: () => void;
     /**
      * 对话框标题：渲染为 h2 并以生成的 id 关联 dialog 的

package/dist/types/components/Disclosure/Disclosure.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type DisclosureProps = {
-    open?: Control<boolean> | boolean;
+    open?: ControlOrValue<boolean>;
     summary: ReactNode;
     className?: string;
     children: ReactNode;

package/dist/types/components/Drawer/Drawer.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type DrawerProps = {
-    open?: Control<boolean> | boolean;
+    open?: ControlOrValue<boolean>;
     placement?: 'left' | 'right' | 'top' | 'bottom';
     onClose?: () => void;
     className?: string;

package/dist/types/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type DropdownMenuProps = {
-    open?: Control<boolean> | boolean;
+    open?: ControlOrValue<boolean>;
     onOpenChange?: (open: boolean) => void;
     children: ReactNode;
     className?: string;

package/dist/types/components/InlineEdit/InlineEdit.d.ts

@@ -1,6 +1,6 @@
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type InlineEditProps = {
-    value?: Control<string> | string;
+    value?: ControlOrValue<string>;
     onChange?: (value: string) => void;
     placeholder?: string;
     disabled?: boolean;

package/dist/types/components/Input/Input.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentPropsWithoutRef } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type InputProps = {
-    value?: Control<string> | string;
+    value?: ControlOrValue<string>;
     size?: 'sm' | 'md' | 'lg';
 } & Omit<ComponentPropsWithoutRef<'input'>, 'value' | 'size'>;
 export default function Input({ value: valueControl, size, className, onChange, ...rest }: InputProps): import("react").JSX.Element;

package/dist/types/components/LogViewer/LogViewer.d.ts

@@ -1,4 +1,4 @@
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type LogLevel = 'debug' | 'info' | 'warn' | 'error';
 type LogEntry = {
     level: LogLevel;
@@ -7,7 +7,7 @@ type LogEntry = {
 };
 type LogViewerProps = {
     logs: LogEntry[];
-    filter?: Control<LogLevel | null> | LogLevel | null;
+    filter?: ControlOrValue<LogLevel | null>;
     className?: string;
 };
 export default function LogViewer({ logs, filter: filterControl, className }: LogViewerProps): import("react").JSX.Element;

package/dist/types/components/Menu/Menu.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type MenuProps = {
-    open?: Control<boolean> | boolean;
+    open?: ControlOrValue<boolean>;
     trigger?: ReactNode;
     className?: string;
     children: ReactNode;

package/dist/types/components/ModelPicker/ModelPicker.d.ts

@@ -1,4 +1,4 @@
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type ModelOption = {
     value: string;
     label: string;
@@ -6,7 +6,7 @@ type ModelOption = {
     contextLength?: string;
 };
 type ModelPickerProps = {
-    value?: Control<string> | string;
+    value?: ControlOrValue<string>;
     onChange?: (value: string) => void;
     options: ModelOption[];
     disabled?: boolean;

package/dist/types/components/NumberInput/NumberInput.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentPropsWithoutRef } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type NumberInputProps = {
-    value?: Control<number> | number;
+    value?: ControlOrValue<number>;
     min?: number;
     max?: number;
     step?: number;

package/dist/types/components/OTPInput/OTPInput.d.ts

@@ -1,7 +1,7 @@
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type OTPInputProps = {
     length?: number;
-    value?: Control<string> | string;
+    value?: ControlOrValue<string>;
     onChange?: (value: string) => void;
     className?: string;
 };

package/dist/types/components/Pagination/Pagination.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentPropsWithoutRef } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type PaginationProps = {
-    page?: Control<number> | number;
+    page?: ControlOrValue<number>;
     total: number;
     pageSize?: number;
     size?: 'sm' | 'md' | 'lg';

package/dist/types/components/PasswordInput/PasswordInput.d.ts

@@ -1,6 +1,6 @@
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type PasswordInputProps = {
-    value?: Control<string> | string;
+    value?: ControlOrValue<string>;
     onChange?: (value: string) => void;
     placeholder?: string;
     disabled?: boolean;

package/dist/types/components/Popover/Popover.d.ts

@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type PopoverProps = {
     content: ReactNode;
-    open?: Control<boolean> | boolean;
+    open?: ControlOrValue<boolean>;
     className?: string;
     children: ReactNode;
 };

package/dist/types/components/Radio/RadioGroup.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type RadioGroupProps = {
-    value?: Control<string> | string;
+    value?: ControlOrValue<string>;
     name?: string;
     className?: string;
     children: ReactNode;

package/dist/types/components/Rating/Rating.d.ts

@@ -1,6 +1,6 @@
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type RatingProps = {
-    value?: Control<number> | number;
+    value?: ControlOrValue<number>;
     count?: number;
     allowHalf?: boolean;
     onChange?: (value: number) => void;

package/dist/types/components/Segmented/Segmented.d.ts

@@ -1,8 +1,8 @@
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 import type { SegmentedOption } from './SegmentedCore';
 type SegmentedProps = {
     options: SegmentedOption[];
-    value?: Control<string> | string;
+    value?: ControlOrValue<string>;
     onChange?: (value: string) => void;
     size?: 'sm' | 'md' | 'lg';
     className?: string;

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

@@ -1,7 +1,7 @@
 import type { ComponentPropsWithoutRef, ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type SelectProps = {
-    value?: Control<string> | string;
+    value?: ControlOrValue<string>;
     size?: 'sm' | 'md' | 'lg';
     children: ReactNode;
 } & Omit<ComponentPropsWithoutRef<'select'>, 'value' | 'size'>;

package/dist/types/components/Slider/Slider.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentPropsWithoutRef } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type SliderProps = {
-    value?: Control<number> | number;
+    value?: ControlOrValue<number>;
 } & Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'value'>;
 export default function Slider({ value: valueControl, className, onChange, ...rest }: SliderProps): import("react").JSX.Element;
 export type { SliderProps };

package/dist/types/components/Stepper/Stepper.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type StepperProps = {
-    activeStep?: Control<number> | number;
+    activeStep?: ControlOrValue<number>;
     children: ReactNode;
     className?: string;
 };

package/dist/types/components/Switch/Switch.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentPropsWithoutRef } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type SwitchProps = {
-    checked?: Control<boolean> | boolean;
+    checked?: ControlOrValue<boolean>;
     size?: 'sm' | 'md' | 'lg';
 } & Omit<ComponentPropsWithoutRef<'button'>, 'type' | 'checked' | 'onChange'>;
 export default function Switch({ checked: checkedControl, size, className, onClick, ...rest }: SwitchProps): import("react").JSX.Element;

package/dist/types/components/Tabs/Tabs.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type TabsProps = {
-    value?: Control<string> | string;
+    value?: ControlOrValue<string>;
     className?: string;
     children: ReactNode;
 };

package/dist/types/components/TagInput/TagInput.d.ts

@@ -1,6 +1,6 @@
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type TagInputProps = {
-    value?: Control<string[]> | string[];
+    value?: ControlOrValue<string[]>;
     onChange?: (value: string[]) => void;
     placeholder?: string;
     maxTags?: number;

package/dist/types/components/Textarea/Textarea.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentPropsWithoutRef } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type TextareaProps = {
-    value?: Control<string> | string;
+    value?: ControlOrValue<string>;
     size?: 'sm' | 'md' | 'lg';
 } & Omit<ComponentPropsWithoutRef<'textarea'>, 'value'>;
 export default function Textarea({ value: valueControl, size, className, onChange, ...rest }: TextareaProps): import("react").JSX.Element;

package/dist/types/components/TimePicker/TimePicker.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentPropsWithoutRef } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type TimePickerProps = {
-    value?: Control<string> | string;
+    value?: ControlOrValue<string>;
     onChange?: (value: string) => void;
     placeholder?: string;
     className?: string;

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -1,11 +1,11 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type TooltipProps = {
     content: ReactNode;
     position?: 'top' | 'bottom' | 'left' | 'right';
     /** Milliseconds of hover/focus before the tooltip appears. */
     delay?: number;
-    open?: Control<boolean> | boolean;
+    open?: ControlOrValue<boolean>;
     className?: string;
     children: ReactNode;
 };

package/dist/types/components/Transfer/Transfer.d.ts

@@ -1,4 +1,4 @@
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 type TransferItem = {
     key: string;
     title: string;
@@ -6,7 +6,7 @@ type TransferItem = {
 };
 type TransferProps = {
     dataSource: TransferItem[];
-    targetKeys?: Control<string[]> | string[];
+    targetKeys?: ControlOrValue<string[]>;
     onChange?: (targetKeys: string[], direction: 'left' | 'right', moveKeys: string[]) => void;
     className?: string;
 };

package/dist/types/components/Tree/types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { Control } from 'react-use-control';
+import type { ControlOrValue } from 'react-use-control';
 /**
  * Tree 节点数据接口
  */
@@ -63,11 +63,11 @@ export type TreeProps = {
     /** 自定义节点图标渲染 */
     iconRender?: (node: TreeNodeData) => ReactNode;
     /** （受控）展开的节点 */
-    expandedKeys?: Control<string[]> | string[];
+    expandedKeys?: ControlOrValue<string[]>;
     /** （受控）选中的节点 */
-    selectedKeys?: Control<string[]> | string[];
+    selectedKeys?: ControlOrValue<string[]>;
     /** （受控）复选的节点 */
-    checkedKeys?: Control<string[]> | string[];
+    checkedKeys?: ControlOrValue<string[]>;
     /** 自定义类名 */
     className?: string;
     /** 展开/收起回调 */

package/dist/types/index.d.ts

@@ -184,3 +184,4 @@ export type { LogViewerProps, LogEntry, LogLevel } from './components/LogViewer'
 export { FormItem } from './form';
 export type { FieldValidator, FormItemAsProps, FormItemBinding, FormItemProps, FormInstance, PathValueOf, } from './form';
 export { useControl } from 'react-use-control';
+export type { Control, ControlOrValue } from 'react-use-control';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "haze-ui",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "type": "module",
   "description": "A React UI component library powered by react-use-control and Linaria",
   "main": "./dist/index.js",
@@ -55,7 +55,7 @@
     "react-f0rm": ">=0.7.0 <0.9.0"
   },
   "dependencies": {
-    "react-use-control": "^1.4.0"
+    "react-use-control": "^1.5.0"
   },
   "devDependencies": {
     "@babel/core": "^8.0.1",