@webority/mobile-ui 0.0.39 → 0.2.0

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

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "EmptyState", {
-  enumerable: true,
-  get: function () {
-    return _EmptyState.EmptyState;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _EmptyState.default;
-  }
-});
-var _EmptyState = _interopRequireWildcard(require("./EmptyState.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,"EmptyState",{enumerable:!0,get:function(){return _EmptyState.EmptyState}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _EmptyState.default}});var _EmptyState=_interopRequireWildcard(require("./EmptyState.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,u,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((u=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(u.get||u.set)?o(a,t,u):a[t]=e[t]);return a})(e,t)}

package/lib/commonjs/components/ErrorBoundary/ErrorBoundary.js

@@ -1,136 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ErrorBoundary = void 0;
-var _mobileCore = require("@webority/mobile-core");
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _index = require("../../theme/index.js");
-var _index2 = require("../EmptyState/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 COMPONENT_STACK_LIMIT = 500;
-const DEFAULT_TITLE = 'Something went wrong';
-const DEFAULT_MESSAGE = 'An unexpected error occurred. Please try again.';
-const hasResetKeysChanged = (prev, next) => {
-  if (prev === next) {
-    return false;
-  }
-  if (!prev || !next || prev.length !== next.length) {
-    return true;
-  }
-  return prev.some((value, index) => value !== next[index]);
-};
-const DefaultFallback = ({
-  error,
-  reset,
-  title,
-  message,
-  testID
-}) => {
-  const theme = (0, _index.useTheme)();
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  const showRawError = typeof __DEV__ !== 'undefined' && __DEV__;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.root,
-    testID: testID,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.EmptyState, {
-      title: title ?? DEFAULT_TITLE,
-      description: message ?? DEFAULT_MESSAGE,
-      action: {
-        label: 'Try again',
-        onPress: reset,
-        testID: testID ? `${testID}-retry` : undefined
-      }
-    }), showRawError ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.devError,
-      testID: testID ? `${testID}-dev-error` : undefined,
-      children: error.message
-    }) : null]
-  });
-};
-const buildStyles = theme => _reactNative.StyleSheet.create({
-  root: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: theme.colors.background.primary,
-    padding: theme.spacing.lg
-  },
-  devError: {
-    marginTop: theme.spacing.md,
-    color: theme.colors.error,
-    fontSize: theme.typography.fontSize.sm,
-    textAlign: 'center'
-  }
-});
-
-/**
- * Catches render errors in its subtree and shows a themed fallback instead of
- * a white screen. Mount this once near the navigation root per the fleet
- * convention, and optionally again around any subtree that should recover
- * independently (a single failed card should not blank the whole screen).
- */
-class ErrorBoundary extends _react.default.Component {
-  state = {
-    error: null
-  };
-  static getDerivedStateFromError(error) {
-    return {
-      error
-    };
-  }
-  componentDidUpdate(prevProps) {
-    if (this.state.error && hasResetKeysChanged(prevProps.resetKeys, this.props.resetKeys)) {
-      this.reset();
-    }
-  }
-  componentDidCatch(error, info) {
-    const componentStack = (info.componentStack ?? '').slice(0, COMPONENT_STACK_LIMIT);
-    _mobileCore.Logger.recordError(error, {
-      errorType: 'RenderError',
-      componentStack
-    });
-    try {
-      this.props.onError?.(error, {
-        componentStack
-      });
-    } catch (onErrorError) {
-      _mobileCore.Logger.error('[@webority/mobile-ui] ErrorBoundary onError threw; the boundary itself is unaffected.', onErrorError);
-    }
-  }
-  reset = () => {
-    this.setState({
-      error: null
-    });
-    this.props.onReset?.();
-  };
-  render() {
-    const {
-      error
-    } = this.state;
-    if (!error) {
-      return this.props.children;
-    }
-    const {
-      fallback,
-      title,
-      message,
-      testID
-    } = this.props;
-    if (fallback !== undefined) {
-      return typeof fallback === 'function' ? fallback(error, this.reset) : fallback;
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultFallback, {
-      error: error,
-      reset: this.reset,
-      title: title,
-      message: message,
-      testID: testID
-    });
-  }
-}
-exports.ErrorBoundary = ErrorBoundary;
-//# sourceMappingURL=ErrorBoundary.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorBoundary=void 0;var _mobileCore=require("@webority/mobile-core"),_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../EmptyState/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var n,s,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=r?o:t){if(n.has(e))return n.get(e);n.set(e,i)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((s=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(s.get||s.set)?n(i,r,s):i[r]=e[r]);return i})(e,r)}const COMPONENT_STACK_LIMIT=500,DEFAULT_TITLE="Something went wrong",DEFAULT_MESSAGE="An unexpected error occurred. Please try again.",hasResetKeysChanged=(e,r)=>e!==r&&(!e||!r||e.length!==r.length||e.some((e,t)=>e!==r[t])),DefaultFallback=({error:e,reset:r,title:t,message:o,testID:n})=>{const s=(0,_index.useTheme)(),i=(0,_react.useMemo)(()=>buildStyles(s),[s]),a="undefined"!=typeof __DEV__&&__DEV__;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:i.root,testID:n,children:[(0,_jsxRuntime.jsx)(_index2.EmptyState,{title:t??DEFAULT_TITLE,description:o??DEFAULT_MESSAGE,action:{label:"Try again",onPress:r,testID:n?`${n}-retry`:void 0}}),a?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:i.devError,testID:n?`${n}-dev-error`:void 0,children:e.message}):null]})},buildStyles=e=>_reactNative.StyleSheet.create({root:{flex:1,alignItems:"center",justifyContent:"center",backgroundColor:e.colors.background.primary,padding:e.spacing.lg},devError:{marginTop:e.spacing.md,color:e.colors.error,fontSize:e.typography.fontSize.sm,textAlign:"center"}});class ErrorBoundary extends _react.default.Component{state={error:null};static getDerivedStateFromError(e){return{error:e}}componentDidUpdate(e){this.state.error&&hasResetKeysChanged(e.resetKeys,this.props.resetKeys)&&this.reset()}componentDidCatch(e,r){const t=(r.componentStack??"").slice(0,500);_mobileCore.Logger.recordError(e,{errorType:"RenderError",componentStack:t});try{this.props.onError?.(e,{componentStack:t})}catch(e){_mobileCore.Logger.error("[@webority/mobile-ui] ErrorBoundary onError threw; the boundary itself is unaffected.",e)}}reset=()=>{this.setState({error:null}),this.props.onReset?.()};render(){const{error:e}=this.state;if(!e)return this.props.children;const{fallback:r,title:t,message:o,testID:n}=this.props;return void 0!==r?"function"==typeof r?r(e,this.reset):r:(0,_jsxRuntime.jsx)(DefaultFallback,{error:e,reset:this.reset,title:t,message:o,testID:n})}}exports.ErrorBoundary=ErrorBoundary;

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

