@webority/mobile-ui 0.0.39 → 0.2.0

package/lib/commonjs/components/ListItem/ListItem.js

@@ -1,344 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ListItem = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _useFlickGuard = require("../../hooks/useFlickGuard.js");
-var _usePressAnimation = require("../../hooks/usePressAnimation.js");
-var _index = require("../../theme/index.js");
-var _hapticUtils = require("../../utils/hapticUtils.js");
-var _defaultIcons = require("../AppIcon/defaultIcons.js");
-var _index2 = require("../Skeleton/index.js");
-var _index3 = require("../Swipeable/index.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const SIZE_FALLBACK = {
-  sm: {
-    paddingVertical: 'sm',
-    titleFontSize: 'sm',
-    subtitleFontSize: 'xs',
-    minHeight: 44
-  },
-  md: {
-    paddingVertical: 'md',
-    titleFontSize: 'base',
-    subtitleFontSize: 'sm',
-    minHeight: 56
-  },
-  lg: {
-    paddingVertical: 'lg',
-    titleFontSize: 'lg',
-    subtitleFontSize: 'sm',
-    minHeight: 72
-  }
-};
-const sizeFor = (theme, size) => {
-  const tokens = {
-    ...SIZE_FALLBACK[size],
-    ...(theme.components.listItem?.[size] ?? {})
-  };
-  return {
-    paddingVertical: theme.spacing[tokens.paddingVertical],
-    titleSize: theme.typography.fontSize[tokens.titleFontSize],
-    subtitleSize: theme.typography.fontSize[tokens.subtitleFontSize],
-    minHeight: tokens.minHeight
-  };
-};
-
-/** The trailing "goes somewhere" indicator: the icon set's line chevron. */
-const Chevron = ({
-  color
-}) => {
-  const theme = (0, _index.useTheme)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: (theme.icons?.chevronRight ?? _defaultIcons.defaultIcons.chevronRight)({
-      size: 20,
-      color
-    })
-  });
-};
-const ListItem = exports.ListItem = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const {
-    title,
-    loading = false,
-    subtitle,
-    description,
-    left,
-    right,
-    onPress,
-    haptic,
-    selected = false,
-    disabled = false,
-    size = 'md',
-    divider = false,
-    chevron = false,
-    leftActions,
-    rightActions,
-    accessibilityLabel,
-    accessibilityHint,
-    style,
-    containerStyle,
-    titleStyle,
-    subtitleStyle,
-    descriptionStyle,
-    leftSlotStyle,
-    rightSlotStyle,
-    testID
-  } = props;
-  const theme = (0, _index.useTheme)();
-  const sz = (0, _react.useMemo)(() => sizeFor(theme, size), [theme, size]);
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  const isInteractive = !!onPress && !disabled;
-  const {
-    scale,
-    pressIn,
-    pressOut
-  } = (0, _usePressAnimation.usePressAnimation)({
-    enabled: isInteractive
-  });
-  const flickGuard = (0, _useFlickGuard.useFlickGuard)();
-  const handlePressIn = event => {
-    flickGuard.onPressIn(event);
-    pressIn();
-  };
-  const handlePress = event => {
-    // A scroll flick that started on the row is not a tap (see useFlickGuard).
-    if (!isInteractive || flickGuard.isFlick(event)) {
-      return;
-    }
-    const h = (0, _hapticUtils.resolveHaptic)(haptic, 'selection');
-    if (h) {
-      (0, _hapticUtils.triggerHaptic)(h);
-    }
-    onPress?.(event);
-  };
-  const a11yLabel = accessibilityLabel ?? title;
-  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.row, {
-      paddingVertical: sz.paddingVertical,
-      minHeight: sz.minHeight,
-      backgroundColor: selected ? theme.colors.surface.selected : 'transparent'
-    }, divider ? styles.divider : null, disabled ? styles.disabled : null, containerStyle],
-    children: [left ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.leftSlot, leftSlotStyle],
-      children: left
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.middle,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.title, {
-          fontSize: sz.titleSize,
-          ...(0, _index.fontFor)(theme, 'medium'),
-          color: disabled ? theme.colors.text.disabled : theme.colors.text.primary
-        }, titleStyle],
-        numberOfLines: 1,
-        children: title ?? ' '
-      }), subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.subtitle, {
-          fontSize: sz.subtitleSize,
-          color: disabled ? theme.colors.text.disabled : theme.colors.text.secondary
-        }, subtitleStyle],
-        numberOfLines: 1,
-        children: subtitle
-      }) : null, description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.description, {
-          fontSize: sz.subtitleSize,
-          color: disabled ? theme.colors.text.disabled : theme.colors.text.tertiary
-        }, descriptionStyle],
-        numberOfLines: 2,
-        children: description
-      }) : null]
-    }), right || chevron ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.rightSlot, rightSlotStyle],
-      children: [right, chevron ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: right ? styles.chevronWithRight : null,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Chevron, {
-          color: disabled ? theme.colors.text.disabled : theme.colors.text.tertiary
-        })
-      }) : null]
-    }) : null]
-  });
-  const rendered = !onPress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    ref: ref,
-    accessibilityRole: "none",
-    accessibilityLabel: a11yLabel,
-    accessibilityHint: accessibilityHint,
-    accessibilityState: {
-      selected,
-      disabled
-    },
-    testID: testID,
-    style: style,
-    children: content
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-    style: [{
-      transform: [{
-        scale
-      }]
-    }, style],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-      ref: ref,
-      onPress: handlePress,
-      onPressIn: handlePressIn,
-      onPressOut: pressOut,
-      disabled: !isInteractive,
-      accessibilityRole: "button",
-      accessibilityLabel: a11yLabel,
-      accessibilityHint: accessibilityHint,
-      accessibilityState: {
-        selected,
-        disabled: !isInteractive
-      },
-      testID: testID,
-      android_ripple: {
-        color: theme.colors.surface.pressed,
-        borderless: false
-      },
-      style: ({
-        pressed
-      }) => pressed ? styles.pressed : null,
-      children: content
-    })
-  });
-
-  // Wrap in Swipeable only when at least one side has actions; otherwise keep zero gesture overhead.
-  const hasSwipe = leftActions && leftActions.length > 0 || rightActions && rightActions.length > 0;
-  const final = hasSwipe ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Swipeable, {
-    leftActions: leftActions,
-    rightActions: rightActions,
-    accessibilityLabel: a11yLabel,
-    children: rendered
-  }) : rendered;
-  if (loading) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemSkeleton, {
-      ...props
-    });
-  }
-  return final;
-});
-ListItem.displayName = 'ListItem';
-
-/**
- * Placeholder shape for `<ListItem>`. Mirrors the row anatomy: optional
- * leading slot (avatar/icon), title + subtitle/description stack, optional
- * trailing chevron. Heights respect the configured `size`.
- */
-const ListItemSkeleton = ({
-  subtitle,
-  description,
-  left,
-  right,
-  chevron,
-  size = 'md',
-  containerStyle,
-  style
-}) => {
-  const theme = (0, _index.useTheme)();
-  const sz = sizeFor(theme, size);
-  const titleHeight = Math.round(sz.titleSize * 1.15);
-  const subtitleHeight = Math.round(sz.subtitleSize * 1.15);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [{
-      flexDirection: 'row',
-      alignItems: 'center',
-      paddingHorizontal: theme.spacing.md,
-      paddingVertical: sz.paddingVertical,
-      minHeight: sz.minHeight
-    }, containerStyle, style],
-    children: [left !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        marginRight: theme.spacing.sm
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Skeleton, {
-        shape: "circle",
-        width: 40,
-        height: 40
-      })
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: {
-        flex: 1
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Skeleton, {
-        shape: "text",
-        width: "70%",
-        height: titleHeight,
-        style: {
-          marginBottom: theme.spacing.xs
-        }
-      }), subtitle !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Skeleton, {
-        shape: "text",
-        width: "50%",
-        height: subtitleHeight,
-        style: description !== undefined ? {
-          marginBottom: theme.spacing.xs
-        } : undefined
-      }) : null, description !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Skeleton, {
-        shape: "text",
-        width: "85%",
-        height: subtitleHeight
-      }) : null]
-    }), right !== undefined || chevron ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        marginLeft: theme.spacing.sm
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Skeleton, {
-        width: 20,
-        height: 20,
-        radius: "sm"
-      })
-    }) : null]
-  });
-};
-ListItemSkeleton.displayName = 'ListItemSkeleton';
-ListItem.Skeleton = ListItemSkeleton;
-const buildStyles = theme => _reactNative.StyleSheet.create({
-  row: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: theme.spacing.md
-  },
-  divider: {
-    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderBottomColor: theme.colors.border.primary
-  },
-  pressed: {
-    backgroundColor: theme.colors.surface.pressed
-  },
-  disabled: {
-    opacity: 0.55
-  },
-  leftSlot: {
-    marginRight: theme.spacing.md,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  middle: {
-    flex: 1,
-    flexDirection: 'column',
-    justifyContent: 'center'
-  },
-  rightSlot: {
-    marginLeft: theme.spacing.md,
-    alignItems: 'center',
-    justifyContent: 'center',
-    flexDirection: 'row'
-  },
-  chevronWithRight: {
-    marginLeft: theme.spacing.xs
-  },
-  title: {
-    letterSpacing: theme.typography.letterSpacing.normal
-  },
-  subtitle: {
-    marginTop: 2,
-    ...(0, _index.fontFor)(theme, 'normal')
-  },
-  description: {
-    marginTop: 2,
-    ...(0, _index.fontFor)(theme, 'normal')
-  }
-});
-var _default = exports.default = ListItem;
-//# sourceMappingURL=ListItem.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ListItem=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_useFlickGuard=require("../../hooks/useFlickGuard.js"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_index2=require("../Button/index.js"),_index3=require("../IconBadge/index.js"),_index4=require("../Skeleton/index.js"),_index5=require("../Swipeable/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var i=new WeakMap,s=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,r,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(n=t?s:i){if(n.has(e))return n.get(e);n.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((r=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(r.get||r.set)?n(l,t,r):l[t]=e[t]);return l})(e,t)}const SIZE_FALLBACK={sm:{paddingVertical:"sm",titleFontSize:"sm",subtitleFontSize:"xs",minHeight:44},md:{paddingVertical:"md",titleFontSize:"base",subtitleFontSize:"sm",minHeight:56},lg:{paddingVertical:"lg",titleFontSize:"lg",subtitleFontSize:"sm",minHeight:72}},sizeFor=(e,t)=>{const i={...SIZE_FALLBACK[t],...e.components.listItem?.[t]??{}};return{paddingVertical:e.spacing[i.paddingVertical],titleSize:e.typography.fontSize[i.titleFontSize],subtitleSize:e.typography.fontSize[i.subtitleFontSize],minHeight:i.minHeight}},Chevron=({color:e})=>{const t=(0,_index.useTheme)();return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:(t.icons?.chevronRight??_defaultIcons.defaultIcons.chevronRight)({size:20,color:e})})},BADGE_SIZE={sm:"sm",md:"md",lg:"lg"},isActionList=e=>Array.isArray(e)&&e.length>0&&e.every(e=>null!=e&&"object"==typeof e&&!_react.default.isValidElement(e)&&"label"in e),renderActions=e=>isActionList(e)?e.map(e=>(0,_jsxRuntime.jsx)(_index2.Button,{size:"sm",variant:e.variant??"outline",tone:e.tone,leftIcon:e.icon,disabled:e.disabled,testID:e.testID,title:e.label,onPress:e.onPress},e.label)):e,ListItem=exports.ListItem=(0,_react.forwardRef)((e,t)=>{const{title:i,loading:s=!1,subtitle:n,description:r,titleLines:l=1,subtitleLines:o=1,left:a,icon:c,iconTone:d="primary",right:u,actions:m,onPress:x,haptic:p,selected:_=!1,disabled:h=!1,size:g="md",divider:y=!1,chevron:j=!1,leftActions:f,rightActions:b,accessibilityLabel:S,accessibilityHint:v,style:R,containerStyle:I,titleStyle:w,subtitleStyle:z,descriptionStyle:L,leftSlotStyle:k,rightSlotStyle:A,testID:V}=e,F=(0,_index.useTheme)(),N=(0,_react.useMemo)(()=>sizeFor(F,g),[F,g]),H=(0,_react.useMemo)(()=>buildStyles(F),[F]),P=!!x&&!h,{scale:q,pressIn:B,pressOut:D}=(0,_usePressAnimation.usePressAnimation)({enabled:P}),C=(0,_useFlickGuard.useFlickGuard)(),W=S??("string"==typeof i?i:void 0),isText=e=>"string"==typeof e||"number"==typeof e,O=a??(void 0===c?null:(0,_jsxRuntime.jsx)(_index3.IconBadge,{icon:c,tone:d,size:BADGE_SIZE[g]})),M=null!=m&&!1!==m&&!(Array.isArray(m)&&0===m.length),T=y&&!M,E=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[H.row,{paddingVertical:N.paddingVertical,minHeight:N.minHeight,backgroundColor:_?F.colors.surface.selected:"transparent"},T?H.divider:null,h?H.disabled:null,I],children:[O?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[H.leftSlot,k],children:O}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:H.middle,children:[null==i||isText(i)?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[H.title,{fontSize:N.titleSize,...(0,_index.fontFor)(F,"medium"),color:h?F.colors.text.disabled:F.colors.text.primary},w],numberOfLines:l,children:i??" "}):i,null==n||""===n?null:isText(n)?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[H.subtitle,{fontSize:N.subtitleSize,color:h?F.colors.text.disabled:F.colors.text.secondary},z],numberOfLines:o,children:n}):n,r?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[H.description,{fontSize:N.subtitleSize,color:h?F.colors.text.disabled:F.colors.text.tertiary},L],numberOfLines:2,children:r}):null]}),u||j?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[H.rightSlot,A],children:[u,j?(0,_jsxRuntime.jsx)(_reactNative.View,{style:u?H.chevronWithRight:null,children:(0,_jsxRuntime.jsx)(Chevron,{color:h?F.colors.text.disabled:F.colors.text.tertiary})}):null]}):null]}),G=x?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[{transform:[{scale:q}]},R],children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:t,onPress:e=>{if(!P||C.isFlick(e))return;const t=(0,_hapticUtils.resolveHaptic)(p,"selection");t&&(0,_hapticUtils.triggerHaptic)(t),x?.(e)},onPressIn:e=>{C.onPressIn(e),B()},onPressOut:D,disabled:!P,accessibilityRole:"button",accessibilityLabel:W,accessibilityHint:v,accessibilityState:{selected:_,disabled:!P},testID:V,android_ripple:{color:F.colors.surface.pressed,borderless:!1},style:({pressed:e})=>e?H.pressed:null,children:E})}):(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,accessibilityRole:"none",accessibilityLabel:W,accessibilityHint:v,accessibilityState:{selected:_,disabled:h},testID:V,style:R,children:E}),U=f&&f.length>0||b&&b.length>0,Z=M?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[_?{backgroundColor:F.colors.surface.selected}:null,y?H.divider:null],children:[G,(0,_jsxRuntime.jsx)(_reactNative.View,{style:H.actions,children:renderActions(m)})]}):G,K=U?(0,_jsxRuntime.jsx)(_index5.Swipeable,{leftActions:f,rightActions:b,accessibilityLabel:W,children:Z}):Z;return s?(0,_jsxRuntime.jsx)(ListItemSkeleton,{...e}):K});ListItem.displayName="ListItem";const ListItemSkeleton=({subtitle:e,description:t,left:i,icon:s,right:n,chevron:r,size:l="md",containerStyle:o,style:a})=>{const c=(0,_index.useTheme)(),d=sizeFor(c,l),u=Math.round(1.15*d.titleSize),m=Math.round(1.15*d.subtitleSize);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[{flexDirection:"row",alignItems:"center",paddingHorizontal:c.spacing.md,paddingVertical:d.paddingVertical,minHeight:d.minHeight},o,a],children:[void 0!==i||void 0!==s?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginRight:c.spacing.sm},children:(0,_jsxRuntime.jsx)(_index4.Skeleton,{shape:"circle",width:40,height:40})}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{flex:1},children:[(0,_jsxRuntime.jsx)(_index4.Skeleton,{shape:"text",width:"70%",height:u,style:{marginBottom:c.spacing.xs}}),void 0!==e?(0,_jsxRuntime.jsx)(_index4.Skeleton,{shape:"text",width:"50%",height:m,style:void 0!==t?{marginBottom:c.spacing.xs}:void 0}):null,void 0!==t?(0,_jsxRuntime.jsx)(_index4.Skeleton,{shape:"text",width:"85%",height:m}):null]}),void 0!==n||r?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginLeft:c.spacing.sm},children:(0,_jsxRuntime.jsx)(_index4.Skeleton,{width:20,height:20,radius:"sm"})}):null]})};ListItemSkeleton.displayName="ListItemSkeleton",ListItem.Skeleton=ListItemSkeleton;const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center",paddingHorizontal:e.spacing.md},divider:{borderBottomWidth:_reactNative.StyleSheet.hairlineWidth,borderBottomColor:e.colors.border.primary},pressed:{backgroundColor:e.colors.surface.pressed},disabled:{opacity:.55},leftSlot:{marginRight:e.spacing.md,alignItems:"center",justifyContent:"center"},middle:{flex:1,flexDirection:"column",justifyContent:"center"},rightSlot:{marginLeft:e.spacing.md,alignItems:"center",justifyContent:"center",flexDirection:"row"},actions:{flexDirection:"row",flexWrap:"wrap",gap:e.spacing.sm,paddingHorizontal:e.spacing.md,paddingBottom:e.spacing.md},chevronWithRight:{marginLeft:e.spacing.xs},title:{letterSpacing:e.typography.letterSpacing.normal},subtitle:{marginTop:2,...(0,_index.fontFor)(e,"normal")},description:{marginTop:2,...(0,_index.fontFor)(e,"normal")}});var _default=exports.default=ListItem;

