react-native-mantine 0.1.15 → 0.3.0

package/lib/module/components/LoadingOverlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Overlay","Loader","BoxView","useComponentDefaultProps","createStyles","jsx","_jsx","jsxs","_jsxs","useStyles","_theme","root","position","top","left","right","bottom","loader","transform","translateX","translateY","defaultProps","visible","overlayOpacity","overlayColor","overlayBlur","loaderSize","radius","zIndex","transitionDuration","LoadingOverlay","props","ref","style","others","styles","sx","name","children","opacity","color","blur","size","displayName"],"sourceRoot":"../../../../src","sources":["components/LoadingOverlay/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,OAAO,QAAQ,qBAAY;AACpC,SAASC,MAAM,QAAQ,oBAAW;AAClC,SAASC,OAAO,QAAQ,qBAAY;AAEpC,SAASC,wBAAwB,QAAQ,+BAA4B;AACrE,SAASC,YAAY,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA+B3C,MAAMC,SAAS,GAAGL,YAAY,CAAEM,MAAM,KAAM;EAC1CC,IAAI,EAAE;IACJC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNL,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,KAAK;IACVC,IAAI,EAAE,KAAK;IACXI,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAE,CAAC;IAAG,CAAC,EAAE;MAAEC,UAAU,EAAE,CAAC;IAAG,CAAC;EACtD;AACF,CAAC,CAAC,CAAC;AAEH,MAAMC,YAA0C,GAAG;EACjDC,OAAO,EAAE,KAAK;EACdC,cAAc,EAAE,IAAI;EACpBC,YAAY,EAAE,MAAM;EACpBC,WAAW,EAAE,CAAC;EACdC,UAAU,EAAE,IAAI;EAChBC,MAAM,EAAE,CAAC;EACTC,MAAM,EAAE,IAAI;EACZC,kBAAkB,EAAE;AACtB,CAAC;AAED,OAAO,MAAMC,cAAc,gBAAG/B,UAAU,CACtC,CAACgC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IACJV,OAAO;IACPC,cAAc;IACdC,YAAY;IACZC,WAAW;IACXC,UAAU;IACVC,MAAM;IACNC,MAAM;IACNC,kBAAkB;IAClBI,KAAK;IACL,GAAGC;EACL,CAAC,GAAG/B,wBAAwB,CAAC,gBAAgB,EAAEkB,YAAY,EAAEU,KAAK,CAAC;EAEnE,MAAM;IAAEI,MAAM;IAAEC;EAAE,CAAC,GAAG3B,SAAS,CAAC,CAAC,CAAC,EAAE;IAAE4B,IAAI,EAAE;EAAiB,CAAC,CAAQ;EAEtE,IAAI,CAACf,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACEd,KAAA,CAACN,OAAO;IAAC8B,GAAG,EAAEA,GAAI;IAACC,KAAK,EAAEG,EAAE,CAACD,MAAM,CAACxB,IAAI,EAAEsB,KAAK,CAAE;IAAA,GAAKC,MAAM;IAAAI,QAAA,gBAC1DhC,IAAA,CAACN,OAAO;MACNuC,OAAO,EAAEhB,cAAe;MACxBiB,KAAK,EAAEhB,YAAa;MACpBiB,IAAI,EAAEhB,WAAY;MAClBE,MAAM,EAAEA,MAAO;MACfC,MAAM,EAAEA;IAAO,CAChB,CAAC,eACFtB,IAAA,CAACJ,OAAO;MAAC+B,KAAK,EAAEE,MAAM,CAAClB,MAAO;MAAAqB,QAAA,eAC5BhC,IAAA,CAACL,MAAM;QAACyC,IAAI,EAAEhB;MAAW,CAAE;IAAC,CACrB,CAAC;EAAA,CACH,CAAC;AAEd,CACF,CAAC;AAEDI,cAAc,CAACa,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/lib/module/components/Mark/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { Text } from "../Text/index.js";
+import { useTheme } from "../../theme/theme-provider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Mark component renders text with a background color (like HTML mark tag)
+ * Default background is yellow
+ */
+export const Mark = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    color = 'yellow',
+    style,
+    ...others
+  } = props;
+  const theme = useTheme();
+
+  // Get background color from theme or use as direct color
+  const getBackgroundColor = () => {
+    // Try to get from theme colors with lighter shade (index 2)
+    if (theme.colors[color]) {
+      return (theme.colors[color] || [])[2] || (theme.colors[color] || [])[0];
+    }
+    // Otherwise use the color directly
+    return color;
+  };
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    style: [{
+      backgroundColor: getBackgroundColor(),
+      paddingHorizontal: 4,
+      paddingVertical: 2
+    }, style],
+    ...others,
+    children: children
+  });
+});
+Mark.displayName = 'Mark';
+//# sourceMappingURL=index.js.map

