@swan-io/shared-business 15.5.0 → 15.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "15.5.0",
+  "version": "15.5.2",
   "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.0"
+    "@swan-io/lake": "15.5.2"
   },
   "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.0"
+    "@swan-io/lake": "15.5.2"
   }
 }

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: [