@swan-io/lake 15.5.2 → 15.5.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "15.5.2",
+  "version": "15.5.3",
   "engines": {
     "node": ">22.12.0"
   },

package/src/components/Accordion.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId } from "react";
 import { Pressable, StyleSheet, View } from "react-native";
 import { backgroundColor, colors, spacings } from "../constants/design";
-import { useDisclosure } from "../hooks/useDisclosure";
+import { useBoolean } from "../hooks/useBoolean";
 import { Icon } from "./Icon";
 import { LakeText } from "./LakeText";
 import { Space } from "./Space";
@@ -40,6 +40,6 @@ const styles = StyleSheet.create({
 });
 export const Accordion = ({ children, trigger, style, contentContainerStyle }) => {
     const id = useId();
-    const [isOpen, { toggle }] = useDisclosure(false);
+    const [isOpen, { toggle }] = useBoolean(false);
     return (_jsxs(View, { children: [_jsxs(Pressable, { "aria-controls": id, role: "button", "aria-expanded": isOpen, onPress: toggle, style: [styles.trigger, style], children: [_jsx(Icon, { name: "chevron-right-filled", size: 12, color: colors.gray[500], style: [styles.arrow, isOpen && styles.arrowOpen] }), _jsx(Space, { width: 20 }), typeof trigger === "string" ? (_jsx(LakeText, { variant: "smallMedium", color: colors.gray[900], children: trigger })) : (trigger)] }), _jsx(View, { "aria-labelledby": id, "aria-hidden": !isOpen, role: "region", style: [styles.contentContainer, isOpen && styles.contentContainerDisplayed], children: _jsx(View, { style: styles.contentInner, children: _jsx(View, { style: [styles.content, contentContainerStyle], children: children }) }) })] }));
 };

package/src/components/ContextMenu.js

@@ -2,7 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { createContext, useContext, useRef } from "react";
 import { StyleSheet, View } from "react-native";
 import { colors, spacings } from "../constants/design";
-import { useDisclosure } from "../hooks/useDisclosure";
+import { useBoolean } from "../hooks/useBoolean";
 import { noop } from "../utils/function";
 import { LakeButton } from "./LakeButton";
 import { LakeText } from "./LakeText";
@@ -28,7 +28,7 @@ const styles = StyleSheet.create({
 });
 const ContextMenuContext = createContext({ close: noop });
 export const ContextMenu = ({ children, ariaLabel, withPill = false, verticalPlacement, }) => {
-    const [isOpen, { open, close }] = useDisclosure(false);
+    const [isOpen, { on: open, off: close }] = useBoolean(false);
     const triggerRef = useRef(null);
     return (_jsxs(ContextMenuContext.Provider, { value: { close }, children: [_jsx(LakeButton, { ref: triggerRef, mode: "tertiary", size: "small", icon: "more-horizontal-filled", color: "gray", onPress: open, ariaLabel: ariaLabel, pill: withPill }), _jsx(Popover, { referenceRef: triggerRef, visible: isOpen, onDismiss: close, verticalPlacement: verticalPlacement, children: _jsx(View, { style: styles.container, children: children }) })] }));
 };

package/src/components/LakeSelect.js

@@ -5,7 +5,6 @@ import { t } from "../../../shared-business/src/utils/i18n";
 import { commonStyles } from "../constants/commonStyles";
 import { backgroundColor, colors, invariantColors, radii, shadows, spacings, texts, } from "../constants/design";
 import { useBoolean } from "../hooks/useBoolean";
-import { useDisclosure } from "../hooks/useDisclosure";
 import { useMergeRefs } from "../hooks/useMergeRefs";
 import { getFocusableElements } from "../utils/a11y";
 import { setHighlightApi } from "../utils/highlights";