package/lib/module/components/Mark/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Text","useTheme","jsx","_jsx","Mark","props","ref","children","color","style","others","theme","getBackgroundColor","colors","backgroundColor","paddingHorizontal","paddingVertical","displayName"],"sourceRoot":"../../../../src","sources":["components/Mark/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,IAAI,QAAQ,kBAAS;AAE9B,SAASC,QAAQ,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUtD;AACA;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGL,UAAU,CAAiB,CAACM,KAAK,EAAEC,GAAG,KAAK;EAC7D,MAAM;IAAEC,QAAQ;IAAEC,KAAK,GAAG,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAGL,KAAK;EAE7D,MAAMM,KAAK,GAAGV,QAAQ,CAAC,CAAC;;EAExB;EACA,MAAMW,kBAAkB,GAAGA,CAAA,KAAM;IAC/B;IACA,IAAID,KAAK,CAACE,MAAM,CAACL,KAAK,CAAC,EAAE;MACvB,OAAO,CAACG,KAAK,CAACE,MAAM,CAACL,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAACG,KAAK,CAACE,MAAM,CAACL,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACzE;IACA;IACA,OAAOA,KAAK;EACd,CAAC;EAED,oBACEL,IAAA,CAACH,IAAI;IACHM,GAAG,EAAEA,GAAI;IACTG,KAAK,EAAE,CACL;MACEK,eAAe,EAAEF,kBAAkB,CAAC,CAAC;MACrCG,iBAAiB,EAAE,CAAC;MACpBC,eAAe,EAAE;IACnB,CAAC,EACDP,KAAK,CACL;IAAA,GACEC,MAAM;IAAAH,QAAA,EAETA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;AAEFH,IAAI,CAACa,WAAW,GAAG,MAAM","ignoreList":[]}

package/lib/module/components/MediaQuery/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+import React, { useState, useEffect } from 'react';
+import { Dimensions } from 'react-native';
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const defaultProps = {
+  query: 'window'
+};
+const getOrientation = dimensions => {
+  return dimensions.width < dimensions.height ? 'portrait' : 'landscape';
+};
+const matchesQuery = (dimensions, {
+  minWidth,
+  maxWidth,
+  minHeight,
+  maxHeight,
+  orientation
+}) => {
+  const {
+    width,
+    height
+  } = dimensions;
+  if (minWidth !== undefined && width < minWidth) {
+    return false;
+  }
+  if (maxWidth !== undefined && width > maxWidth) {
+    return false;
+  }
+  if (minHeight !== undefined && height < minHeight) {
+    return false;
+  }
+  if (maxHeight !== undefined && height > maxHeight) {
+    return false;
+  }
+  if (orientation !== undefined && getOrientation(dimensions) !== orientation) {
+    return false;
+  }
+  return true;
+};
+export const MediaQuery = props => {
+  const {
+    minWidth,
+    maxWidth,
+    minHeight,
+    maxHeight,
+    largerThan,
+    smallerThan,
+    orientation,
+    children,
+    query
+  } = useComponentDefaultProps('MediaQuery', defaultProps, props);
+  const [dimensions, setDimensions] = useState(Dimensions.get(query));
+  useEffect(() => {
+    const subscription = Dimensions.addEventListener('change', ({
+      window,
+      screen
+    }) => {
+      setDimensions(query === 'screen' ? screen : window);
+    });
+    return () => subscription?.remove();
+  }, [query]);
+
+  // Convert largerThan/smallerThan to minWidth/maxWidth
+  const finalMinWidth = largerThan !== undefined ? typeof largerThan === 'number' ? largerThan : parseInt(largerThan, 10) : minWidth;
+  const finalMaxWidth = smallerThan !== undefined ? typeof smallerThan === 'number' ? smallerThan : parseInt(smallerThan, 10) : maxWidth;
+  const matches = matchesQuery(dimensions, {
+    minWidth: finalMinWidth,
+    maxWidth: finalMaxWidth,
+    minHeight,
+    maxHeight,
+    orientation
+  });
+  if (!matches) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+};
+MediaQuery.displayName = 'MediaQuery';
+//# sourceMappingURL=index.js.map

package/lib/module/components/MediaQuery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","Dimensions","useComponentDefaultProps","Fragment","_Fragment","jsx","_jsx","defaultProps","query","getOrientation","dimensions","width","height","matchesQuery","minWidth","maxWidth","minHeight","maxHeight","orientation","undefined","MediaQuery","props","largerThan","smallerThan","children","setDimensions","get","subscription","addEventListener","window","screen","remove","finalMinWidth","parseInt","finalMaxWidth","matches","displayName"],"sourceRoot":"../../../../src","sources":["components/MediaQuery/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Menu/index.js

