@swan-io/shared-business 15.5.2 → 15.5.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "15.5.2",
+  "version": "15.5.3",
   "engines": {
     "node": ">22.12.0"
   },
@@ -28,7 +28,7 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "react-native-web": ">=0.21.2",
-    "@swan-io/lake": "15.5.2"
+    "@swan-io/lake": "15.5.3"
   },
   "dependencies": {
     "@formatjs/intl": "^4.1.16",
@@ -53,6 +53,6 @@
     "react-dom": "^19.2.7",
     "react-native-web": "^0.21.2",
     "type-fest": "^5.8.0",
-    "@swan-io/lake": "15.5.2"
+    "@swan-io/lake": "15.5.3"
   }
 }

package/src/components/DatePicker.js

@@ -14,7 +14,7 @@ import { Pressable } from "@swan-io/lake/src/components/Pressable";
 import { Separator } from "@swan-io/lake/src/components/Separator";
 import { Space } from "@swan-io/lake/src/components/Space";
 import { colors, spacings } from "@swan-io/lake/src/constants/design";
-import { useDisclosure } from "@swan-io/lake/src/hooks/useDisclosure";
+import { useBoolean } from "@swan-io/lake/src/hooks/useBoolean";
 import { useFirstMountState } from "@swan-io/lake/src/hooks/useFirstMountState";
 import { useResponsive } from "@swan-io/lake/src/hooks/useResponsive";
 import { noop } from "@swan-io/lake/src/utils/function";
@@ -477,7 +477,7 @@ const DatePickerPopoverContent = ({ value, format, firstWeekDay, desktop, isSele
 export const DatePicker = ({ label, value, error, format, firstWeekDay, isSelectable, onChange, }) => {
     const { desktop } = useResponsive(DATE_PICKER_MOBILE_THRESHOLD);
     const ref = useRef(null);
-    const [isOpened, { open, close }] = useDisclosure(false);
+    const [isOpened, { on: open, off: close }] = useBoolean(false);
     const popoverId = useId();
     return (_jsxs(_Fragment, { children: [_jsx(Box, { direction: "row", alignItems: "end", children: _jsx(LakeLabel, { label: label, style: styles.label, actions: _jsx(LakeButton, { mode: "secondary", icon: "calendar-ltr-regular", size: "small", onPress: open, ariaLabel: t("common.open"), ariaExpanded: isOpened }), render: id => (_jsx(Rifm, { value: value !== null && value !== void 0 ? value : "", onChange: onChange, ...rifmDateProps, children: ({ value, onChange }) => (_jsx(LakeTextInput, { ref: ref, id: id, placeholder: format, value: value, error: error, onChange: onChange })) })) }) }), _jsx(Popover, { id: popoverId, role: "dialog", onDismiss: close, referenceRef: ref, visible: isOpened, children: _jsx(View, { style: desktop ? styles.popoverDesktop : styles.popover, children: _jsx(DatePickerPopoverContent, { value: value, format: format, firstWeekDay: firstWeekDay, desktop: desktop, isSelectable: isSelectable, onChange: onChange }) }) })] }));
 };
@@ -614,7 +614,7 @@ export const DateRangePicker = ({ value, error, format, startLabel, endLabel, fi
     const { desktop } = useResponsive(DATE_PICKER_MOBILE_THRESHOLD);
     const { desktop: displayTwoCalendar } = useResponsive(DATE_RANGE_PICKER_THRESHOLD);
     const ref = useRef(null);
-    const [isOpened, { open, close }] = useDisclosure(false);
+    const [isOpened, { on: open, off: close }] = useBoolean(false);
     const handleStartChange = useCallback((start) => {
         onChange({ start, end: value.end });
     }, [value, onChange]);

package/src/components/PhoneCountryPicker.js

@@ -8,8 +8,8 @@ import { Pressable } from "@swan-io/lake/src/components/Pressable";
 import { Separator } from "@swan-io/lake/src/components/Separator";
 import { Space } from "@swan-io/lake/src/components/Space";
 import { colors, radii, spacings, texts } from "@swan-io/lake/src/constants/design";
+import { useBoolean } from "@swan-io/lake/src/hooks/useBoolean";
 import { useDebounce } from "@swan-io/lake/src/hooks/useDebounce";
-import { useDisclosure } from "@swan-io/lake/src/hooks/useDisclosure";
 import { isNotNullish, isNotNullishOrEmpty } from "@swan-io/lake/src/utils/nullish";
 import { deburr } from "@swan-io/lake/src/utils/string";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -65,7 +65,7 @@ const styles = StyleSheet.create({
 export const PhoneCountryPicker = ({ value, onValueChange, countries, style, disabled = false, readOnly = false, error, ariaLabel = "Select country", }) => {
     const referenceRef = useRef(null);
     const inputRef = useRef(null);
-    const [visible, { open, close }] = useDisclosure(false);
+    const [visible, { on: open, off: close }] = useBoolean(false);
     const allowedCountries = useMemo(() => countries
         .filter((cca3, index, array) => array.indexOf(cca3) === index)
         .map(cca3 => getCountryByCCA3(cca3)), [countries]);