@@ -1,27 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ErrorBoundary", {
-  enumerable: true,
-  get: function () {
-    return _ErrorBoundary.ErrorBoundary;
-  }
-});
-Object.defineProperty(exports, "useErrorHandler", {
-  enumerable: true,
-  get: function () {
-    return _useErrorHandler.useErrorHandler;
-  }
-});
-Object.defineProperty(exports, "withErrorBoundary", {
-  enumerable: true,
-  get: function () {
-    return _withErrorBoundary.withErrorBoundary;
-  }
-});
-var _ErrorBoundary = require("./ErrorBoundary.js");
-var _useErrorHandler = require("./useErrorHandler.js");
-var _withErrorBoundary = require("./withErrorBoundary.js");
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ErrorBoundary",{enumerable:!0,get:function(){return _ErrorBoundary.ErrorBoundary}}),Object.defineProperty(exports,"useErrorHandler",{enumerable:!0,get:function(){return _useErrorHandler.useErrorHandler}}),Object.defineProperty(exports,"withErrorBoundary",{enumerable:!0,get:function(){return _withErrorBoundary.withErrorBoundary}});var _ErrorBoundary=require("./ErrorBoundary.js"),_useErrorHandler=require("./useErrorHandler.js"),_withErrorBoundary=require("./withErrorBoundary.js");

