@webority-technologies/mobile 0.0.23 → 0.0.24

package/lib/commonjs/components/index.js

@@ -15,454 +15,461 @@ Object.defineProperty(exports, "AccordionGroup", {
     return _index.AccordionGroup;
   }
 });
+Object.defineProperty(exports, "AnimatePresence", {
+  enumerable: true,
+  get: function () {
+    return _index2.AnimatePresence;
+  }
+});
 Object.defineProperty(exports, "AppBar", {
   enumerable: true,
   get: function () {
-    return _index23.AppBar;
+    return _index24.AppBar;
   }
 });
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
   get: function () {
-    return _index2.Avatar;
+    return _index3.Avatar;
   }
 });
 Object.defineProperty(exports, "AvatarGroup", {
   enumerable: true,
   get: function () {
-    return _index2.AvatarGroup;
+    return _index3.AvatarGroup;
   }
 });
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
   get: function () {
-    return _index3.Badge;
+    return _index4.Badge;
   }
 });
 Object.defineProperty(exports, "Banner", {
   enumerable: true,
   get: function () {
-    return _index4.Banner;
+    return _index5.Banner;
   }
 });
 Object.defineProperty(exports, "BottomNavigation", {
   enumerable: true,
   get: function () {
-    return _index5.BottomNavigation;
+    return _index6.BottomNavigation;
   }
 });
 Object.defineProperty(exports, "BottomSheet", {
   enumerable: true,
   get: function () {
-    return _index6.BottomSheet;
+    return _index7.BottomSheet;
   }
 });
 Object.defineProperty(exports, "Box", {
   enumerable: true,
   get: function () {
-    return _index8.Box;
+    return _index9.Box;
   }
 });
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function () {
-    return _index7.Button;
+    return _index8.Button;
   }
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
   get: function () {
-    return _index10.Card;
+    return _index11.Card;
   }
 });
 Object.defineProperty(exports, "Carousel", {
   enumerable: true,
   get: function () {
-    return _index11.Carousel;
+    return _index12.Carousel;
   }
 });
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
   get: function () {
-    return _index12.Checkbox;
+    return _index13.Checkbox;
   }
 });
 Object.defineProperty(exports, "Chip", {
   enumerable: true,
   get: function () {
-    return _index13.Chip;
+    return _index14.Chip;
   }
 });
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
   get: function () {
-    return _index14.DatePicker;
+    return _index15.DatePicker;
   }
 });
 Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
   get: function () {
-    return _index15.DateRangePicker;
+    return _index16.DateRangePicker;
   }
 });
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
   get: function () {
-    return _index16.Dialog;
+    return _index17.Dialog;
   }
 });
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
   get: function () {
-    return _index17.Divider;
+    return _index18.Divider;
   }
 });
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
   get: function () {
-    return _index18.Drawer;
+    return _index19.Drawer;
   }
 });
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
   get: function () {
-    return _index19.EmptyState;
+    return _index20.EmptyState;
   }
 });
 Object.defineProperty(exports, "FloatingActionButton", {
   enumerable: true,
   get: function () {
-    return _index21.FloatingActionButton;
+    return _index22.FloatingActionButton;
   }
 });
 Object.defineProperty(exports, "FloatingActionButtonGroup", {
   enumerable: true,
   get: function () {
-    return _index21.FloatingActionButtonGroup;
+    return _index22.FloatingActionButtonGroup;
   }
 });
 Object.defineProperty(exports, "ForceUpdateDialog", {
   enumerable: true,
   get: function () {
-    return _index22.ForceUpdateDialog;
+    return _index23.ForceUpdateDialog;
   }
 });
 Object.defineProperty(exports, "FormField", {
   enumerable: true,
   get: function () {
-    return _index20.FormField;
+    return _index21.FormField;
   }
 });
 Object.defineProperty(exports, "ImageGallery", {
   enumerable: true,
   get: function () {
-    return _index24.ImageGallery;
+    return _index25.ImageGallery;
   }
 });
 Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function () {
-    return _index25.Input;
+    return _index26.Input;
   }
 });
 Object.defineProperty(exports, "KeyboardAwareScrollView", {
   enumerable: true,
   get: function () {
-    return _index0.KeyboardAwareScrollView;
+    return _index1.KeyboardAwareScrollView;
   }
 });
 Object.defineProperty(exports, "KeyboardToolbar", {
   enumerable: true,
   get: function () {
-    return _index1.KeyboardToolbar;
+    return _index10.KeyboardToolbar;
   }
 });
 Object.defineProperty(exports, "ListItem", {
   enumerable: true,
   get: function () {
-    return _index26.ListItem;
+    return _index27.ListItem;
   }
 });
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
   get: function () {
-    return _index28.Modal;
+    return _index29.Modal;
   }
 });
 Object.defineProperty(exports, "NumberInput", {
   enumerable: true,
   get: function () {
-    return _index29.NumberInput;
+    return _index30.NumberInput;
   }
 });
 Object.defineProperty(exports, "OTPInput", {
   enumerable: true,
   get: function () {
-    return _index30.OTPInput;
+    return _index31.OTPInput;
   }
 });
 Object.defineProperty(exports, "PickerTrigger", {
   enumerable: true,
   get: function () {
-    return _index31.PickerTrigger;
+    return _index32.PickerTrigger;
   }
 });
 Object.defineProperty(exports, "ProgressBar", {
   enumerable: true,
   get: function () {
-    return _index32.ProgressBar;
+    return _index33.ProgressBar;
   }
 });
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
   get: function () {
-    return _index33.Radio;
+    return _index34.Radio;
   }
 });
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
   get: function () {
-    return _index33.RadioGroup;
+    return _index34.RadioGroup;
   }
 });
 Object.defineProperty(exports, "Rating", {
   enumerable: true,
   get: function () {
-    return _index34.Rating;
+    return _index35.Rating;
   }
 });
 Object.defineProperty(exports, "Row", {
   enumerable: true,
   get: function () {
-    return _index8.Row;
+    return _index9.Row;
   }
 });
 Object.defineProperty(exports, "SearchBar", {
   enumerable: true,
   get: function () {
-    return _index35.SearchBar;
+    return _index36.SearchBar;
   }
 });
 Object.defineProperty(exports, "SegmentedControl", {
   enumerable: true,
   get: function () {
-    return _index36.SegmentedControl;
+    return _index37.SegmentedControl;
   }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function () {
-    return _index37.Select;
+    return _index38.Select;
   }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
   get: function () {
-    return _index39.Skeleton;
+    return _index40.Skeleton;
   }
 });
 Object.defineProperty(exports, "SkeletonCircle", {
   enumerable: true,
   get: function () {
-    return _index39.SkeletonCircle;
+    return _index40.SkeletonCircle;
   }
 });
 Object.defineProperty(exports, "SkeletonClockProvider", {
   enumerable: true,
   get: function () {
-    return _index39.SkeletonClockProvider;
+    return _index40.SkeletonClockProvider;
   }
 });
 Object.defineProperty(exports, "SkeletonContent", {
   enumerable: true,
   get: function () {
-    return _index39.SkeletonContent;
+    return _index40.SkeletonContent;
   }
 });
 Object.defineProperty(exports, "SkeletonList", {
   enumerable: true,
   get: function () {
-    return _index39.SkeletonList;
+    return _index40.SkeletonList;
   }
 });
 Object.defineProperty(exports, "SkeletonProvider", {
   enumerable: true,
   get: function () {
-    return _index39.SkeletonProvider;
+    return _index40.SkeletonProvider;
   }
 });
 Object.defineProperty(exports, "SkeletonSkip", {
   enumerable: true,
   get: function () {
-    return _index39.SkeletonSkip;
+    return _index40.SkeletonSkip;
   }
 });
 Object.defineProperty(exports, "SkeletonText", {
   enumerable: true,
   get: function () {
-    return _index39.SkeletonText;
+    return _index40.SkeletonText;
   }
 });
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
   get: function () {
-    return _index40.Slider;
+    return _index41.Slider;
   }
 });
 Object.defineProperty(exports, "Spacer", {
   enumerable: true,
   get: function () {
-    return _index8.Spacer;
+    return _index9.Spacer;
   }
 });
 Object.defineProperty(exports, "Spinner", {
   enumerable: true,
   get: function () {
-    return _index27.Spinner;
+    return _index28.Spinner;
   }
 });
 Object.defineProperty(exports, "Stack", {
   enumerable: true,
   get: function () {
-    return _index8.Stack;
+    return _index9.Stack;
   }
 });
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,
   get: function () {
-    return _index38.Stepper;
+    return _index39.Stepper;
   }
 });
 Object.defineProperty(exports, "Swipeable", {
   enumerable: true,
   get: function () {
-    return _index41.Swipeable;
+    return _index42.Swipeable;
   }
 });
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
   get: function () {
-    return _index42.Switch;
+    return _index43.Switch;
   }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
   get: function () {
-    return _index43.Tabs;
+    return _index44.Tabs;
   }
 });
 Object.defineProperty(exports, "Text", {
   enumerable: true,
   get: function () {
-    return _index9.Text;
+    return _index0.Text;
   }
 });
 Object.defineProperty(exports, "TimePicker", {
   enumerable: true,
   get: function () {
-    return _index44.TimePicker;
+    return _index45.TimePicker;
   }
 });
 Object.defineProperty(exports, "Toast", {
   enumerable: true,
   get: function () {
-    return _index45.Toast;
+    return _index46.Toast;
   }
 });
 Object.defineProperty(exports, "ToastProvider", {
   enumerable: true,
   get: function () {
-    return _index45.ToastProvider;
+    return _index46.ToastProvider;
   }
 });
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
   get: function () {
-    return _index46.Tooltip;
+    return _index47.Tooltip;
   }
 });
 Object.defineProperty(exports, "toast", {
   enumerable: true,
   get: function () {
-    return _index45.toast;
+    return _index46.toast;
   }
 });
 Object.defineProperty(exports, "useBottomSheet", {
   enumerable: true,
   get: function () {
-    return _index6.useBottomSheet;
+    return _index7.useBottomSheet;
   }
 });
 Object.defineProperty(exports, "useReduceMotion", {
   enumerable: true,
   get: function () {
-    return _index39.useReduceMotion;
+    return _index40.useReduceMotion;
   }
 });
 Object.defineProperty(exports, "useSkeletonClock", {
   enumerable: true,
   get: function () {
-    return _index39.useSkeletonClock;
+    return _index40.useSkeletonClock;
   }
 });
 Object.defineProperty(exports, "useSkeletonDefaults", {
   enumerable: true,
   get: function () {
-    return _index39.useSkeletonDefaults;
+    return _index40.useSkeletonDefaults;
   }
 });
 Object.defineProperty(exports, "useToast", {
   enumerable: true,
   get: function () {
-    return _index45.useToast;
+    return _index46.useToast;
   }
 });
 var _index = require("./Accordion/index.js");
