react-native-mantine 0.1.15 → 0.2.0

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

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ThemeIcon = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _expoLinearGradient = require("expo-linear-gradient");
+var _index = require("../BoxView/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index2 = require("../../theme/index.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 sizes = {
+  xs: 16,
+  sm: 20,
+  md: 26,
+  lg: 32,
+  xl: 40
+};
+const useStyles = (0, _index2.createStyles)((theme, {
+  color,
+  size,
+  radius,
+  variant
+}) => {
+  const iconSize = typeof size === 'number' ? size : (0, _index2.getSize)({
+    size,
+    sizes
+  });
+  const themeColor = color in theme.colors ? color : theme.primaryColor;
+  const shade = theme.primaryShade;
+  const getVariantStyles = () => {
+    switch (variant) {
+      case 'filled':
+        return {
+          backgroundColor: theme.colors[themeColor]?.[shade] || theme.colors[themeColor]?.[6]
+        };
+      case 'light':
+        return {
+          backgroundColor: theme.colorScheme === 'dark' ? theme.colors[themeColor]?.[9] : theme.colors[themeColor]?.[0]
+        };
+      case 'outline':
+        return {
+          backgroundColor: 'transparent',
+          borderWidth: 1,
+          borderColor: theme.colors[themeColor]?.[shade] || theme.colors[themeColor]?.[6]
+        };
+      case 'gradient':
+        return {
+          backgroundColor: 'transparent'
+        };
+      default:
+        return {
+          backgroundColor: theme.colors[themeColor]?.[shade] || theme.colors[themeColor]?.[6]
+        };
+    }
+  };
+  return {
+    root: {
+      width: iconSize,
+      height: iconSize,
+      borderRadius: theme.fn.radius(radius),
+      justifyContent: 'center',
+      alignItems: 'center',
+      overflow: 'hidden',
+      ...getVariantStyles()
+    },
+    gradient: {
+      width: '100%',
+      height: '100%',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  };
+});
+const defaultProps = {
+  variant: 'filled',
+  size: 'md',
+  radius: 'sm',
+  color: 'blue',
+  gradient: {
+    from: 'blue',
+    to: 'cyan',
+    deg: 45
+  }
+};
+const ThemeIcon = exports.ThemeIcon = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    color,
+    variant,
+    gradient,
+    size,
+    radius,
+    children,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('ThemeIcon', defaultProps, props);
+  const {
+    styles,
+    sx,
+    theme
+  } = useStyles({
+    color,
+    size,
+    radius,
+    variant
+  }, {
+    name: 'ThemeIcon'
+  });
+  const getGradientColors = () => {
+    const fromColor = gradient?.from && gradient.from in theme.colors ? theme.colors[gradient.from][theme.primaryShade] : gradient?.from || theme.colors.blue?.[6] || '#228be6';
+    const toColor = gradient?.to && gradient.to in theme.colors ? theme.colors[gradient.to][theme.primaryShade] : gradient?.to || theme.colors.cyan?.[6] || '#22b8cf';
+    return [fromColor, toColor];
+  };
+  if (variant === 'gradient') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      ref: ref,
+      style: sx(styles.root, style),
+      ...others,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoLinearGradient.LinearGradient, {
+        colors: getGradientColors(),
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 1,
+          y: 1
+        },
+        style: styles.gradient,
+        children: children
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: children
+  });
+});
+ThemeIcon.displayName = 'ThemeIcon';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_expoLinearGradient","_index","_themeProvider","_index2","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","sizes","xs","sm","md","lg","xl","useStyles","createStyles","theme","color","size","radius","variant","iconSize","getSize","themeColor","colors","primaryColor","shade","primaryShade","getVariantStyles","backgroundColor","colorScheme","borderWidth","borderColor","root","width","height","borderRadius","fn","justifyContent","alignItems","overflow","gradient","defaultProps","from","to","deg","ThemeIcon","exports","forwardRef","props","ref","children","style","others","useComponentDefaultProps","styles","sx","name","getGradientColors","fromColor","blue","toColor","cyan","jsx","BoxView","LinearGradient","start","x","y","end","displayName"],"sourceRoot":"../../../../src","sources":["components/ThemeIcon/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,242 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimelineItem = exports.Timeline = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../BoxView/index.js");
+var _index2 = require("../Text/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index3 = require("../../theme/index.js");
+var _rem = require("../../theme/utils/rem.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 TimelineContext = /*#__PURE__*/(0, _react.createContext)(null);
+const useTimelineContext = () => {
+  const context = (0, _react.useContext)(TimelineContext);
+  if (!context) {
+    throw new Error('Timeline components must be used within Timeline');
+  }
+  return context;
+};
+const useTimelineStyles = (0, _index3.createStyles)((_theme, {
+  align
+}) => ({
+  root: {
+    flexDirection: 'column',
+    alignItems: align === 'left' ? 'flex-start' : 'flex-end'
+  }
+}));
+const useTimelineItemStyles = (0, _index3.createStyles)((theme, {
+  color,
+  radius,
+  lineWidth,
+  bulletSize,
+  align,
+  isActive,
+  lineVariant,
+  isLast
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const getLineStyle = () => {
+    const baseStyle = {
+      borderLeftWidth: lineWidth,
+      borderLeftColor: isActive ? colors?.[6] || colors?.[5] || theme.primaryBgColor : theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[3]
+    };
+    if (lineVariant === 'dashed') {
+      return {
+        ...baseStyle,
+        borderStyle: 'dashed'
+      };
+    }
+    if (lineVariant === 'dotted') {
+      return {
+        ...baseStyle,
+        borderStyle: 'dotted'
+      };
+    }
+    return baseStyle;
+  };
+  return {
+    item: {
+      flexDirection: align === 'left' ? 'row' : 'row-reverse',
+      width: '100%'
+    },
+    itemBody: {
+      flex: 1,
+      paddingBottom: isLast ? 0 : theme.spacing.md,
+      ...(align === 'left' && {
+        paddingLeft: theme.spacing.md
+      }),
+      ...(align === 'right' && {
+        paddingRight: theme.spacing.md
+      })
+    },
+    bulletWrapper: {
+      position: 'relative',
+      width: bulletSize,
+      alignItems: 'center'
+    },
+    bullet: {
+      width: bulletSize,
+      height: bulletSize,
+      borderRadius: theme.fn.radius(radius),
+      backgroundColor: isActive ? colors?.[6] || colors?.[5] || theme.primaryBgColor : theme.colorScheme === 'dark' ? theme.colors.dark?.[5] : theme.colors.gray?.[2],
+      borderWidth: (0, _rem.rem)(2),
+      borderColor: isActive ? colors?.[6] || colors?.[5] || theme.primaryBgColor : theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[3],
+      justifyContent: 'center',
+      alignItems: 'center',
+      zIndex: 1
+    },
+    line: {
+      position: 'absolute',
+      top: bulletSize,
+      bottom: 0,
+      left: bulletSize / 2 - lineWidth / 2,
+      ...getLineStyle()
+    },
+    title: {
+      fontSize: theme.fontSizes.sm,
+      fontWeight: '600',
+      color: theme.colorScheme === 'dark' ? theme.white : theme.black,
+      marginBottom: (0, _rem.rem)(4)
+    },
+    content: {
+      fontSize: theme.fontSizes.sm,
+      color: theme.colorScheme === 'dark' ? theme.colors.dark?.[2] : theme.colors.gray?.[7]
+    }
+  };
+});
+const defaultProps = {
+  color: 'blue',
+  align: 'left',
+  lineWidth: 2,
+  bulletSize: 20,
+  radius: 'xl',
+  reverseActive: false,
+  active: -1
+};
+const defaultItemProps = {
+  lineVariant: 'solid'
+};
+const TimelineRoot = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    color,
+    align,
+    lineWidth,
+    bulletSize,
+    radius,
+    reverseActive,
+    active,
+    children,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Timeline', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useTimelineStyles({
+    align
+  }, {
+    name: 'Timeline'
+  });
+  const childrenArray = _react.default.Children.toArray(children);
+  const itemsCount = childrenArray.length;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineContext.Provider, {
+    value: {
+      color: color,
+      radius: radius || 'sm',
+      lineWidth: lineWidth,
+      bulletSize: bulletSize,
+      align: align,
+      reverseActive: reverseActive
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      ref: ref,
+      style: sx(styles.root, style),
+      ...others,
+      children: childrenArray.map((child, index) => {
+        if (! /*#__PURE__*/_react.default.isValidElement(child)) return child;
+        const isActive = reverseActive ? index >= itemsCount - (active + 1) : index <= active;
+        return /*#__PURE__*/_react.default.cloneElement(child, {
+          key: index,
+          __index: index,
+          __isLast: index === itemsCount - 1,
+          __isActive: isActive
+        });
+      })
+    })
+  });
+});
+const TimelineItem = exports.TimelineItem = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    title,
+    children,
+    bullet,
+    bulletSize: itemBulletSize,
+    color: itemColor,
+    lineVariant,
+    style,
+    __index,
+    __isLast,
+    __isActive,
+    ...others
+  } = {
+    ...defaultItemProps,
+    ...props
+  };
+  const context = useTimelineContext();
+  const bulletSize = itemBulletSize || context.bulletSize;
+  const color = itemColor || context.color;
+  const isActive = __isActive ?? false;
+  const isLast = __isLast ?? false;
+  const {
+    styles,
+    sx
+  } = useTimelineItemStyles({
+    color,
+    radius: context.radius,
+    lineWidth: context.lineWidth,
+    bulletSize,
+    align: context.align,
+    isActive,
+    lineVariant: lineVariant,
+    isLast
+  }, {
+    name: 'TimelineItem'
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.item, style),
+    ...others,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.BoxView, {
+      style: styles.bulletWrapper,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+        style: styles.bullet,
+        children: bullet
+      }), !isLast && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+        style: styles.line
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.BoxView, {
+      style: styles.itemBody,
+      children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        style: styles.title,
+        children: typeof title === 'string' ? title : title
+      }), children && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        style: styles.content,
+        children: typeof children === 'string' ? children : children
+      })]
+    })]
+  });
+});
+TimelineRoot.displayName = 'Timeline';
+TimelineItem.displayName = 'Timeline.Item';
+
+// Create a properly typed Timeline component with Item subcomponent
+
+// Attach sub-components and export with proper typing
+const Timeline = exports.Timeline = TimelineRoot;
+Timeline.Item = TimelineItem;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_index2","_themeProvider","_index3","_rem","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TimelineContext","createContext","useTimelineContext","context","useContext","Error","useTimelineStyles","createStyles","_theme","align","root","flexDirection","alignItems","useTimelineItemStyles","theme","color","radius","lineWidth","bulletSize","isActive","lineVariant","isLast","colors","primaryColor","getLineStyle","baseStyle","borderLeftWidth","borderLeftColor","primaryBgColor","colorScheme","dark","gray","borderStyle","item","width","itemBody","flex","paddingBottom","spacing","md","paddingLeft","paddingRight","bulletWrapper","position","bullet","height","borderRadius","fn","backgroundColor","borderWidth","rem","borderColor","justifyContent","zIndex","line","top","bottom","left","title","fontSize","fontSizes","sm","fontWeight","white","black","marginBottom","content","defaultProps","reverseActive","active","defaultItemProps","TimelineRoot","forwardRef","props","ref","children","style","others","useComponentDefaultProps","styles","sx","name","childrenArray","React","Children","toArray","itemsCount","length","jsx","Provider","value","BoxView","map","child","index","isValidElement","cloneElement","key","__index","__isLast","__isActive","TimelineItem","exports","itemBulletSize","itemColor","jsxs","Text","displayName","Timeline","Item"],"sourceRoot":"../../../../src","sources":["components/Timeline/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Title = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../Text/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; }
+/**
+ * Title component renders heading text with appropriate styling
+ * Maps order prop to h1-h6 heading styles from theme
+ */
+const Title = exports.Title = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    order = 1,
+    children,
+    style,
+    ...others
+  } = props;
+  const theme = (0, _themeProvider.useTheme)();
+
+  // Get heading styles from theme
+  const headingKey = `h${order}`;
+  const headingStyles = theme.headings.sizes[headingKey];
+
+  // Determine fontWeight - use specific value or default to 700
+  const fontWeight = headingStyles.fontWeight ?? theme.headings.fontWeight ?? 700;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+    ref: ref,
+    style: [{
+      fontSize: headingStyles.fontSize,
+      lineHeight: headingStyles.lineHeight ? headingStyles.fontSize * headingStyles.lineHeight : headingStyles.fontSize * 1.3,
+      fontWeight: fontWeight,
+      fontFamily: theme.headings.fontFamily || theme.fontFamilyBold
+    }, style],
+    ...others,
+    children: children
+  });
+});
+Title.displayName = 'Title';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_themeProvider","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Title","exports","forwardRef","props","ref","order","children","style","others","theme","useTheme","headingKey","headingStyles","headings","sizes","fontWeight","jsx","Text","fontSize","lineHeight","fontFamily","fontFamilyBold","displayName"],"sourceRoot":"../../../../src","sources":["components/Title/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AAAsD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAUtD;AACA;AACA;AACA;AACO,MAAMW,KAAK,GAAAC,OAAA,CAAAD,KAAA,gBAAG,IAAAE,iBAAU,EAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC/D,MAAM;IAAEC,KAAK,GAAG,CAAC;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAGL,KAAK;EACtD,MAAMM,KAAK,GAAG,IAAAC,uBAAQ,EAAC,CAAC;;EAExB;EACA,MAAMC,UAAU,GAAG,IAAIN,KAAK,EAA6C;EACzE,MAAMO,aAAa,GAAGH,KAAK,CAACI,QAAQ,CAACC,KAAK,CAACH,UAAU,CAAC;;EAEtD;EACA,MAAMI,UAAU,GACdH,aAAa,CAACG,UAAU,IACxBN,KAAK,CAACI,QAAQ,CAACE,UAAU,IACzB,GAAG;EAEL,oBACE,IAAApC,WAAA,CAAAqC,GAAA,EAACvC,MAAA,CAAAwC,IAAI;IACHb,GAAG,EAAEA,GAAI;IACTG,KAAK,EAAE,CACL;MACEW,QAAQ,EAAEN,aAAa,CAACM,QAAQ;MAChCC,UAAU,EAAEP,aAAa,CAACO,UAAU,GAChCP,aAAa,CAACM,QAAQ,GAAGN,aAAa,CAACO,UAAU,GACjDP,aAAa,CAACM,QAAQ,GAAG,GAAG;MAChCH,UAAU,EAAEA,UAAiB;MAC7BK,UAAU,EAAEX,KAAK,CAACI,QAAQ,CAACO,UAAU,IAAIX,KAAK,CAACY;IACjD,CAAC,EACDd,KAAK,CACL;IAAA,GACEC,MAAM;IAAAF,QAAA,EAETA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;AAEFN,KAAK,CAACsB,WAAW,GAAG,OAAO","ignoreList":[]}

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