@@ -0,0 +1,300 @@
+"use strict";
+
+import React, { forwardRef, useState, useRef } from 'react';
+import { TouchableOpacity, Animated } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { Text } from "../Text/index.js";
+import { Divider } from "../Divider/index.js";
+import { Portal } from "../Portal/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// TODO: Implement Menu component styling
+/* Placeholder for future Menu dropdown implementation
+const useMenuStyles = createStyles(
+  (theme, { radius, shadow }: { radius: MantineNumberSize; shadow: string }) => ({
+    dropdown: {
+      // Menu dropdown styles will be implemented here
+    },
+  })
+);
+*/
+
+const useItemStyles = createStyles((theme, {
+  color,
+  disabled
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  return {
+    item: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingVertical: 10,
+      paddingHorizontal: theme.spacing.md,
+      opacity: disabled ? 0.4 : 1
+    },
+    itemHovered: {
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[5] : (theme.colors.gray || [])[0]
+    },
+    icon: {
+      marginRight: theme.spacing.sm,
+      color: color ? colors?.[6] || colors?.[5] : theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] : (theme.colors.gray || [])[7]
+    },
+    label: {
+      flex: 1,
+      fontSize: 14,
+      color: color ? colors?.[6] || colors?.[5] : theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] : theme.black
+    },
+    rightSection: {
+      marginLeft: theme.spacing.sm
+    }
+  };
+});
+const useLabelStyles = createStyles(theme => ({
+  label: {
+    paddingVertical: 6,
+    paddingHorizontal: theme.spacing.md,
+    fontSize: 12,
+    fontWeight: '600',
+    color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[2] : (theme.colors.gray || [])[6],
+    textTransform: 'uppercase'
+  }
+}));
+const MenuContext = /*#__PURE__*/React.createContext(null);
+const useMenuContext = () => {
+  const ctx = React.useContext(MenuContext);
+  if (!ctx) {
+    throw new Error('Menu components must be used within Menu');
+  }
+  return ctx;
+};
+const defaultMenuProps = {
+  position: 'bottom-start',
+  width: 200,
+  closeOnItemClick: true,
+  closeOnClickOutside: true,
+  shadow: 'md',
+  radius: 'sm',
+  zIndex: 1000
+};
+const defaultItemProps = {
+  disabled: false
+};
+const MenuTarget = ({
+  children
+}) => {
+  const {
+    setOpened,
+    targetRef,
+    setDropdownPosition
+  } = useMenuContext();
+  const handlePress = () => {
+    if (targetRef.current) {
+      targetRef.current.measureInWindow((x, y, width, height) => {
+        setDropdownPosition({
+          top: y + height + 4,
+          left: x,
+          width
+        });
+      });
+    }
+    setOpened(true);
+  };
+  return /*#__PURE__*/React.cloneElement(children, {
+    ref: targetRef,
+    onPress: handlePress
+  });
+};
+const MenuDropdown = ({
+  children,
+  style,
+  ...others
+}) => {
+  const {
+    opened,
+    setOpened,
+    dropdownPosition
+  } = useMenuContext();
+  const opacity = useRef(new Animated.Value(0)).current;
+  React.useEffect(() => {
+    if (opened) {
+      Animated.timing(opacity, {
+        toValue: 1,
+        duration: 150,
+        useNativeDriver: true
+      }).start();
+    }
+  }, [opened, opacity]);
+  if (!opened) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Portal, {
+    children: /*#__PURE__*/_jsx(TouchableOpacity, {
+      activeOpacity: 1,
+      onPress: () => setOpened(false),
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0
+      },
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: [{
+          position: 'absolute',
+          top: dropdownPosition.top,
+          left: dropdownPosition.left,
+          opacity
+        }, style],
+        ...others,
+        children: children
+      })
+    })
+  });
+};
+const MenuItem = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    icon,
+    color,
+    children,
+    onPress,
+    disabled,
+    rightSection,
+    style,
+    ...others
+  } = useComponentDefaultProps('MenuItem', defaultItemProps, props);
+  const {
+    setOpened,
+    closeOnItemClick
+  } = useMenuContext();
+  const [isPressed, setIsPressed] = React.useState(false);
+  const {
+    styles,
+    sx
+  } = useItemStyles({
+    color,
+    disabled
+  }, {
+    name: 'MenuItem'
+  });
+  const handlePress = () => {
+    if (disabled) return;
+    onPress?.();
+    if (closeOnItemClick) {
+      setOpened(false);
+    }
+  };
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    ref: ref,
+    onPress: handlePress,
+    onPressIn: () => setIsPressed(true),
+    onPressOut: () => setIsPressed(false),
+    disabled: disabled,
+    activeOpacity: 0.7,
+    style: sx(styles.item, isPressed && styles.itemHovered, style),
+    ...others,
+    children: [icon && /*#__PURE__*/_jsx(BoxView, {
+      style: styles.icon,
+      children: icon
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: children
+    }), rightSection && /*#__PURE__*/_jsx(BoxView, {
+      style: styles.rightSection,
+      children: rightSection
+    })]
+  });
+});
+const MenuLabel = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    ...others
+  } = props;
+  const {
+    styles,
+    sx
+  } = useLabelStyles({}, {
+    name: 'MenuLabel'
+  });
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.label, style),
+    ...others,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: children
+    })
+  });
+});
+const MenuDivider = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    style,
+    ...others
+  } = props;
+  return /*#__PURE__*/_jsx(Divider, {
+    ref: ref,
+    style: style,
+    ...others
+  });
+});
+export const Menu = Object.assign(/*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    opened: controlledOpened,
+    onChange,
+    position,
+    width,
+    closeOnItemClick,
+    closeOnClickOutside,
+    shadow,
+    radius,
+    zIndex,
+    children,
+    style,
+    ...others
+  } = useComponentDefaultProps('Menu', defaultMenuProps, props);
+  const [opened, setOpened] = useState(false);
+  const [dropdownPosition, setDropdownPosition] = useState({
+    top: 0,
+    left: 0,
+    width: 0
+  });
+  const targetRef = 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,
+    closeOnItemClick: closeOnItemClick ?? true,
+    targetRef,
+    dropdownPosition,
+    setDropdownPosition
+  };
+  return /*#__PURE__*/_jsx(MenuContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(BoxView, {
+      ref: ref,
+      ...others,
+      children: children
+    })
+  });
+}), {
+  Target: MenuTarget,
+  Dropdown: MenuDropdown,
+  Item: MenuItem,
+  Label: MenuLabel,
+  Divider: MenuDivider
+});
+Menu.displayName = 'Menu';
+MenuTarget.displayName = 'Menu.Target';
+MenuDropdown.displayName = 'Menu.Dropdown';
+MenuItem.displayName = 'Menu.Item';
+MenuLabel.displayName = 'Menu.Label';
+MenuDivider.displayName = 'Menu.Divider';
+//# sourceMappingURL=index.js.map