-var _index2 = require("./Avatar/index.js");
-var _index3 = require("./Badge/index.js");
-var _index4 = require("./Banner/index.js");
-var _index5 = require("./BottomNavigation/index.js");
-var _index6 = require("./BottomSheet/index.js");
-var _index7 = require("./Button/index.js");
-var _index8 = require("./Box/index.js");
-var _index9 = require("./Text/index.js");
-var _index0 = require("./KeyboardAwareScrollView/index.js");
-var _index1 = require("./KeyboardToolbar/index.js");
-var _index10 = require("./Card/index.js");
-var _index11 = require("./Carousel/index.js");
-var _index12 = require("./Checkbox/index.js");
-var _index13 = require("./Chip/index.js");
-var _index14 = require("./DatePicker/index.js");
-var _index15 = require("./DateRangePicker/index.js");
-var _index16 = require("./Dialog/index.js");
-var _index17 = require("./Divider/index.js");
-var _index18 = require("./Drawer/index.js");
-var _index19 = require("./EmptyState/index.js");
-var _index20 = require("./FormField/index.js");
-var _index21 = require("./FloatingActionButton/index.js");
-var _index22 = require("./ForceUpdateDialog/index.js");
-var _index23 = require("./AppBar/index.js");
-var _index24 = require("./ImageGallery/index.js");
-var _index25 = require("./Input/index.js");
-var _index26 = require("./ListItem/index.js");
-var _index27 = require("./Spinner/index.js");
-var _index28 = require("./Modal/index.js");
-var _index29 = require("./NumberInput/index.js");
-var _index30 = require("./OTPInput/index.js");
-var _index31 = require("./PickerTrigger/index.js");
-var _index32 = require("./ProgressBar/index.js");
-var _index33 = require("./Radio/index.js");
-var _index34 = require("./Rating/index.js");
-var _index35 = require("./SearchBar/index.js");
-var _index36 = require("./SegmentedControl/index.js");
-var _index37 = require("./Select/index.js");
-var _index38 = require("./Stepper/index.js");
-var _index39 = require("./Skeleton/index.js");
-var _index40 = require("./Slider/index.js");
-var _index41 = require("./Swipeable/index.js");
-var _index42 = require("./Switch/index.js");
-var _index43 = require("./Tabs/index.js");
-var _index44 = require("./TimePicker/index.js");
-var _index45 = require("./Toast/index.js");
-var _index46 = require("./Tooltip/index.js");
+var _index2 = require("./AnimatePresence/index.js");
+var _index3 = require("./Avatar/index.js");
+var _index4 = require("./Badge/index.js");
+var _index5 = require("./Banner/index.js");
+var _index6 = require("./BottomNavigation/index.js");
+var _index7 = require("./BottomSheet/index.js");
+var _index8 = require("./Button/index.js");
+var _index9 = require("./Box/index.js");
+var _index0 = require("./Text/index.js");
+var _index1 = require("./KeyboardAwareScrollView/index.js");
+var _index10 = require("./KeyboardToolbar/index.js");
+var _index11 = require("./Card/index.js");
+var _index12 = require("./Carousel/index.js");
+var _index13 = require("./Checkbox/index.js");
+var _index14 = require("./Chip/index.js");
+var _index15 = require("./DatePicker/index.js");
+var _index16 = require("./DateRangePicker/index.js");
+var _index17 = require("./Dialog/index.js");
+var _index18 = require("./Divider/index.js");
+var _index19 = require("./Drawer/index.js");
+var _index20 = require("./EmptyState/index.js");
+var _index21 = require("./FormField/index.js");
+var _index22 = require("./FloatingActionButton/index.js");
+var _index23 = require("./ForceUpdateDialog/index.js");
+var _index24 = require("./AppBar/index.js");
+var _index25 = require("./ImageGallery/index.js");
+var _index26 = require("./Input/index.js");
+var _index27 = require("./ListItem/index.js");
+var _index28 = require("./Spinner/index.js");
+var _index29 = require("./Modal/index.js");
+var _index30 = require("./NumberInput/index.js");
+var _index31 = require("./OTPInput/index.js");
+var _index32 = require("./PickerTrigger/index.js");
+var _index33 = require("./ProgressBar/index.js");
+var _index34 = require("./Radio/index.js");
+var _index35 = require("./Rating/index.js");
+var _index36 = require("./SearchBar/index.js");
+var _index37 = require("./SegmentedControl/index.js");
+var _index38 = require("./Select/index.js");
+var _index39 = require("./Stepper/index.js");
+var _index40 = require("./Skeleton/index.js");
+var _index41 = require("./Slider/index.js");
+var _index42 = require("./Swipeable/index.js");
+var _index43 = require("./Switch/index.js");
+var _index44 = require("./Tabs/index.js");
+var _index45 = require("./TimePicker/index.js");
+var _index46 = require("./Toast/index.js");
+var _index47 = require("./Tooltip/index.js");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/utils/hapticUtils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.triggerHaptic = exports.setHapticImplementation = void 0;
+exports.triggerHaptic = exports.setHapticImplementation = exports.resolveHaptic = void 0;
 var _reactNative = require("react-native");
 let hapticImpl = null;
 const tryLoadOptional = () => {
@@ -53,5 +53,15 @@ exports.triggerHaptic = triggerHaptic;
 const setHapticImplementation = impl => {
   hapticImpl = impl;
 };
+
+/**
+ * Resolves a component's `haptic` prop to the type that should fire, or null
+ * when haptics are off. `false` disables; a `HapticType` overrides; `undefined`
+ * falls back to the component's sensible default. Pair with `triggerHaptic`:
+ *   const h = resolveHaptic(haptic, 'selection');
+ *   if (h) triggerHaptic(h);
+ */
 exports.setHapticImplementation = setHapticImplementation;
+const resolveHaptic = (haptic, fallbackType) => haptic === false ? null : haptic ?? fallbackType;
+exports.resolveHaptic = resolveHaptic;
 //# sourceMappingURL=hapticUtils.js.map

package/lib/commonjs/utils/index.js

@@ -57,6 +57,12 @@ Object.defineProperty(exports, "isTablet", {
     return _responsive.isTablet;
   }
 });
