@swan-io/shared-business 15.5.1 → 15.5.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "15.5.1",
+  "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.1"
+    "@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.1"
+    "@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/FileInput.d.ts

@@ -4,6 +4,7 @@ type DistFile = {
     name?: string;
 };
 type Props = {
+    id?: string;
     accept: string[];
     value?: DistFile | File;
     disabled?: boolean;
@@ -16,5 +17,5 @@ type Props = {
     onError?: () => void;
     onPressRemove?: () => void;
 };
-export declare const FileInput: ({ icon, accept, value, disabled, onPressRemove, onFiles, onError, layout, description, error, maxSize, }: Props) => import("react").JSX.Element;
+export declare const FileInput: ({ id, icon, accept, value, disabled, onPressRemove, onFiles, onError, layout, description, error, maxSize, }: Props) => import("react").JSX.Element;
 export {};

package/src/components/FileInput.js

@@ -94,7 +94,7 @@ const styles = StyleSheet.create({
         top: spacings[20],
     },
 });
-export const FileInput = ({ icon = "document-regular", accept, value, disabled = false, onPressRemove, onFiles, onError, layout = "vertical", description, error, maxSize, }) => {
+export const FileInput = ({ id, icon = "document-regular", accept, value, disabled = false, onPressRemove, onFiles, onError, layout = "vertical", description, error, maxSize, }) => {
     var _a;
     const [isHovered, setIsHovered] = useBoolean(false);
     // We use the `accept` field as a heuristic to know if we can display a preview
@@ -130,7 +130,7 @@ export const FileInput = ({ icon = "document-regular", accept, value, disabled =
                     !disabled && isHovered && styles.hoveredContainer,
                     isDragActive && styles.activeContainer,
                     (error != null || fileRejections.length > 0) && styles.errorContainer,
-                ], children: [_jsx("input", { ...getInputProps() }), match({ file, isImageOnly })
+                ], children: [_jsx("input", { ...getInputProps({ id }) }), match({ file, isImageOnly })
                         .with({ file: Option.Some(P.select()), isImageOnly: true }, ({ url }) => (_jsxs(_Fragment, { children: [_jsx(View, { style: [styles.preview, { backgroundImage: `url("${url}")` }] }), onPressRemove != null ? (_jsx(LakeButton, { mode: "tertiary", size: "small", icon: "delete-regular", color: "negative", onPress: onPressRemove, style: styles.deleteButton, ariaLabel: t("common.remove") })) : null] })))
                         .with({ file: Option.Some(P.select()), isImageOnly: false }, ({ name }) => (_jsxs(_Fragment, { children: [_jsx(Icon, { name: getIconNameFromFilename(name), size: 48, color: disabled ? colors.gray[200] : colors.current[500] }), _jsx(Space, { width: layout === "horizontal" ? 48 : 16, height: layout === "horizontal" ? 48 : 16 }), _jsxs(View, { style: styles.browseBlock, children: [_jsx(LakeHeading, { level: 5, variant: "h5", align: layout === "horizontal" ? "left" : "center", children: t("fileInput.clickToModify") }), _jsx(Space, { height: 4 }), _jsx(LakeText, { variant: "smallRegular", color: colors.gray[200], align: layout === "horizontal" ? "left" : "center", children: name })] }), onPressRemove != null ? (_jsx(LakeButton, { mode: "tertiary", size: "small", icon: "delete-regular", color: "negative", style: styles.deleteButton, onPress: onPressRemove, ariaLabel: t("common.remove") })) : null] })))
                         .otherwise(() => (_jsxs(_Fragment, { children: [_jsxs(View, { style: styles.icon, children: [_jsx(Icon, { name: icon, size: 48, color: disabled ? colors.gray[200] : colors.current[500], style: [

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]);