package/lib/module/components/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useState","useRef","TouchableOpacity","Animated","BoxView","Text","Divider","Portal","useComponentDefaultProps","createStyles","jsx","_jsx","jsxs","_jsxs","useItemStyles","theme","color","disabled","colors","primaryColor","item","flexDirection","alignItems","paddingVertical","paddingHorizontal","spacing","md","opacity","itemHovered","backgroundColor","colorScheme","dark","gray","icon","marginRight","sm","label","flex","fontSize","black","rightSection","marginLeft","useLabelStyles","fontWeight","textTransform","MenuContext","createContext","useMenuContext","ctx","useContext","Error","defaultMenuProps","position","width","closeOnItemClick","closeOnClickOutside","shadow","radius","zIndex","defaultItemProps","MenuTarget","children","setOpened","targetRef","setDropdownPosition","handlePress","current","measureInWindow","x","y","height","top","left","cloneElement","ref","onPress","MenuDropdown","style","others","opened","dropdownPosition","Value","useEffect","timing","toValue","duration","useNativeDriver","start","activeOpacity","right","bottom","View","MenuItem","props","isPressed","setIsPressed","styles","sx","name","onPressIn","onPressOut","MenuLabel","MenuDivider","Menu","Object","assign","controlledOpened","onChange","isControlled","undefined","isOpened","handleSetOpened","value","contextValue","Provider","Target","Dropdown","Item","Label","displayName"],"sourceRoot":"../../../../src","sources":["components/Menu/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,OAAO;AAC3D,SAEEC,gBAAgB,EAChBC,QAAQ,QACH,cAAc;AACrB,SAASC,OAAO,QAAQ,qBAAY;AACpC,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,OAAO,QAAQ,qBAAY;AACpC,SAASC,MAAM,QAAQ,oBAAW;AAMlC,SAASC,wBAAwB,QAAQ,+BAA4B;AACrE,SAASC,YAAY,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAsF3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,aAAa,GAAGL,YAAY,CAChC,CACEM,KAAK,EACL;EAAEC,KAAK;EAAEC;AAAqD,CAAC,KAC5D;EACH,MAAMC,MAAM,GAAGH,KAAK,CAACG,MAAM,CAACF,KAAK,CAAC,IAAID,KAAK,CAACG,MAAM,CAACH,KAAK,CAACI,YAAY,CAAC;EAEtE,OAAO;IACLC,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAET,KAAK,CAACU,OAAO,CAACC,EAAE;MACnCC,OAAO,EAAEV,QAAQ,GAAG,GAAG,GAAG;IAC5B,CAAC;IACDW,WAAW,EAAE;MACXC,eAAe,EACbd,KAAK,CAACe,WAAW,KAAK,MAAM,GACxB,CAACf,KAAK,CAACG,MAAM,CAACa,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,GAC5B,CAAChB,KAAK,CAACG,MAAM,CAACc,IAAI,IAAI,EAAE,EAAE,CAAC;IACnC,CAAC;IACDC,IAAI,EAAE;MACJC,WAAW,EAAEnB,KAAK,CAACU,OAAO,CAACU,EAAE;MAC7BnB,KAAK,EAAEA,KAAK,GACRE,MAAM,GAAG,CAAC,CAAC,IAAIA,MAAM,GAAG,CAAC,CAAC,GAC1BH,KAAK,CAACe,WAAW,KAAK,MAAM,GAC5B,CAACf,KAAK,CAACG,MAAM,CAACa,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,GAC5B,CAAChB,KAAK,CAACG,MAAM,CAACc,IAAI,IAAI,EAAE,EAAE,CAAC;IACjC,CAAC;IACDI,KAAK,EAAE;MACLC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,EAAE;MACZtB,KAAK,EAAEA,KAAK,GACRE,MAAM,GAAG,CAAC,CAAC,IAAIA,MAAM,GAAG,CAAC,CAAC,GAC1BH,KAAK,CAACe,WAAW,KAAK,MAAM,GAC5B,CAACf,KAAK,CAACG,MAAM,CAACa,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,GAC5BhB,KAAK,CAACwB;IACZ,CAAC;IACDC,YAAY,EAAE;MACZC,UAAU,EAAE1B,KAAK,CAACU,OAAO,CAACU;IAC5B;EACF,CAAC;AACH,CACF,CAAC;AAED,MAAMO,cAAc,GAAGjC,YAAY,CAAEM,KAAK,KAAM;EAC9CqB,KAAK,EAAE;IACLb,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAET,KAAK,CAACU,OAAO,CAACC,EAAE;IACnCY,QAAQ,EAAE,EAAE;IACZK,UAAU,EAAE,KAAK;IACjB3B,KAAK,EAAED,KAAK,CAACe,WAAW,KAAK,MAAM,GAAG,CAACf,KAAK,CAACG,MAAM,CAACa,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,CAAChB,KAAK,CAACG,MAAM,CAACc,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;IACjGY,aAAa,EAAE;EACjB;AACF,CAAC,CAAC,CAAC;AAWH,MAAMC,WAAW,gBAAG/C,KAAK,CAACgD,aAAa,CAA0B,IAAI,CAAC;AAEtE,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAC3B,MAAMC,GAAG,GAAGlD,KAAK,CAACmD,UAAU,CAACJ,WAAW,CAAC;EACzC,IAAI,CAACG,GAAG,EAAE;IACR,MAAM,IAAIE,KAAK,CAAC,0CAA0C,CAAC;EAC7D;EACA,OAAOF,GAAG;AACZ,CAAC;AAED,MAAMG,gBAAoC,GAAG;EAC3CC,QAAQ,EAAE,cAAc;EACxBC,KAAK,EAAE,GAAG;EACVC,gBAAgB,EAAE,IAAI;EACtBC,mBAAmB,EAAE,IAAI;EACzBC,MAAM,EAAE,IAAI;EACZC,MAAM,EAAE,IAAI;EACZC,MAAM,EAAE;AACV,CAAC;AAED,MAAMC,gBAAwC,GAAG;EAC/C1C,QAAQ,EAAE;AACZ,CAAC;AAED,MAAM2C,UAAqC,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC9D,MAAM;IAAEC,SAAS;IAAEC,SAAS;IAAEC;EAAoB,CAAC,GAAGjB,cAAc,CAAC,CAAC;EAEtE,MAAMkB,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIF,SAAS,CAACG,OAAO,EAAE;MACrBH,SAAS,CAACG,OAAO,CAACC,eAAe,CAAC,CAACC,CAAC,EAAEC,CAAC,EAAEhB,KAAK,EAAEiB,MAAM,KAAK;QACzDN,mBAAmB,CAAC;UAClBO,GAAG,EAAEF,CAAC,GAAGC,MAAM,GAAG,CAAC;UACnBE,IAAI,EAAEJ,CAAC;UACPf;QACF,CAAC,CAAC;MACJ,CAAC,CAAC;IACJ;IACAS,SAAS,CAAC,IAAI,CAAC;EACjB,CAAC;EAED,oBAAOhE,KAAK,CAAC2E,YAAY,CAACZ,QAAQ,EAAE;IAClCa,GAAG,EAAEX,SAAS;IACdY,OAAO,EAAEV;EACX,CAAC,CAAC;AACJ,CAAC;AAED,MAAMW,YAAyC,GAAGA,CAAC;EAAEf,QAAQ;EAAEgB,KAAK;EAAE,GAAGC;AAAO,CAAC,KAAK;EACpF,MAAM;IAAEC,MAAM;IAAEjB,SAAS;IAAEkB;EAAiB,CAAC,GAAGjC,cAAc,CAAC,CAAC;EAChE,MAAMpB,OAAO,GAAG1B,MAAM,CAAC,IAAIE,QAAQ,CAAC8E,KAAK,CAAC,CAAC,CAAC,CAAC,CAACf,OAAO;EAErDpE,KAAK,CAACoF,SAAS,CAAC,MAAM;IACpB,IAAIH,MAAM,EAAE;MACV5E,QAAQ,CAACgF,MAAM,CAACxD,OAAO,EAAE;QACvByD,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE,GAAG;QACbC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACZ;EACF,CAAC,EAAE,CAACR,MAAM,EAAEpD,OAAO,CAAC,CAAC;EAErB,IAAI,CAACoD,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,oBACEpE,IAAA,CAACJ,MAAM;IAAAsD,QAAA,eACLlD,IAAA,CAACT,gBAAgB;MACfsF,aAAa,EAAE,CAAE;MACjBb,OAAO,EAAEA,CAAA,KAAMb,SAAS,CAAC,KAAK,CAAE;MAChCe,KAAK,EAAE;QACLzB,QAAQ,EAAE,UAAU;QACpBmB,GAAG,EAAE,CAAC;QACNC,IAAI,EAAE,CAAC;QACPiB,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACV,CAAE;MAAA7B,QAAA,eAEFlD,IAAA,CAACR,QAAQ,CAACwF,IAAI;QACZd,KAAK,EAAE,CACL;UACEzB,QAAQ,EAAE,UAAU;UACpBmB,GAAG,EAAES,gBAAgB,CAACT,GAAG;UACzBC,IAAI,EAAEQ,gBAAgB,CAACR,IAAI;UAC3B7C;QACF,CAAC,EACDkD,KAAK,CACL;QAAA,GACEC,MAAM;QAAAjB,QAAA,EAETA;MAAQ,CACI;IAAC,CACA;EAAC,CACb,CAAC;AAEb,CAAC;AAED,MAAM+B,QAAQ,gBAAG7F,UAAU,CAAqB,CAAC8F,KAAK,EAAEnB,GAAG,KAAK;EAC9D,MAAM;IAAEzC,IAAI;IAAEjB,KAAK;IAAE6C,QAAQ;IAAEc,OAAO;IAAE1D,QAAQ;IAAEuB,YAAY;IAAEqC,KAAK;IAAE,GAAGC;EAAO,CAAC,GAChFtE,wBAAwB,CAAC,UAAU,EAAEmD,gBAAgB,EAAEkC,KAAK,CAAC;EAE/D,MAAM;IAAE/B,SAAS;IAAER;EAAiB,CAAC,GAAGP,cAAc,CAAC,CAAC;EACxD,MAAM,CAAC+C,SAAS,EAAEC,YAAY,CAAC,GAAGjG,KAAK,CAACE,QAAQ,CAAC,KAAK,CAAC;EAEvD,MAAM;IAAEgG,MAAM;IAAEC;EAAG,CAAC,GAAGnF,aAAa,CAClC;IAAEE,KAAK;IAAEC;EAAS,CAAC,EACnB;IAAEiF,IAAI,EAAE;EAAW,CACrB,CAAQ;EAER,MAAMjC,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIhD,QAAQ,EAAE;IACd0D,OAAO,GAAG,CAAC;IACX,IAAIrB,gBAAgB,EAAE;MACpBQ,SAAS,CAAC,KAAK,CAAC;IAClB;EACF,CAAC;EAED,oBACEjD,KAAA,CAACX,gBAAgB;IACfwE,GAAG,EAAEA,GAAI;IACTC,OAAO,EAAEV,WAAY;IACrBkC,SAAS,EAAEA,CAAA,KAAMJ,YAAY,CAAC,IAAI,CAAE;IACpCK,UAAU,EAAEA,CAAA,KAAML,YAAY,CAAC,KAAK,CAAE;IACtC9E,QAAQ,EAAEA,QAAS;IACnBuE,aAAa,EAAE,GAAI;IACnBX,KAAK,EAAEoB,EAAE,CAACD,MAAM,CAAC5E,IAAI,EAAE0E,SAAS,IAAIE,MAAM,CAACpE,WAAW,EAAEiD,KAAK,CAAE;IAAA,GAC3DC,MAAM;IAAAjB,QAAA,GAET5B,IAAI,iBAAItB,IAAA,CAACP,OAAO;MAACyE,KAAK,EAAEmB,MAAM,CAAC/D,IAAK;MAAA4B,QAAA,EAAE5B;IAAI,CAAU,CAAC,eACtDtB,IAAA,CAACN,IAAI;MAACwE,KAAK,EAAEmB,MAAM,CAAC5D,KAAM;MAAAyB,QAAA,EAAEA;IAAQ,CAAO,CAAC,EAC3CrB,YAAY,iBAAI7B,IAAA,CAACP,OAAO;MAACyE,KAAK,EAAEmB,MAAM,CAACxD,YAAa;MAAAqB,QAAA,EAAErB;IAAY,CAAU,CAAC;EAAA,CAC9D,CAAC;AAEvB,CAAC,CAAC;AAEF,MAAM6D,SAAS,gBAAGtG,UAAU,CAAsB,CAAC8F,KAAK,EAAEnB,GAAG,KAAK;EAChE,MAAM;IAAEb,QAAQ;IAAEgB,KAAK;IAAE,GAAGC;EAAO,CAAC,GAAGe,KAAK;EAC5C,MAAM;IAAEG,MAAM;IAAEC;EAAG,CAAC,GAAGvD,cAAc,CAAC,CAAC,CAAC,EAAE;IAAEwD,IAAI,EAAE;EAAY,CAAC,CAAQ;EAEvE,oBACEvF,IAAA,CAACP,OAAO;IAACsE,GAAG,EAAEA,GAAI;IAACG,KAAK,EAAEoB,EAAE,CAACD,MAAM,CAAC5D,KAAK,EAAEyC,KAAK,CAAE;IAAA,GAAKC,MAAM;IAAAjB,QAAA,eAC3DlD,IAAA,CAACN,IAAI;MAACwE,KAAK,EAAEmB,MAAM,CAAC5D,KAAM;MAAAyB,QAAA,EAAEA;IAAQ,CAAO;EAAC,CACrC,CAAC;AAEd,CAAC,CAAC;AAEF,MAAMyC,WAAW,gBAAGvG,UAAU,CAAwB,CAAC8F,KAAK,EAAEnB,GAAG,KAAK;EACpE,MAAM;IAAEG,KAAK;IAAE,GAAGC;EAAO,CAAC,GAAGe,KAAK;EAClC,oBAAOlF,IAAA,CAACL,OAAO;IAACoE,GAAG,EAAEA,GAAI;IAACG,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAM,CAAG,CAAC;AACxD,CAAC,CAAC;AAEF,OAAO,MAAMyB,IAAI,GAAGC,MAAM,CAACC,MAAM,cAC/B1G,UAAU,CAAiB,CAAC8F,KAAK,EAAEnB,GAAG,KAAK;EACzC,MAAM;IACJK,MAAM,EAAE2B,gBAAgB;IACxBC,QAAQ;IACRvD,QAAQ;IACRC,KAAK;IACLC,gBAAgB;IAChBC,mBAAmB;IACnBC,MAAM;IACNC,MAAM;IACNC,MAAM;IACNG,QAAQ;IACRgB,KAAK;IACL,GAAGC;EACL,CAAC,GAAGtE,wBAAwB,CAAC,MAAM,EAAE2C,gBAAgB,EAAE0C,KAAK,CAAC;EAE7D,MAAM,CAACd,MAAM,EAAEjB,SAAS,CAAC,GAAG9D,QAAQ,CAAC,KAAK,CAAC;EAC3C,MAAM,CAACgF,gBAAgB,EAAEhB,mBAAmB,CAAC,GAAGhE,QAAQ,CAAC;IACvDuE,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPnB,KAAK,EAAE;EACT,CAAC,CAAC;EACF,MAAMU,SAAS,GAAG9D,MAAM,CAAO,IAAI,CAAC;EAEpC,MAAM2G,YAAY,GAAGF,gBAAgB,KAAKG,SAAS;EACnD,MAAMC,QAAQ,GAAGF,YAAY,GAAGF,gBAAgB,GAAG3B,MAAM;EAEzD,MAAMgC,eAAe,GAAIC,KAAc,IAAK;IAC1C,IAAI,CAACJ,YAAY,EAAE;MACjB9C,SAAS,CAACkD,KAAK,CAAC;IAClB;IACAL,QAAQ,GAAGK,KAAK,CAAC;EACnB,CAAC;EAED,MAAMC,YAA8B,GAAG;IACrClC,MAAM,EAAE+B,QAAQ;IAChBhD,SAAS,EAAEiD,eAAe;IAC1BzD,gBAAgB,EAAEA,gBAAgB,IAAI,IAAI;IAC1CS,SAAS;IACTiB,gBAAgB;IAChBhB;EACF,CAAC;EAED,oBACErD,IAAA,CAACkC,WAAW,CAACqE,QAAQ;IAACF,KAAK,EAAEC,YAAa;IAAApD,QAAA,eACxClD,IAAA,CAACP,OAAO;MAACsE,GAAG,EAAEA,GAAI;MAAA,GAAKI,MAAM;MAAAjB,QAAA,EAC1BA;IAAQ,CACF;EAAC,CACU,CAAC;AAE3B,CAAC,CAAC,EACF;EACEsD,MAAM,EAAEvD,UAAU;EAClBwD,QAAQ,EAAExC,YAAY;EACtByC,IAAI,EAAEzB,QAAQ;EACd0B,KAAK,EAAEjB,SAAS;EAChB/F,OAAO,EAAEgG;AACX,CACF,CAAC;AAEDC,IAAI,CAACgB,WAAW,GAAG,MAAM;AACzB3D,UAAU,CAAC2D,WAAW,GAAG,aAAa;AACtC3C,YAAY,CAAC2C,WAAW,GAAG,eAAe;AAC1C3B,QAAQ,CAAC2B,WAAW,GAAG,WAAW;AAClClB,SAAS,CAACkB,WAAW,GAAG,YAAY;AACpCjB,WAAW,CAACiB,WAAW,GAAG,cAAc","ignoreList":[]}