+Object.defineProperty(exports, "resolveHaptic", {
+  enumerable: true,
+  get: function () {
+    return _hapticUtils.resolveHaptic;
+  }
+});
 Object.defineProperty(exports, "setHapticImplementation", {
   enumerable: true,
   get: function () {

package/lib/module/components/Accordion/Accordion.js

@@ -3,7 +3,7 @@
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { Animated, Easing, LayoutAnimation, Pressable, StyleSheet, Text, View } from 'react-native';
 import { useTheme, createAnimatedValue } from "../../theme/index.js";
-import { triggerHaptic } from "../../utils/hapticUtils.js";
+import { resolveHaptic, triggerHaptic } from "../../utils/hapticUtils.js";
 import { Skeleton } from "../Skeleton/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const AccordionGroupContext = /*#__PURE__*/createContext(null);
@@ -90,7 +90,8 @@ const Accordion = props => {
     contentWrapperStyle,
     containerStyle,
     testID,
-    loading = false
+    loading = false,
+    haptic
   } = props;
   const theme = useTheme();
   const styles = useMemo(() => buildStyles(theme), [theme]);
@@ -137,9 +138,8 @@ const Accordion = props => {
   }, [measuredHeight]);
   const handlePress = useCallback(() => {
     if (disabled) return;
-    if (theme.components.accordion?.pressHaptic ?? false) {
-      triggerHaptic('selection');
-    }
+    const h = resolveHaptic(haptic, 'selection');
+    if (h) triggerHaptic(h);
     if (group && id) {
       group.toggle(id);
       onChange?.(!expanded);
@@ -147,7 +147,7 @@ const Accordion = props => {
     }
     if (!isControlled) setInternalExpanded(!expanded);
     onChange?.(!expanded);
-  }, [disabled, group, id, expanded, isControlled, onChange, theme.components.accordion]);
+  }, [disabled, group, id, expanded, isControlled, onChange, haptic]);
   const rotate = rotateAnim.interpolate({
     inputRange: [0, 1],
     outputRange: ['0deg', '180deg']