package/lib/commonjs/components/ErrorBoundary/useErrorHandler.js

@@ -1,24 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useErrorHandler = void 0;
-var _react = require("react");
-/**
- * Returns a stable callback for surfacing an error caught outside React's
- * render/commit cycle (an async callback, a rejected promise, a native event
- * handler) to the nearest ErrorBoundary. React only catches synchronous
- * render errors on its own; re-throwing during a state update is the
- * documented way to route an async error into that same path.
- */
-const useErrorHandler = () => {
-  const [, setState] = (0, _react.useState)();
-  return (0, _react.useCallback)(error => {
-    setState(() => {
-      throw error instanceof Error ? error : new Error(String(error));
-    });
-  }, []);
-};
-exports.useErrorHandler = useErrorHandler;
-//# sourceMappingURL=useErrorHandler.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useErrorHandler=void 0;var _react=require("react");const useErrorHandler=()=>{const[,r]=(0,_react.useState)();return(0,_react.useCallback)(e=>{r(()=>{throw e instanceof Error?e:new Error(String(e))})},[])};exports.useErrorHandler=useErrorHandler;

package/lib/commonjs/components/ErrorBoundary/withErrorBoundary.js

@@ -1,28 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withErrorBoundary = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ErrorBoundary = require("./ErrorBoundary.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Wraps a component in an `ErrorBoundary`. Prefer this over hand-wrapping a
- * screen at every call site when the same fallback/reset behaviour applies
- * everywhere that component is rendered.
- */
-const withErrorBoundary = (Component, boundaryProps) => {
-  const displayName = Component.displayName ?? Component.name ?? 'Component';
-  const Wrapped = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorBoundary.ErrorBoundary, {
-    ...boundaryProps,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-      ...props
-    })
-  });
-  Wrapped.displayName = `withErrorBoundary(${displayName})`;
-  return Wrapped;
-};
-exports.withErrorBoundary = withErrorBoundary;
-//# sourceMappingURL=withErrorBoundary.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.withErrorBoundary=void 0;var _react=_interopRequireDefault(require("react")),_ErrorBoundary=require("./ErrorBoundary.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(r){return r&&r.__esModule?r:{default:r}}const withErrorBoundary=(r,e)=>{const o=r.displayName??r.name??"Component",Wrapped=o=>(0,_jsxRuntime.jsx)(_ErrorBoundary.ErrorBoundary,{...e,children:(0,_jsxRuntime.jsx)(r,{...o})});return Wrapped.displayName=`withErrorBoundary(${o})`,Wrapped};exports.withErrorBoundary=withErrorBoundary;

package/lib/commonjs/components/FieldBase/Chevron.js