@@ -0,0 +1,187 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tooltip = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../Text/index.js");
+var _index2 = require("../Portal/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index3 = require("../../theme/index.js");
+var _rem = require("../../theme/utils/rem.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 useStyles = (0, _index3.createStyles)((theme, {
+  color,
+  radius,
+  multiline,
+  width
+}) => {
+  const colors = theme.colors[color] || theme.colors.gray;
+  return {
+    tooltip: {
+      position: 'absolute',
+      backgroundColor: colors?.[9] || colors?.[8] || (theme.colors.gray || [])[9],
+      borderRadius: theme.fn.radius(radius),
+      paddingVertical: (0, _rem.rem)(6),
+      paddingHorizontal: (0, _rem.rem)(10),
+      maxWidth: width === 'auto' ? (0, _rem.rem)(250) : width,
+      ...(multiline && {
+        textAlign: 'left'
+      }),
+      ..._reactNative.Platform.select({
+        ios: {
+          shadowColor: '#000',
+          shadowOffset: {
+            width: 0,
+            height: 2
+          },
+          shadowOpacity: 0.25,
+          shadowRadius: 3.84
+        },
+        android: {
+          elevation: 5
+        }
+      })
+    },
+    label: {
+      color: theme.white,
+      fontSize: (0, _rem.rem)(12),
+      lineHeight: (0, _rem.rem)(16),
+      ...(multiline && {
+        whiteSpace: 'normal'
+      })
+    }
+  };
+});
+const defaultProps = {
+  position: 'top',
+  color: 'gray',
+  radius: 'sm',
+  multiline: false,
+  width: 'auto',
+  zIndex: 1000,
+  openDelay: 0,
+  closeDelay: 0,
+  disabled: false,
+  trigger: 'longPress',
+  withArrow: false
+};
+const Tooltip = exports.Tooltip = /*#__PURE__*/(0, _react.forwardRef)((props, _ref) => {
+  const {
+    label,
+    position,
+    color,
+    radius,
+    multiline,
+    width,
+    zIndex,
+    openDelay,
+    closeDelay,
+    opened: controlledOpened,
+    disabled,
+    trigger,
+    withArrow,
+    children,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Tooltip', defaultProps, props);
+  const [visible, setVisible] = (0, _react.useState)(false);
+  const [tooltipPosition, setTooltipPosition] = (0, _react.useState)({
+    top: 0,
+    left: 0
+  });
+  const targetRef = (0, _react.useRef)(null);
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    radius,
+    multiline,
+    width
+  }, {
+    name: 'Tooltip'
+  });
+  const isControlled = controlledOpened !== undefined;
+  const isVisible = isControlled ? controlledOpened : visible;
+  const show = () => {
+    if (disabled) return;
+    if (targetRef.current) {
+      targetRef.current.measureInWindow((x, y, width, _height) => {
+        const top = y - 40; // Simple positioning, can be improved
+        const left = x + width / 2 - 50;
+        setTooltipPosition({
+          top,
+          left
+        });
+      });
+    }
+    if (!isControlled) {
+      setTimeout(() => {
+        setVisible(true);
+        _reactNative.Animated.timing(opacity, {
+          toValue: 1,
+          duration: 150,
+          useNativeDriver: true
+        }).start();
+      }, openDelay);
+    }
+  };
+  const hide = () => {
+    if (!isControlled) {
+      setTimeout(() => {
+        _reactNative.Animated.timing(opacity, {
+          toValue: 0,
+          duration: 150,
+          useNativeDriver: true
+        }).start(() => setVisible(false));
+      }, closeDelay);
+    }
+  };
+  const triggerProps = trigger === 'longPress' ? {
+    onLongPress: show
+  } : {
+    onPress: show,
+    onPressOut: hide
+  };
+  const childWithRef = /*#__PURE__*/_react.default.cloneElement(children, {
+    ref: targetRef,
+    ...triggerProps
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [childWithRef, isVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Portal, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
+        onPress: hide,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            zIndex
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+            style: [sx(styles.tooltip, style), {
+              top: tooltipPosition.top,
+              left: tooltipPosition.left,
+              opacity
+            }],
+            ...others,
+            children: typeof label === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+              style: styles.label,
+              children: label
+            }) : label
+          })
+        })
+      })
+    })]
+  });
+});
+Tooltip.displayName = 'Tooltip';
+//# sourceMappingURL=index.js.map