@swan-io/lake 1.9.0 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "1.9.0",
+  "version": "2.0.0",
   "engines": {
     "node": ">=14.0.0",
     "yarn": "^1.20.0"
@@ -27,7 +27,7 @@
   "license": "MIT",
   "dependencies": {
     "@popperjs/core": "^2.11.7",
-    "@swan-io/boxed": "^0.13.0",
+    "@swan-io/boxed": "^1.0.1",
     "@swan-io/chicane": "^1.3.4",
     "dayjs": "^1.11.7",
     "polished": "^4.2.2",
@@ -45,9 +45,9 @@
     "uuid": "^9.0.0"
   },
   "devDependencies": {
-    "@types/react": "^18.0.35",
+    "@types/react": "^18.0.37",
     "@types/react-dom": "^18.0.11",
-    "@types/react-native": "^0.71.5",
+    "@types/react-native": "^0.71.6",
     "@types/uuid": "^9.0.1",
     "jsdom": "^21.1.1",
     "type-fest": "^3.8.0"

package/src/components/LakeTextInput.d.ts

@@ -27,6 +27,7 @@ export type LakeTextInputProps = Except<TextInputProps, "editable" | "keyboardTy
 export declare const LakeTextInput: import("react").ForwardRefExoticComponent<{
     allowFontScaling?: boolean | undefined;
     autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
+    autoComplete?: "off" | "name" | "email" | "tel" | "url" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "country" | "current-password" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel-country-code" | "tel-national" | "tel-device" | "username" | "username-new" | undefined;
     autoCorrect?: boolean | undefined;
     autoFocus?: boolean | undefined;
     blurOnSubmit?: boolean | undefined;
@@ -67,7 +68,6 @@ export declare const LakeTextInput: import("react").ForwardRefExoticComponent<{
     role?: import("react-native").WebRole | undefined;
     lang?: string | undefined;
     initialValue?: string | undefined;
-    autoComplete?: "off" | "name" | "email" | "tel" | "url" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday" | "bday-day" | "bday-month" | "bday-year" | "cc-additional-name" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "new-password" | "nickname" | "on" | "one-time-code" | "organization" | "organization-title" | "postal-code" | "sex" | "street-address" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "username" | undefined;
     enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "send" | "previous" | undefined;
     rows?: number | undefined;
     readOnly?: boolean | undefined;
@@ -197,7 +197,7 @@ export declare const LakeTextInput: import("react").ForwardRefExoticComponent<{
     rejectResponderTermination?: boolean | null | undefined;
     selectionState?: import("react-native").DocumentSelectionState | undefined;
     spellCheck?: boolean | undefined;
-    textContentType?: "none" | "location" | "name" | "nickname" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "password" | "newPassword" | "oneTimeCode" | undefined;
+    textContentType?: "none" | "location" | "name" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | undefined;
     scrollEnabled?: boolean | undefined;
     cursorColor?: import("react-native").ColorValue | null | undefined;
     importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;

package/src/components/ListRightPanel.js

@@ -37,7 +37,7 @@ export const ListRightPanelContent = ({ children, large, style, }) => {
 const ListRightPanel_ = forwardRef(({ items, keyExtractor, activeId, onActiveIdChange, onClose, render, closeLabel, previousLabel, nextLabel, }, ref) => {
     const activeItem = items.find(item => keyExtractor(item) === activeId);
     // use `Array.getIndexBy` instead of `Array.findIndex` to avoid -1 value
-    const activeItemIndex = Array.getIndexBy(items, item => keyExtractor(item) === activeId).toUndefined();
+    const activeItemIndex = Array.findIndex(items, item => keyExtractor(item) === activeId).toUndefined();
     const previousId = usePreviousValue(activeId);
     const previousItem = usePreviousValue(activeItem);
     const previousIndex = usePreviousValue(activeItemIndex);

package/src/components/MultiSelect.js

@@ -186,7 +186,7 @@ export const MultiSelect = memo(({ color = "gray", disabled = false, emptyResult
             : remainingTags.filter(({ label }) => label.toLowerCase().includes(cleanedFilter));
     }, [filter, items, values]);
     const sections = useMemo(() => {
-        return Array.keepMap(Dict.entries(groupBy(filteredItems, ({ group }) => group)), ([groupName, data]) => data === undefined ? Option.None() : Option.Some({ title: groupName, data }));
+        return Array.filterMap(Dict.entries(groupBy(filteredItems, ({ group }) => group)), ([groupName, data]) => data === undefined ? Option.None() : Option.Some({ title: groupName, data }));
     }, [filteredItems]);
     const ListHeaderComponent = useMemo(() => (_jsxs(Box, { direction: "row", alignItems: "center", style: styles.filterContainer, children: [_jsx(PressableTextInput, { autoComplete: "off", inputMode: "search", multiline: false, rows: 1, onChangeText: filterValue => setFilter(filterValue), placeholder: filterPlaceholder, value: filter, style: ({ focused }) => [styles.filterInput, focused && styles.filterfocused] }), _jsx(Icon, { name: "search-filled", color: colors[color].primary, size: 20, style: styles.searchIcon })] })), [filter, filterPlaceholder, color]);
     const ListEmptyComponent = useMemo(() => (_jsxs(Box, { justifyContent: "center", alignItems: "center", style: styles.emptyList, children: [_jsx(Icon, { name: "clipboard-search-regular", size: 24, color: colors.gray.primary }), isNotNullishOrEmpty(emptyResultText) && (_jsxs(_Fragment, { children: [_jsx(Space, { height: 8 }), _jsx(Text, { style: styles.emptyListText, children: emptyResultText })] }))] })), [emptyResultText]);

package/src/components/Pressable.d.ts

@@ -154,6 +154,7 @@ export declare const PressableText: FC<{
 export declare const PressableTextInput: FC<{
     allowFontScaling?: boolean | undefined;
     autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
+    autoComplete?: "off" | "name" | "email" | "tel" | "url" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "country" | "current-password" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel-country-code" | "tel-national" | "tel-device" | "username" | "username-new" | undefined;
     autoCorrect?: boolean | undefined;
     autoFocus?: boolean | undefined;
     blurOnSubmit?: boolean | undefined;
@@ -190,7 +191,6 @@ export declare const PressableTextInput: FC<{
     role?: import("react-native").WebRole | undefined;
     lang?: string | undefined;
     initialValue?: string | undefined;
-    autoComplete?: "off" | "name" | "email" | "tel" | "url" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday" | "bday-day" | "bday-month" | "bday-year" | "cc-additional-name" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "new-password" | "nickname" | "on" | "one-time-code" | "organization" | "organization-title" | "postal-code" | "sex" | "street-address" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "username" | undefined;
     enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "send" | "previous" | undefined;
     rows?: number | undefined;
     readOnly?: boolean | undefined;
@@ -317,7 +317,7 @@ export declare const PressableTextInput: FC<{
     rejectResponderTermination?: boolean | null | undefined;
     selectionState?: import("react-native").DocumentSelectionState | undefined;
     spellCheck?: boolean | undefined;
-    textContentType?: "none" | "location" | "name" | "nickname" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "password" | "newPassword" | "oneTimeCode" | undefined;
+    textContentType?: "none" | "location" | "name" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | undefined;
     scrollEnabled?: boolean | undefined;
     cursorColor?: import("react-native").ColorValue | null | undefined;
     importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;

package/src/components/TransitionGroupView.js

@@ -12,14 +12,14 @@ export const TransitionGroupView = ({ children, enter, leave, style, childStyle
         leavingKeysAndIndicesRef.current = leavingKeysAndIndicesRef.current.filter(leavingKey => leavingKey.key !== key);
         forceUpdate();
     };
-    const cleanedUpChildren = useMemo(() => Array.keepMap(Children.toArray(children), child => match(child)
+    const cleanedUpChildren = useMemo(() => Array.filterMap(Children.toArray(children), child => match(child)
         .with({ key: P.string }, child => Option.Some({ key: child.key, child }))
         .otherwise(() => Option.None())), [children]);
     const previousChildren = usePreviousValue(cleanedUpChildren);
     const newKeys = new Set(cleanedUpChildren.map(item => item.key));
     leavingKeysAndIndicesRef.current = [
         ...leavingKeysAndIndicesRef.current,
-        ...Array.keepMap(previousChildren.map((item, index) => ({ item, index })), ({ item, index }) => newKeys.has(item.key) ||
+        ...Array.filterMap(previousChildren.map((item, index) => ({ item, index })), ({ item, index }) => newKeys.has(item.key) ||
             leavingKeysAndIndicesRef.current.find(prev => prev.key === item.key)
             ? Option.None()
             : Option.Some({ key: item.key, index })),

package/src/hooks/useUrqlMutation.js

@@ -25,6 +25,6 @@ export const useUrqlMutation = (query) => {
         }, [fetching, data, error]),
         useCallback((input) => Future.fromPromise(execute(input))
             .mapError(error => error) // Only used to cast error
-            .mapResult(toResult), [execute]),
+            .mapOkToResult(toResult), [execute]),
     ];
 };