@@ -1,75 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Chevron = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _index = require("../../theme/index.js");
-var _defaultIcons = require("../AppIcon/defaultIcons.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); }
-/**
- * Chevron — the shared dropdown indicator for the field family.
- *
- * One glyph for Select, InlineSelect, PickerTrigger and PhoneNumberInput so
- * the indicator never drifts between trigger components. It is the design
- * system's line chevron (AppIcon `chevron-down`), reached through the icon
- * registry so an app can swap it with `theme.icons.chevronDown`; it used to
- * be a filled triangle drawn with view borders. Pass `open` to get the 180°
- * rotate-on-open animation; omit it for a static chevron.
- */
-
-const Chevron = ({
-  color,
-  size,
-  open,
-  style
-}) => {
-  const theme = (0, _index.useTheme)();
-  const rotate = (0, _react.useRef)((0, _index.createAnimatedValue)(open ? 1 : 0)).current;
-  (0, _react.useEffect)(() => {
-    if (open === undefined) {
-      return;
-    }
-    const anim = _reactNative.Animated.timing(rotate, {
-      toValue: open ? 1 : 0,
-      duration: theme.motion.duration.fast,
-      useNativeDriver: true
-    });
-    anim.start();
-    return () => anim.stop();
-  }, [open, rotate, theme.motion.duration.fast]);
-  const glyph = (theme.icons?.chevronDown ?? _defaultIcons.defaultIcons.chevronDown)({
-    size,
-    color
-  });
-  const boxStyle = {
-    width: size,
-    height: size,
-    alignItems: 'center',
-    justifyContent: 'center'
-  };
-  if (open === undefined) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [boxStyle, style],
-      children: glyph
-    });
-  }
-  const rotation = rotate.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['0deg', '180deg']
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-    style: [boxStyle, {
-      transform: [{
-        rotate: rotation
-      }]
-    }, style],
-    children: glyph
-  });
-};
-exports.Chevron = Chevron;
-var _default = exports.default = Chevron;
-//# sourceMappingURL=Chevron.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Chevron=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_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 i,o,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(i=t?n:r){if(i.has(e))return i.get(e);i.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?i(a,t,o):a[t]=e[t]);return a})(e,t)}const Chevron=({color:e,size:t,open:r,style:n})=>{const i=(0,_index.useTheme)(),o=(0,_react.useRef)((0,_index.createAnimatedValue)(r?1:0)).current;(0,_react.useEffect)(()=>{if(void 0===r)return;const e=_reactNative.Animated.timing(o,{toValue:r?1:0,duration:i.motion.duration.fast,useNativeDriver:!0});return e.start(),()=>e.stop()},[r,o,i.motion.duration.fast]);const a=(i.icons?.chevronDown??_defaultIcons.defaultIcons.chevronDown)({size:t,color:e}),u={width:t,height:t,alignItems:"center",justifyContent:"center"};if(void 0===r)return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[u,n],children:a});const s=o.interpolate({inputRange:[0,1],outputRange:["0deg","180deg"]});return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[u,{transform:[{rotate:s}]},n],children:a})};exports.Chevron=Chevron;var _default=exports.default=Chevron;

package/lib/commonjs/components/FieldBase/ChoiceText.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.hasChoiceDetail=exports.ChoiceText=void 0;var _reactNative=require("react-native"),_index=require("../../theme/index.js"),_FieldBase=require("./FieldBase.js"),_jsxRuntime=require("react/jsx-runtime");const hasChoiceDetail=(e,i)=>(0,_FieldBase.hasFieldText)(e)||(0,_FieldBase.hasFieldText)(i);exports.hasChoiceDetail=hasChoiceDetail;const ChoiceText=({label:e,description:i,error:s,disabled:t=!1,labelLines:l,descriptionLines:r,style:o,labelStyle:a})=>{const n=(0,_index.useTheme)();if(!(0,_FieldBase.hasFieldText)(e)&&!(0,_FieldBase.hasFieldText)(i)&&!(0,_FieldBase.hasFieldText)(s))return null;const c=n.typography.fontSize.sm;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.column,o],children:[(0,_FieldBase.hasFieldText)(e)?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{color:t?n.colors.text.disabled:n.colors.text.primary,fontSize:n.typography.fontSize.base,...(0,_index.fontFor)(n,"normal")},a],numberOfLines:l,children:e}):null,(0,_FieldBase.hasFieldText)(i)?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:t?n.colors.text.disabled:n.colors.text.secondary,fontSize:c,marginTop:n.spacing.xs/2,...(0,_index.fontFor)(n,"normal")},numberOfLines:r,children:i}):null,(0,_FieldBase.hasFieldText)(s)?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.errorRow,{marginTop:n.spacing.xs,columnGap:n.spacing.xs}],accessibilityLiveRegion:"polite",children:[(0,_jsxRuntime.jsx)(_FieldBase.FieldErrorGlyph,{size:c,color:n.colors.field.message}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{flexShrink:1,color:n.colors.field.message,fontSize:c,...(0,_index.fontFor)(n,"normal")},children:s})]}):null]})};exports.ChoiceText=ChoiceText;const styles=_reactNative.StyleSheet.create({column:{flexShrink:1},errorRow:{flexDirection:"row",alignItems:"center"}});