package/lib/commonjs/components/ListItem/index.js

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ListItem", {
-  enumerable: true,
-  get: function () {
-    return _ListItem.ListItem;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _ListItem.default;
-  }
-});
-var _ListItem = _interopRequireWildcard(require("./ListItem.js"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return _ListItem.ListItem}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _ListItem.default}});var _ListItem=_interopRequireWildcard(require("./ListItem.js"));function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,o,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(i=t?n:r){if(i.has(e))return i.get(e);i.set(e,u)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?i(u,t,o):u[t]=e[t]);return u})(e,t)}

package/lib/commonjs/components/LoaderOverlay/LoaderOverlay.js

@@ -1,203 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useLoader = exports.loader = exports.LoaderOverlay = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _useReducedMotion = require("../../hooks/useReducedMotion.js");
-var _index = require("../../theme/index.js");
-var _index2 = require("../Spinner/index.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const DEFAULT_SHOW_DELAY_MS = 150;
-const DEFAULT_MIN_VISIBLE_MS = 400;
-let state = {
-  refCount: 0,
-  message: undefined
-};
-const listeners = new Set();
-const notify = () => {
-  for (const listener of listeners) {
-    listener();
-  }
-};
-const subscribe = listener => {
-  listeners.add(listener);
-  return () => {
-    listeners.delete(listener);
-  };
-};
-const getState = () => state;
-const show = message => {
-  state = {
-    refCount: state.refCount + 1,
-    message: message ?? state.message
-  };
-  notify();
-};
-const hide = () => {
-  if (state.refCount <= 0) {
-    return;
-  }
-  const refCount = state.refCount - 1;
-  state = {
-    refCount,
-    message: refCount === 0 ? undefined : state.message
-  };
-  notify();
-};
-const reset = () => {
-  if (state.refCount === 0 && state.message === undefined) {
-    return;
-  }
-  state = {
-    refCount: 0,
-    message: undefined
-  };
-  notify();
-};
-const isVisible = () => state.refCount > 0;
-const wrap = async (work, message) => {
-  show(message);
-  try {
-    return await (typeof work === 'function' ? work() : work);
-  } finally {
-    hide();
-  }
-};
-const loader = exports.loader = {
-  show,
-  hide,
-  wrap,
-  isVisible,
-  reset
-};
-const useLoader = () => loader;
-exports.useLoader = useLoader;
-const LoaderOverlay = ({
-  renderIndicator,
-  backdropColor,
-  showDelayMs = DEFAULT_SHOW_DELAY_MS,
-  minVisibleMs = DEFAULT_MIN_VISIBLE_MS,
-  testID
-}) => {
-  const theme = (0, _index.useTheme)();
-  const reducedMotion = (0, _useReducedMotion.useReducedMotion)();
-  const [snapshot, setSnapshot] = (0, _react.useState)(getState);
-  const [visible, setVisible] = (0, _react.useState)(false);
-  const visibleRef = (0, _react.useRef)(false);
-  const showTimerRef = (0, _react.useRef)(null);
-  const hideTimerRef = (0, _react.useRef)(null);
-  const shownAtRef = (0, _react.useRef)(null);
-  const fade = (0, _react.useRef)((0, _index.createAnimatedValue)(0)).current;
-  (0, _react.useEffect)(() => subscribe(() => setSnapshot(getState())), []);
-  (0, _react.useEffect)(() => {
-    visibleRef.current = visible;
-  }, [visible]);
-  const active = snapshot.refCount > 0;
-  (0, _react.useEffect)(() => {
-    if (active) {
-      if (hideTimerRef.current !== null) {
-        clearTimeout(hideTimerRef.current);
-        hideTimerRef.current = null;
-      }
-      if (!visibleRef.current && showTimerRef.current === null) {
-        showTimerRef.current = setTimeout(() => {
-          showTimerRef.current = null;
-          shownAtRef.current = Date.now();
-          setVisible(true);
-        }, showDelayMs);
-      }
-      return;
-    }
-    if (showTimerRef.current !== null) {
-      clearTimeout(showTimerRef.current);
-      showTimerRef.current = null;
-      return;
-    }
-    if (visibleRef.current && hideTimerRef.current === null) {
-      const elapsed = shownAtRef.current !== null ? Date.now() - shownAtRef.current : minVisibleMs;
-      const remaining = Math.max(0, minVisibleMs - elapsed);
-      hideTimerRef.current = setTimeout(() => {
-        hideTimerRef.current = null;
-        shownAtRef.current = null;
-        setVisible(false);
-      }, remaining);
-    }
-  }, [active, showDelayMs, minVisibleMs]);
-  (0, _react.useEffect)(() => () => {
-    if (showTimerRef.current !== null) {
-      clearTimeout(showTimerRef.current);
-    }
-    if (hideTimerRef.current !== null) {
-      clearTimeout(hideTimerRef.current);
-    }
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (!visible) {
-      fade.setValue(0);
-      return;
-    }
-    if (reducedMotion) {
-      fade.setValue(1);
-      return;
-    }
-    _reactNative.Animated.timing(fade, {
-      toValue: 1,
-      duration: theme.motion.duration.normal,
-      easing: _reactNative.Easing.bezier(...theme.motion.easing.standard),
-      useNativeDriver: true
-    }).start();
-  }, [visible, reducedMotion, fade, theme]);
-  (0, _react.useEffect)(() => {
-    if (!visible) {
-      return;
-    }
-    const subscription = _reactNative.BackHandler.addEventListener('hardwareBackPress', () => true);
-    return () => {
-      subscription.remove();
-    };
-  }, [visible]);
-  const message = snapshot.message;
-  (0, _react.useEffect)(() => {
-    if (visible && message) {
-      _reactNative.AccessibilityInfo.announceForAccessibility(message);
-    }
-  }, [visible, message]);
-  const styles = (0, _react.useMemo)(() => buildStyles(), []);
-  if (!visible) {
-    return null;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-    pointerEvents: "auto",
-    testID: testID,
-    accessible: true,
-    accessibilityViewIsModal: true,
-    accessibilityLiveRegion: "polite",
-    accessibilityLabel: message ?? 'Loading',
-    accessibilityRole: "progressbar",
-    accessibilityState: {
-      busy: true
-    },
-    style: [styles.overlay, {
-      backgroundColor: backdropColor ?? theme.colors.background.overlay,
-      opacity: fade
-    }],
-    children: renderIndicator ? renderIndicator(message) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Spinner, {
-      size: "lg",
-      message: message
-    })
-  });
-};
-exports.LoaderOverlay = LoaderOverlay;
-const buildStyles = () => _reactNative.StyleSheet.create({
-  overlay: {
-    ..._reactNative.StyleSheet.absoluteFill,
-    alignItems: 'center',
-    justifyContent: 'center',
-    zIndex: 1000
-  }
-});
-//# sourceMappingURL=LoaderOverlay.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLoader=exports.loader=exports.LoaderOverlay=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_useReducedMotion=require("../../hooks/useReducedMotion.js"),_index=require("../../theme/index.js"),_index2=require("../Spinner/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,s=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,a,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=t?s:r){if(n.has(e))return n.get(e);n.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?n(i,t,a):i[t]=e[t]);return i})(e,t)}const DEFAULT_SHOW_DELAY_MS=150,DEFAULT_MIN_VISIBLE_MS=400;let state={refCount:0,message:void 0};const listeners=new Set,notify=()=>{for(const e of listeners)e()},subscribe=e=>(listeners.add(e),()=>{listeners.delete(e)}),getState=()=>state,show=e=>{state={refCount:state.refCount+1,message:e??state.message},notify()},hide=()=>{if(state.refCount<=0)return;const e=state.refCount-1;state={refCount:e,message:0===e?void 0:state.message},notify()},reset=()=>{0===state.refCount&&void 0===state.message||(state={refCount:0,message:void 0},notify())},isVisible=()=>state.refCount>0,wrap=async(e,t)=>{show(t);try{return await("function"==typeof e?e():e)}finally{hide()}},loader=exports.loader={show:show,hide:hide,wrap:wrap,isVisible:isVisible,reset:reset},useLoader=()=>loader;exports.useLoader=useLoader;const LoaderOverlay=({renderIndicator:e,backdropColor:t,showDelayMs:r=150,minVisibleMs:s=400,testID:n})=>{const a=(0,_index.useTheme)(),i=(0,_useReducedMotion.useReducedMotion)(),[u,o]=(0,_react.useState)(getState),[c,l]=(0,_react.useState)(!1),d=(0,_react.useRef)(!1),f=(0,_react.useRef)(null),_=(0,_react.useRef)(null),y=(0,_react.useRef)(null),m=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current;(0,_react.useEffect)(()=>subscribe(()=>o(getState())),[]),(0,_react.useEffect)(()=>{d.current=c},[c]);const p=u.refCount>0;(0,_react.useEffect)(()=>{if(p)return null!==_.current&&(clearTimeout(_.current),_.current=null),void(d.current||null!==f.current||(f.current=setTimeout(()=>{f.current=null,y.current=Date.now(),l(!0)},r)));if(null!==f.current)return clearTimeout(f.current),void(f.current=null);if(d.current&&null===_.current){const e=null!==y.current?Date.now()-y.current:s,t=Math.max(0,s-e);_.current=setTimeout(()=>{_.current=null,y.current=null,l(!1)},t)}},[p,r,s]),(0,_react.useEffect)(()=>()=>{null!==f.current&&clearTimeout(f.current),null!==_.current&&clearTimeout(_.current)},[]),(0,_react.useEffect)(()=>{c?i?m.setValue(1):_reactNative.Animated.timing(m,{toValue:1,duration:a.motion.duration.normal,easing:_reactNative.Easing.bezier(...a.motion.easing.standard),useNativeDriver:!0}).start():m.setValue(0)},[c,i,m,a]),(0,_react.useEffect)(()=>{if(!c)return;const e=_reactNative.BackHandler.addEventListener("hardwareBackPress",()=>!0);return()=>{e.remove()}},[c]);const v=u.message;(0,_react.useEffect)(()=>{c&&v&&_reactNative.AccessibilityInfo.announceForAccessibility(v)},[c,v]);const b=(0,_react.useMemo)(()=>buildStyles(),[]);return c?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"auto",testID:n,accessible:!0,accessibilityViewIsModal:!0,accessibilityLiveRegion:"polite",accessibilityLabel:v??"Loading",accessibilityRole:"progressbar",accessibilityState:{busy:!0},style:[b.overlay,{backgroundColor:t??a.colors.background.overlay,opacity:m}],children:e?e(v):(0,_jsxRuntime.jsx)(_index2.Spinner,{size:"lg",message:v})}):null};exports.LoaderOverlay=LoaderOverlay;const buildStyles=()=>_reactNative.StyleSheet.create({overlay:{..._reactNative.StyleSheet.absoluteFill,alignItems:"center",justifyContent:"center",zIndex:1e3}});

package/lib/commonjs/components/LoaderOverlay/index.js

@@ -1,25 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "LoaderOverlay", {
-  enumerable: true,
-  get: function () {
-    return _LoaderOverlay.LoaderOverlay;
-  }
-});
-Object.defineProperty(exports, "loader", {
-  enumerable: true,
-  get: function () {
-    return _LoaderOverlay.loader;
-  }
-});
-Object.defineProperty(exports, "useLoader", {
-  enumerable: true,
-  get: function () {
-    return _LoaderOverlay.useLoader;
-  }
-});
-var _LoaderOverlay = require("./LoaderOverlay.js");
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LoaderOverlay",{enumerable:!0,get:function(){return _LoaderOverlay.LoaderOverlay}}),Object.defineProperty(exports,"loader",{enumerable:!0,get:function(){return _LoaderOverlay.loader}}),Object.defineProperty(exports,"useLoader",{enumerable:!0,get:function(){return _LoaderOverlay.useLoader}});var _LoaderOverlay=require("./LoaderOverlay.js");