@povio/ui 2.2.9-rc.4 → 2.2.9-rc.5

package/dist/components/inputs/DateTime/DatePicker/DatePicker.d.ts

@@ -3,6 +3,7 @@ import { Ref, FocusEvent } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { DatePickerStateOptions } from 'react-stately';
 import { DatePickerInputHandle } from '../shared/DatePickerInput';
+import { DatePickerTodayIcon } from '../shared/datePicker.types';
 import { FormFieldProps } from '../../FormField/FormField';
 import { ControlProps } from '../../shared/form.types';
 import { InputVariantProps } from '../../shared/input.cva';
@@ -11,7 +12,7 @@ interface DatePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<Da
     disableDropdown?: boolean;
     isClearable?: boolean;
     className?: string;
-    todayIcon?: boolean;
+    todayIcon?: DatePickerTodayIcon;
     isDirty?: boolean;
     disableManualEntry?: boolean;
     placeholder?: string;

package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts

@@ -4,6 +4,7 @@ import { DateValue } from 'react-aria';
 import { FieldValues } from 'react-hook-form';
 import { DateRangePickerStateOptions } from 'react-stately';
 import { DatePickerInputHandle } from '../shared/DatePickerInput';
+import { DatePickerTodayIcon } from '../shared/datePicker.types';
 import { FormFieldProps } from '../../FormField/FormField';
 import { ControlProps } from '../../shared/form.types';
 import { InputVariantProps } from '../../shared/input.cva';
@@ -13,7 +14,7 @@ interface DateRangePickerBaseProps extends FormFieldProps, InputVariantProps, Om
     isClearable?: boolean;
     hideSidebar?: boolean;
     className?: string;
-    todayIcon?: boolean;
+    todayIcon?: DatePickerTodayIcon;
     isDirty?: boolean;
     disableManualEntry?: boolean;
     placeholder?: string;

package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.d.ts

@@ -3,6 +3,7 @@ import { DateValue } from 'react-aria';
 import { FieldValues } from 'react-hook-form';
 import { DatePickerStateOptions } from 'react-stately';
 import { DatePickerInputHandle } from '../shared/DatePickerInput';
+import { DatePickerTodayIcon } from '../shared/datePicker.types';
 import { FormFieldProps } from '../../FormField/FormField';
 import { ControlProps } from '../../shared/form.types';
 import { InputVariantProps } from '../../shared/input.cva';
@@ -11,7 +12,7 @@ interface DateTimePickerBaseProps extends FormFieldProps, InputVariantProps, Omi
     disableDropdown?: boolean;
     isTimeOptional?: boolean;
     isClearable?: boolean;
-    todayIcon?: boolean;
+    todayIcon?: DatePickerTodayIcon;
     isDirty?: boolean;
     disableManualEntry?: boolean;
     placeholder?: string;

package/dist/components/inputs/DateTime/shared/DatePickerInput.d.ts

@@ -1,5 +1,6 @@
 import { Ref } from 'react';
 import { DatePickerAria } from 'react-aria';
+import { DatePickerTodayIcon } from './datePicker.types';
 import { FormFieldHeaderProps } from '../../FormField/FormFieldHeader';
 import { InputVariantProps } from '../../shared/input.cva';
 export interface DatePickerInputHandle {
@@ -18,7 +19,7 @@ interface DatePickerInputProps extends InputVariantProps {
     isDateTime?: boolean;
     isClearable?: boolean;
     headerProps?: FormFieldHeaderProps;
-    todayIcon?: boolean;
+    todayIcon?: DatePickerTodayIcon;
     isDirty?: boolean;
     isRequired?: boolean;
     disableManualEntry?: boolean;

package/dist/components/inputs/DateTime/shared/DatePickerInput.js

@@ -70,6 +70,7 @@ var DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, buttonP
 		endFieldProps?.onBlur?.(null);
 	};
 	const hidePlaceholder = as === "floating" && !fieldProps.value && !isFocused;
+	const todayIconComponent = todayIcon === true ? TodayIcon : todayIcon || null;
 	return /* @__PURE__ */ jsxs("div", {
 		ref: containerRef,
 		className: clsx(inputBaseCva({
@@ -108,9 +109,9 @@ var DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, buttonP
 						className: "absolute inset-0 z-0",
 						isDisabled
 					}),
-					todayIcon && /* @__PURE__ */ jsx(IconButton, {
+					todayIconComponent && /* @__PURE__ */ jsx(IconButton, {
 						label: "",
-						icon: TodayIcon,
+						icon: todayIconComponent,
 						size: "none",
 						onPress: onToday,
 						className: "relative z-1"

package/dist/components/inputs/DateTime/shared/datePicker.types.d.ts

@@ -0,0 +1,2 @@
+import { IconButtonProps } from '../../../buttons/IconButton/IconButton';
+export type DatePickerTodayIcon = boolean | IconButtonProps["icon"];

package/dist/components/inputs/Selection/shared/select.context.d.ts

@@ -17,6 +17,7 @@ export declare namespace SelectContext {
         onClear: () => void;
         onSelectAll: () => void;
         onRemove: (val: Key) => void;
+        onBlur: () => void;
         listItems: ExtendedSelectItem[];
         selectableListItems: SelectItem[];
         selectedItems: SelectItem[];

package/dist/components/inputs/Selection/shared/select.context.js

@@ -84,7 +84,7 @@ var SelectContext;
 			else updateValue(value);
 		}, [props.value]);
 		useEffect(() => {
-			if (!isMultiple && fieldState.value && fieldState.inputValue === "" && getItem(fieldState.value)?.label) syncFieldState(fieldState.value);
+			if (!isMultiple && props.value !== null && props.value !== void 0 && fieldState.value !== null && fieldState.value !== void 0 && fieldState.inputValue === "" && getItem(fieldState.value)?.label) syncFieldState(fieldState.value);
 		}, [allListItems]);
 		const handleInputChange = useCallback((inputValue) => {
 			const newFieldState = {
@@ -144,6 +144,22 @@ var SelectContext;
 			fieldState.value,
 			onChange
 		]);
+		const onBlur = useCallback(() => {
+			if (props.isSearchable && isMultiple && fieldState.searchValue !== "") {
+				const newFieldState = {
+					...fieldState,
+					inputValue: "",
+					searchValue: ""
+				};
+				setFieldState(newFieldState);
+				emitStateChanges(newFieldState);
+				setShowAll(true);
+			}
+		}, [
+			props.isSearchable,
+			isMultiple,
+			fieldState
+		]);
 		const value = useMemo(() => ({
 			fieldState,
 			isOpen,
@@ -154,6 +170,7 @@ var SelectContext;
 			onClear,
 			onSelectAll,
 			onRemove,
+			onBlur,
 			listItems,
 			selectableListItems,
 			selectedItems,
@@ -171,6 +188,7 @@ var SelectContext;
 			onClear,
 			onSelectAll,
 			onRemove,
+			onBlur,
 			listItems,
 			selectableListItems,
 			selectedIds,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "2.2.9-rc.4",
+  "version": "2.2.9-rc.5",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",