@@ -163,7 +162,7 @@ export const LakeSelect = ({ ref, title, items, valueStyle, size, color = "curre
     const currentlyTypedRef = useRef(undefined);
     const listItemRefs = useRef(Array(items.length));
     const mergedRef = useMergeRefs(inputRef, ref);
-    const [visible, { close, open }] = useDisclosure(false);
+    const [visible, { on: open, off: close }] = useBoolean(false);
     const hasValue = isNotNullish(value);
     const isSmall = size === "small";
     const itemValue = items.find(i => i.value === value);

package/src/components/MultiSelect.js

@@ -4,7 +4,6 @@ import { useEffect, useMemo, useRef, useState } from "react";
 import { Pressable, StyleSheet, Text, TextInput, View, } from "react-native";
 import { backgroundColor, colors, radii, shadows, texts } from "../constants/design";
 import { useBoolean } from "../hooks/useBoolean";
-import { useDisclosure } from "../hooks/useDisclosure";
 import { groupBy } from "../utils/array";
 import { isNotNullish, isNotNullishOrEmpty } from "../utils/nullish";
 import { safeSplitAround } from "../utils/string";
@@ -143,7 +142,7 @@ export const MultiSelect = ({ color = "gray", disabled = false, emptyResultText,
     const shouldScrollToBottomRef = useRef(false);
     const selectedTagListRef = useRef(null);
     const inputRef = useRef(null);
-    const [visible, { open, close }] = useDisclosure(false);
+    const [visible, { on: open, off: close }] = useBoolean(false);
     const tint50 = colors[color][50];
     const tint100 = colors[color][100];
     useEffect(() => {

package/src/components/Tile.js

@@ -2,7 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { Children, cloneElement, Fragment, useCallback, useId, useState, } from "react";
 import { Pressable, StyleSheet, Text, View, } from "react-native";
 import { backgroundColor, colors, negativeSpacings, radii, shadows, spacings, texts, } from "../constants/design";
-import { useDisclosure } from "../hooks/useDisclosure";
+import { useBoolean } from "../hooks/useBoolean";
 import { isNotNullish } from "../utils/nullish";
 import { Box } from "./Box";
 import { Icon } from "./Icon";
@@ -99,7 +99,7 @@ const styles = StyleSheet.create({
 });
 export const Tile = ({ icon, title, description, headerEnd, footer, flexBasis, children, numberOfLines, paddingVertical = 32, paddingHorizontal = 32, hovered = false, flexGrow = 0, flexShrink = 0, disabled = false, selected, collapsible = false, defaultExpanded = true, style, }) => {
     const contentId = useId();
-    const [expanded, { toggle }] = useDisclosure(defaultExpanded);
+    const [expanded, { toggle }] = useBoolean(defaultExpanded);
     const hasHeader = isNotNullish(title) || isNotNullish(headerEnd) || isNotNullish(description) || collapsible;
     const header = (_jsxs(_Fragment, { children: [_jsxs(View, { style: styles.header, children: [_jsxs(View, { style: styles.headerTitleIcon, children: [isNotNullish(icon) && (_jsxs(_Fragment, { children: [icon, _jsx(Space, { height: 12 })] })), isNotNullish(title) && (_jsx(Text, { style: styles.title, role: "heading", "aria-level": 3, children: title }))] }), collapsible ? (_jsx(Icon, { name: "chevron-down-filled", size: 16, color: colors.gray[500], style: [styles.chevron, expanded && styles.chevronOpen] })) : isNotNullish(headerEnd) ? (_jsx(View, { children: headerEnd })) : null] }), isNotNullish(description) && (_jsxs(_Fragment, { children: [isNotNullish(title) && _jsx(Space, { height: 12 }), _jsx(View, { style: styles.descriptionContainer, children: _jsx(LakeText, { numberOfLines: numberOfLines, style: styles.description, children: description }) })] }))] }));
     const content = (_jsxs(_Fragment, { children: [children, isNotNullish(footer) && (_jsx(View, { style: [styles.footer, { marginTop: paddingVertical, marginBottom: -paddingVertical }], children: footer }))] }));

package/src/hooks/useDisclosure.d.ts

@@ -1,5 +0,0 @@
-export declare const useDisclosure: (initialValue: boolean) => [visible: boolean, fns: {
-    open: () => void;
-    close: () => void;
-    toggle: () => void;
-}];

package/src/hooks/useDisclosure.js

@@ -1,12 +0,0 @@
-import { useMemo, useState } from "react";
-export const useDisclosure = (initialValue) => {
-    const [value, setValue] = useState(initialValue);
-    return [
-        value,
-        useMemo(() => ({
-            open: () => setValue(true),
-            close: () => setValue(false),
-            toggle: () => setValue(prevValue => !prevValue),
-        }), []),
-    ];
-};