package/lib/module/components/Modal/index.js

@@ -0,0 +1,230 @@
+"use strict";
+
+import React, { forwardRef, useEffect, useRef } from 'react';
+import { Modal as RNModal, TouchableOpacity, Animated, KeyboardAvoidingView, Platform, ScrollView } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { Text } from "../Text/index.js";
+import { Overlay } from "../Overlay/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const sizes = {
+  xs: 320,
+  sm: 380,
+  md: 440,
+  lg: 620,
+  xl: 780,
+  full: '100%'
+};
+const useStyles = createStyles((theme, {
+  size,
+  padding,
+  radius,
+  centered,
+  fullScreen
+}) => {
+  const getPadding = () => {
+    if (padding === undefined) return theme.spacing.md;
+    if (typeof padding === 'number') return rem(padding);
+    return theme.spacing[padding] || theme.spacing.md;
+  };
+  const getWidth = () => {
+    if (fullScreen) return '100%';
+    if (size === 'full') return '100%';
+    if (typeof size === 'number') return rem(size);
+    return rem(sizes[size] || sizes.md);
+  };
+  return {
+    overlay: {
+      flex: 1,
+      backgroundColor: 'rgba(0, 0, 0, 0.001)',
+      justifyContent: centered ? 'center' : 'flex-start',
+      alignItems: 'center',
+      paddingTop: centered ? 0 : rem(60)
+    },
+    container: {
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[7] : theme.white,
+      borderRadius: fullScreen ? 0 : theme.fn.radius(radius),
+      width: getWidth(),
+      maxWidth: fullScreen ? '100%' : '90%',
+      maxHeight: fullScreen ? '100%' : '90%',
+      ...(fullScreen && {
+        height: '100%'
+      })
+    },
+    header: {
+      padding: getPadding(),
+      borderBottomWidth: 1,
+      borderBottomColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[5] : (theme.colors.gray || [])[2],
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center'
+    },
+    title: {
+      fontSize: theme.fontSizes.lg,
+      fontWeight: '600',
+      color: theme.colorScheme === 'dark' ? theme.white : theme.black,
+      flex: 1
+    },
+    closeButton: {
+      width: rem(32),
+      height: rem(32),
+      borderRadius: rem(16),
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[5] : (theme.colors.gray || [])[1],
+      justifyContent: 'center',
+      alignItems: 'center',
+      marginLeft: theme.spacing.md
+    },
+    closeButtonText: {
+      fontSize: rem(20),
+      color: theme.colorScheme === 'dark' ? theme.white : theme.black
+    },
+    body: {
+      padding: getPadding()
+    }
+  };
+});
+const defaultProps = {
+  size: 'md',
+  padding: 'md',
+  radius: 'md',
+  closeOnClickOutside: true,
+  centered: false,
+  withOverlay: true,
+  overlayOpacity: 0.6,
+  overlayColor: '#000',
+  withCloseButton: true,
+  fullScreen: false,
+  transitionDuration: 200,
+  zIndex: 1000
+};
+export const Modal = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    opened,
+    onClose,
+    title,
+    children,
+    size,
+    padding,
+    radius,
+    closeOnClickOutside,
+    centered,
+    withOverlay,
+    overlayOpacity,
+    overlayColor,
+    withCloseButton,
+    fullScreen,
+    style,
+    transitionDuration,
+    zIndex,
+    ...others
+  } = useComponentDefaultProps('Modal', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    size,
+    padding,
+    radius,
+    centered,
+    fullScreen
+  }, {
+    name: 'Modal'
+  });
+  const fadeAnim = useRef(new Animated.Value(0)).current;
+  const scaleAnim = useRef(new Animated.Value(0.9)).current;
+  useEffect(() => {
+    if (opened) {
+      Animated.parallel([Animated.timing(fadeAnim, {
+        toValue: 1,
+        duration: transitionDuration,
+        useNativeDriver: true
+      }), Animated.spring(scaleAnim, {
+        toValue: 1,
+        useNativeDriver: true,
+        friction: 8
+      })]).start();
+    } else {
+      Animated.parallel([Animated.timing(fadeAnim, {
+        toValue: 0,
+        duration: transitionDuration,
+        useNativeDriver: true
+      }), Animated.timing(scaleAnim, {
+        toValue: 0.9,
+        duration: transitionDuration,
+        useNativeDriver: true
+      })]).start();
+    }
+  }, [opened, fadeAnim, scaleAnim, transitionDuration]);
+  const handleOverlayPress = () => {
+    if (closeOnClickOutside) {
+      onClose();
+    }
+  };
+  return /*#__PURE__*/_jsx(RNModal, {
+    visible: opened,
+    transparent: true,
+    animationType: "none",
+    onRequestClose: onClose,
+    statusBarTranslucent: true,
+    children: /*#__PURE__*/_jsxs(KeyboardAvoidingView, {
+      behavior: Platform.OS === 'ios' ? 'padding' : 'height',
+      style: {
+        flex: 1
+      },
+      children: [withOverlay && /*#__PURE__*/_jsx(Animated.View, {
+        style: [{
+          ...styles.overlay,
+          opacity: fadeAnim
+        }],
+        children: /*#__PURE__*/_jsx(Overlay, {
+          opacity: overlayOpacity,
+          color: overlayColor,
+          onPress: handleOverlayPress,
+          style: {
+            position: 'absolute'
+          }
+        })
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        activeOpacity: 1,
+        style: styles.overlay,
+        onPress: handleOverlayPress,
+        children: /*#__PURE__*/_jsx(TouchableOpacity, {
+          activeOpacity: 1,
+          onPress: e => e.stopPropagation(),
+          children: /*#__PURE__*/_jsxs(Animated.View, {
+            ref: ref,
+            style: [sx(styles.container, style), {
+              opacity: fadeAnim,
+              transform: [{
+                scale: scaleAnim
+              }]
+            }],
+            ...others,
+            children: [(title || withCloseButton) && /*#__PURE__*/_jsxs(BoxView, {
+              style: styles.header,
+              children: [typeof title === 'string' ? /*#__PURE__*/_jsx(Text, {
+                style: styles.title,
+                children: title
+              }) : title, withCloseButton && /*#__PURE__*/_jsx(TouchableOpacity, {
+                style: styles.closeButton,
+                onPress: onClose,
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: styles.closeButtonText,
+                  children: "\xD7"
+                })
+              })]
+            }), /*#__PURE__*/_jsx(ScrollView, {
+              style: styles.body,
+              showsVerticalScrollIndicator: false,
+              children: children
+            })]
+          })
+        })
+      })]
+    })
+  });
+});
+Modal.displayName = 'Modal';
+//# sourceMappingURL=index.js.map