@neko-os/ui 0.3.0 → 0.4.0

package/dist/abstractions/TouchableOpacity.native.js

@@ -1,3 +1,9 @@
-import { TouchableOpacity as RNTouchableOpacity } from "react-native-web";
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/TouchableOpacity.native.js";var _excluded = ["href", "target", "link", "onPress"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { Linking, TouchableOpacity as RNTouchableOpacity } from "react-native-web";import { jsx as _jsx } from "react/jsx-runtime";
 
-export var AbsTouchableOpacity = RNTouchableOpacity;
+export function AbsTouchableOpacity(_ref) {var href = _ref.href,target = _ref.target,link = _ref.link,onPress = _ref.onPress,props = _objectWithoutProperties(_ref, _excluded);
+  var handlePress = href ?
+  function (e) {onPress == null ? void 0 : onPress(e);Linking.openURL(href);} :
+  onPress;
+
+  return _jsx(RNTouchableOpacity, Object.assign({ onPress: handlePress }, props));
+}

package/dist/components/inputs/LinkInput.js

@@ -6,7 +6,7 @@ import { useColors } from "../../theme/ThemeHandler";import { jsx as _jsx } from
 
 export function LinkInput(_ref) {var ref = _ref.ref,onPress = _ref.onPress,onClick = _ref.onClick,placeholder = _ref.placeholder,value = _ref.value,disabled = _ref.disabled,props = _objectWithoutProperties(_ref, _excluded);
   return (
-    _jsx(Link, { ref: ref, onPress: !props.loading ? onPress || onClick : undefined, flex: true, fullW: true, centerV: true, disabled: disabled, children:
+    _jsx(Link, { ref: ref, onPress: !props.loading ? onPress || onClick : undefined, fullW: true, centerV: true, disabled: disabled, children:
       _jsx(InputWrapper, Object.assign({}, props, { children:
         _jsx(View, { centerV: true, flex: true, fullW: true, children:
           _jsx(Text, { color: !!value ? 'text' : 'text_op30', label: value || placeholder, numberOfLines: 1 }) }

package/dist/components/inputs/Picker.js

@@ -144,7 +144,7 @@ export function Picker(_ref7)
   Wrapper = Wrapper || (useFlatList ? FlatListPickerWrapper : DefaultPickerWrapper);
 
   return (
-    _jsx(LoadingView, { active: isFirstLoad, replaceChildren: true, children:
+    _jsx(LoadingView, { active: isFirstLoad, replaceChildren: true, flex: true, children:
       _jsx(Wrapper, Object.assign({},
       rootProps, {
         valueKey: valueKey,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neko-os/ui",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "author": "Christian Storch <ccstorch@gmail.com>",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/abstractions/TouchableOpacity.native.js

@@ -1,3 +1,9 @@
-import { TouchableOpacity as RNTouchableOpacity } from 'react-native'
+import { Linking, TouchableOpacity as RNTouchableOpacity } from 'react-native'
 
-export const AbsTouchableOpacity = RNTouchableOpacity
+export function AbsTouchableOpacity({ href, target, link, onPress, ...props }) {
+  const handlePress = href
+    ? (e) => { onPress?.(e); Linking.openURL(href) }
+    : onPress
+
+  return <RNTouchableOpacity onPress={handlePress} {...props} />
+}

package/src/components/inputs/LinkInput.js

@@ -6,7 +6,7 @@ import { useColors } from '../../theme/ThemeHandler'
 
 export function LinkInput({ ref, onPress, onClick, placeholder, value, disabled, ...props }) {
   return (
-    <Link ref={ref} onPress={!props.loading ? onPress || onClick : undefined} flex fullW centerV disabled={disabled}>
+    <Link ref={ref} onPress={!props.loading ? onPress || onClick : undefined} fullW centerV disabled={disabled}>
       <InputWrapper {...props}>
         <View centerV flex fullW>
           <Text color={!!value ? 'text' : 'text_op30'} label={value || placeholder} numberOfLines={1} />

package/src/components/inputs/Picker.js

@@ -144,7 +144,7 @@ export function Picker({
   Wrapper = Wrapper || (useFlatList ? FlatListPickerWrapper : DefaultPickerWrapper)
 
   return (
-    <LoadingView active={isFirstLoad} replaceChildren>
+    <LoadingView active={isFirstLoad} replaceChildren flex>
       <Wrapper
         {...rootProps}
         valueKey={valueKey}