react-native-mantine 0.1.15 → 0.2.0

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

@@ -0,0 +1,186 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PinInput = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../BoxView/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index2 = require("../../theme/index.js");
+var _rem = require("../../theme/utils/rem.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const sizes = {
+  xs: (0, _rem.rem)(32),
+  sm: (0, _rem.rem)(40),
+  md: (0, _rem.rem)(48),
+  lg: (0, _rem.rem)(56),
+  xl: (0, _rem.rem)(64)
+};
+const useStyles = (0, _index2.createStyles)((theme, {
+  size,
+  radius,
+  error,
+  disabled,
+  spacing
+}) => {
+  const getSpacing = () => {
+    return theme.spacing[spacing] || theme.spacing.sm;
+  };
+  return {
+    root: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: getSpacing()
+    },
+    input: {
+      width: sizes[size] || sizes.md,
+      height: sizes[size] || sizes.md,
+      borderRadius: theme.fn.radius(radius),
+      borderWidth: 1,
+      borderColor: error ? (theme.colors.red || [])[6] : theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[4],
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[6] : theme.white,
+      fontSize: (0, _index2.getSize)({
+        size,
+        sizes: theme.fontSizes
+      }),
+      textAlign: 'center',
+      color: theme.colorScheme === 'dark' ? theme.white : theme.black,
+      ...(disabled && {
+        opacity: 0.6
+      })
+    },
+    inputFocused: {
+      borderColor: theme.colors[theme.primaryColor]?.[6] || theme.primaryBgColor,
+      borderWidth: 2
+    }
+  };
+});
+const defaultProps = {
+  length: 4,
+  size: 'sm',
+  radius: 'sm',
+  mask: false,
+  type: 'number',
+  disabled: false,
+  error: false,
+  spacing: 'sm'
+};
+const PinInput = exports.PinInput = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    length,
+    size,
+    radius,
+    mask,
+    type,
+    value: controlledValue,
+    defaultValue,
+    onChange,
+    onComplete,
+    disabled,
+    error,
+    spacing,
+    style,
+    inputStyle,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('PinInput', defaultProps, props);
+  const [uncontrolledValue, setUncontrolledValue] = (0, _react.useState)(defaultValue || '');
+  const [focusedIndex, setFocusedIndex] = (0, _react.useState)(null);
+  const value = controlledValue !== undefined ? controlledValue : uncontrolledValue;
+  const inputRefs = (0, _react.useRef)([]);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    size,
+    radius,
+    error,
+    disabled,
+    spacing
+  }, {
+    name: 'PinInput'
+  });
+  const handleChange = (text, index) => {
+    if (disabled) return;
+
+    // Validate input based on type
+    const isValid = type === 'number' ? /^\d*$/.test(text) : /^[a-zA-Z0-9]*$/.test(text);
+    if (!isValid) return;
+
+    // Handle paste
+    if (text.length > 1) {
+      const pastedText = text.slice(0, length);
+      const newValue = pastedText.padEnd(length, ' ').slice(0, length);
+      if (controlledValue === undefined) {
+        setUncontrolledValue(newValue);
+      }
+      onChange?.(newValue);
+
+      // Move focus to the last filled input or the end
+      const nextIndex = Math.min(pastedText.length, length - 1);
+      inputRefs.current[nextIndex]?.focus();
+      if (newValue.replace(/ /g, '').length === length) {
+        onComplete?.(newValue);
+      }
+      return;
+    }
+
+    // Handle single character input
+    const newValueArray = value.padEnd(length, ' ').split('');
+    newValueArray[index] = text;
+    const newValue = newValueArray.join('').slice(0, length);
+    if (controlledValue === undefined) {
+      setUncontrolledValue(newValue);
+    }
+    onChange?.(newValue);
+
+    // Move to next input if character was entered
+    if (text && index < length - 1) {
+      inputRefs.current[index + 1]?.focus();
+    }
+
+    // Check if complete
+    if (newValue.replace(/ /g, '').length === length) {
+      onComplete?.(newValue);
+    }
+  };
+  const handleKeyPress = (e, index) => {
+    // Handle backspace
+    if (e.nativeEvent.key === 'Backspace') {
+      const currentValue = value.charAt(index);
+      if (!currentValue || currentValue === ' ') {
+        // Move to previous input if current is empty
+        if (index > 0) {
+          inputRefs.current[index - 1]?.focus();
+        }
+      }
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: Array.from({
+      length: length
+    }, (_, index) => {
+      const inputValue = value.charAt(index) || '';
+      const displayValue = inputValue === ' ' ? '' : inputValue;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+        ref: el => inputRefs.current[index] = el,
+        value: mask && displayValue ? '•' : displayValue,
+        onChangeText: text => handleChange(text, index),
+        onKeyPress: e => handleKeyPress(e, index),
+        onFocus: () => setFocusedIndex(index),
+        onBlur: () => setFocusedIndex(null),
+        maxLength: 1,
+        keyboardType: type === 'number' ? 'number-pad' : 'default',
+        editable: !disabled,
+        selectTextOnFocus: true,
+        style: sx(styles.input, focusedIndex === index && styles.inputFocused, inputStyle)
+      }, index);
+    })
+  });
+});
+PinInput.displayName = 'PinInput';
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/PinInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_themeProvider","_index2","_rem","_jsxRuntime","sizes","xs","rem","sm","md","lg","xl","useStyles","createStyles","theme","size","radius","error","disabled","spacing","getSpacing","root","flexDirection","alignItems","gap","input","width","height","borderRadius","fn","borderWidth","borderColor","colors","red","colorScheme","dark","gray","backgroundColor","white","fontSize","getSize","fontSizes","textAlign","color","black","opacity","inputFocused","primaryColor","primaryBgColor","defaultProps","length","mask","type","PinInput","exports","forwardRef","props","ref","value","controlledValue","defaultValue","onChange","onComplete","style","inputStyle","others","useComponentDefaultProps","uncontrolledValue","setUncontrolledValue","useState","focusedIndex","setFocusedIndex","undefined","inputRefs","useRef","styles","sx","name","handleChange","text","index","isValid","test","pastedText","slice","newValue","padEnd","nextIndex","Math","min","current","focus","replace","newValueArray","split","join","handleKeyPress","e","nativeEvent","key","currentValue","charAt","jsx","BoxView","children","Array","from","_","inputValue","displayValue","TextInput","el","onChangeText","onKeyPress","onFocus","onBlur","maxLength","keyboardType","editable","selectTextOnFocus","displayName"],"sourceRoot":"../../../../src","sources":["components/PinInput/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,163 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Popover = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../BoxView/index.js");
+var _index2 = require("../Portal/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const defaultProps = {
+  position: 'bottom',
+  width: 260,
+  radius: 'md',
+  shadow: 'md',
+  withArrow: false,
+  arrowSize: 7,
+  arrowOffset: 5,
+  closeOnClickOutside: true,
+  closeOnEscape: true,
+  zIndex: 1000
+};
+const PopoverContext = /*#__PURE__*/_react.default.createContext(null);
+const usePopoverContext = () => {
+  const ctx = _react.default.useContext(PopoverContext);
+  if (!ctx) {
+    throw new Error('Popover components must be used within Popover');
+  }
+  return ctx;
+};
+const PopoverTarget = ({
+  children
+}) => {
+  const {
+    setOpened,
+    targetRef,
+    setDropdownPosition
+  } = usePopoverContext();
+  const handlePress = () => {
+    if (targetRef.current) {
+      targetRef.current.measureInWindow((x, y, width, height) => {
+        setDropdownPosition({
+          top: y + height + 8,
+          left: x,
+          width
+        });
+      });
+    }
+    setOpened(true);
+  };
+  return /*#__PURE__*/_react.default.cloneElement(children, {
+    ref: targetRef,
+    onPress: handlePress
+  });
+};
+const PopoverDropdown = ({
+  children,
+  style,
+  ...others
+}) => {
+  const {
+    opened,
+    setOpened,
+    dropdownPosition
+  } = usePopoverContext();
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  _react.default.useEffect(() => {
+    if (opened) {
+      _reactNative.Animated.timing(opacity, {
+        toValue: 1,
+        duration: 150,
+        useNativeDriver: true
+      }).start();
+    }
+  }, [opened, opacity]);
+  if (!opened) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Portal, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
+      onPress: () => setOpened(false),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+          style: [{
+            position: 'absolute',
+            top: dropdownPosition.top,
+            left: dropdownPosition.left,
+            opacity
+          }, style],
+          ...others,
+          children: children
+        })
+      })
+    })
+  });
+};
+const Popover = exports.Popover = Object.assign(/*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    position,
+    width,
+    radius,
+    shadow,
+    withArrow,
+    arrowSize,
+    arrowOffset,
+    closeOnClickOutside,
+    closeOnEscape,
+    opened: controlledOpened,
+    onChange,
+    zIndex,
+    children,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Popover', defaultProps, props);
+  const [opened, setOpened] = (0, _react.useState)(false);
+  const [dropdownPosition, setDropdownPosition] = (0, _react.useState)({
+    top: 0,
+    left: 0,
+    width: 0
+  });
+  const targetRef = (0, _react.useRef)(null);
+  const isControlled = controlledOpened !== undefined;
+  const isOpened = isControlled ? controlledOpened : opened;
+  const handleSetOpened = value => {
+    if (!isControlled) {
+      setOpened(value);
+    }
+    onChange?.(value);
+  };
+  const contextValue = {
+    opened: isOpened,
+    setOpened: handleSetOpened,
+    targetRef,
+    dropdownPosition,
+    setDropdownPosition
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PopoverContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      ref: ref,
+      ...others,
+      children: children
+    })
+  });
+}), {
+  Target: PopoverTarget,
+  Dropdown: PopoverDropdown
+});
+Popover.displayName = 'Popover';
+PopoverTarget.displayName = 'Popover.Target';
+PopoverDropdown.displayName = 'Popover.Dropdown';
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_themeProvider","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","defaultProps","position","width","radius","shadow","withArrow","arrowSize","arrowOffset","closeOnClickOutside","closeOnEscape","zIndex","PopoverContext","React","createContext","usePopoverContext","ctx","useContext","Error","PopoverTarget","children","setOpened","targetRef","setDropdownPosition","handlePress","current","measureInWindow","x","y","height","top","left","cloneElement","ref","onPress","PopoverDropdown","style","others","opened","dropdownPosition","opacity","useRef","Animated","Value","useEffect","timing","toValue","duration","useNativeDriver","start","jsx","Portal","TouchableWithoutFeedback","View","right","bottom","Popover","exports","assign","forwardRef","props","controlledOpened","onChange","useComponentDefaultProps","useState","isControlled","undefined","isOpened","handleSetOpened","value","contextValue","Provider","BoxView","Target","Dropdown","displayName"],"sourceRoot":"../../../../src","sources":["components/Popover/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PortalProvider = exports.Portal = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const PortalContext = /*#__PURE__*/(0, _react.createContext)(null);
+const PortalProvider = ({
+  children
+}) => {
+  const [portals, setPortals] = (0, _react.useState)(new Map());
+  const nextKey = _react.default.useRef(0);
+  const mount = (0, _react.useCallback)(child => {
+    const key = nextKey.current++;
+    setPortals(prev => {
+      const next = new Map(prev);
+      next.set(key, child);
+      return next;
+    });
+    return key;
+  }, []);
+  const unmount = (0, _react.useCallback)(key => {
+    setPortals(prev => {
+      const next = new Map(prev);
+      next.delete(key);
+      return next;
+    });
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PortalContext.Provider, {
+    value: {
+      mount,
+      unmount
+    },
+    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: _reactNative.StyleSheet.absoluteFill,
+      pointerEvents: "box-none",
+      children: Array.from(portals.entries()).map(([key, child]) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+        children: child
+      }, key))
+    })]
+  });
+};
+exports.PortalProvider = PortalProvider;
+const Portal = ({
+  children
+}) => {
+  const context = (0, _react.useContext)(PortalContext);
+  const [, setKey] = (0, _react.useState)(null);
+  _react.default.useEffect(() => {
+    if (!context) {
+      console.warn('Portal used without PortalProvider');
+      return;
+    }
+    const portalKey = context.mount(children);
+    setKey(portalKey);
+    return () => {
+      context.unmount(portalKey);
+    };
+  }, [children, context]);
+  return null;
+};
+exports.Portal = Portal;
+Portal.displayName = 'Portal';
+PortalProvider.displayName = 'PortalProvider';
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PortalContext","createContext","PortalProvider","children","portals","setPortals","useState","Map","nextKey","React","useRef","mount","useCallback","child","key","current","prev","next","unmount","delete","jsxs","Provider","value","jsx","View","style","StyleSheet","absoluteFill","pointerEvents","Array","from","entries","map","Fragment","exports","Portal","context","useContext","setKey","useEffect","console","warn","portalKey","displayName"],"sourceRoot":"../../../../src","sources":["components/Portal/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Progress = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../BoxView/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index2 = require("../../theme/index.js");
+var _rem = require("../../theme/utils/rem.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const sizes = {
+  xs: (0, _rem.rem)(3),
+  sm: (0, _rem.rem)(5),
+  md: (0, _rem.rem)(8),
+  lg: (0, _rem.rem)(12),
+  xl: (0, _rem.rem)(16)
+};
+const useStyles = (0, _index2.createStyles)((theme, {
+  color,
+  radius,
+  size,
+  striped
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const sizeValue = typeof size === 'number' ? (0, _rem.rem)(size) : sizes[size] || sizes.md;
+  return {
+    root: {
+      height: sizeValue,
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[2],
+      borderRadius: theme.fn.radius(radius),
+      overflow: 'hidden'
+    },
+    bar: {
+      height: '100%',
+      backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+      ...(striped && {
+        backgroundImage: `linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)`,
+        backgroundSize: `${sizeValue} ${sizeValue}`
+      })
+    },
+    section: {
+      height: '100%'
+    }
+  };
+});
+const defaultProps = {
+  value: 0,
+  color: 'blue',
+  size: 'md',
+  radius: 'sm',
+  striped: false,
+  animate: false
+};
+const Progress = exports.Progress = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    value,
+    color,
+    size,
+    radius,
+    striped,
+    animate,
+    sections,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Progress', defaultProps, props);
+  const animatedValue = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.timing(animatedValue, {
+      toValue: value || 0,
+      duration: 300,
+      useNativeDriver: false
+    }).start();
+  }, [value, animatedValue]);
+  const {
+    styles,
+    sx,
+    theme
+  } = useStyles({
+    color,
+    radius,
+    size,
+    striped
+  }, {
+    name: 'Progress'
+  });
+  const renderSections = () => {
+    if (!sections || sections.length === 0) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: [styles.bar, {
+          width: animatedValue.interpolate({
+            inputRange: [0, 100],
+            outputRange: ['0%', '100%']
+          })
+        }]
+      });
+    }
+    return sections.map((section, index) => {
+      const sectionColors = theme.colors[section.color] || theme.colors[theme.primaryColor];
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+        style: [styles.section, {
+          width: `${section.value}%`,
+          backgroundColor: sectionColors?.[6] || sectionColors?.[5] || theme.primaryBgColor
+        }]
+      }, index);
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: sections && sections.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      style: {
+        flexDirection: 'row',
+        height: '100%'
+      },
+      children: renderSections()
+    }) : renderSections()
+  });
+});
+Progress.displayName = 'Progress';
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_themeProvider","_index2","_rem","_jsxRuntime","sizes","xs","rem","sm","md","lg","xl","useStyles","createStyles","theme","color","radius","size","striped","colors","primaryColor","sizeValue","root","height","backgroundColor","colorScheme","dark","gray","borderRadius","fn","overflow","bar","primaryBgColor","backgroundImage","backgroundSize","section","defaultProps","value","animate","Progress","exports","forwardRef","props","ref","sections","style","others","useComponentDefaultProps","animatedValue","useRef","Animated","Value","current","useEffect","timing","toValue","duration","useNativeDriver","start","styles","sx","name","renderSections","length","jsx","View","width","interpolate","inputRange","outputRange","map","index","sectionColors","BoxView","children","flexDirection","displayName"],"sourceRoot":"../../../../src","sources":["components/Progress/index.tsx"],"mappings":"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","ignoreList":[]}