@xsolla/xui-toast 0.89.0 → 0.90.0

package/native/index.js

@@ -239,41 +239,10 @@ var Text = ({
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style, testID: id, accessibilityRole, children });
 };
 
-// ../primitives-native/src/Spinner.tsx
-var import_react_native3 = require("react-native");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Spinner = ({
-  color,
-  size,
-  role,
-  "aria-label": ariaLabel,
-  "aria-live": ariaLive,
-  testID
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_react_native3.View,
-    {
-      accessible: true,
-      accessibilityRole: role === "status" ? "none" : void 0,
-      accessibilityLabel: ariaLabel,
-      accessibilityLiveRegion: ariaLive === "polite" ? "polite" : ariaLive === "assertive" ? "assertive" : "none",
-      testID,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native3.ActivityIndicator,
-        {
-          color,
-          size: typeof size === "number" ? size : "small"
-        }
-      )
-    }
-  );
-};
-Spinner.displayName = "Spinner";
-
 // ../primitives-native/src/Icon.tsx
 var import_react = __toESM(require("react"));
-var import_react_native4 = require("react-native");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_react_native3 = require("react-native");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var Icon = ({ children, color, size }) => {
   const style = {
     width: typeof size === "number" ? size : void 0,
@@ -291,239 +260,22 @@ var Icon = ({ children, color, size }) => {
     }
     return child;
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style, children: childrenWithProps });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style, children: childrenWithProps });
 };
 
-// ../primitives-native/src/Divider.tsx
-var import_react_native5 = require("react-native");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-
-// ../primitives-native/src/Input.tsx
-var import_react2 = require("react");
-var import_react_native6 = require("react-native");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var keyboardTypeMap = {
-  text: "default",
-  number: "numeric",
-  email: "email-address",
-  tel: "phone-pad",
-  url: "url",
-  decimal: "decimal-pad"
-};
-var inputModeToKeyboardType = {
-  none: "default",
-  text: "default",
-  decimal: "decimal-pad",
-  numeric: "number-pad",
-  tel: "phone-pad",
-  search: "default",
-  email: "email-address",
-  url: "url"
-};
-var autoCompleteToTextContentType = {
-  "one-time-code": "oneTimeCode",
-  email: "emailAddress",
-  username: "username",
-  password: "password",
-  "new-password": "newPassword",
-  tel: "telephoneNumber",
-  "postal-code": "postalCode",
-  name: "name"
-};
-var InputPrimitive = (0, import_react2.forwardRef)(
-  ({
-    value,
-    placeholder,
-    onChange,
-    onChangeText,
-    onFocus,
-    onBlur,
-    onKeyDown,
-    disabled,
-    secureTextEntry,
-    style,
-    color,
-    fontSize,
-    placeholderTextColor,
-    maxLength,
-    type,
-    inputMode,
-    autoComplete,
-    id,
-    "aria-describedby": ariaDescribedBy,
-    "aria-label": ariaLabel,
-    "aria-disabled": ariaDisabled,
-    "data-testid": dataTestId
-  }, ref) => {
-    const handleChangeText = (text) => {
-      onChangeText?.(text);
-      if (onChange) {
-        const syntheticEvent = {
-          target: { value: text },
-          currentTarget: { value: text },
-          type: "change",
-          nativeEvent: { text },
-          preventDefault: () => {
-          },
-          stopPropagation: () => {
-          },
-          isTrusted: false
-        };
-        onChange(syntheticEvent);
-      }
-    };
-    const keyboardType = inputMode ? inputModeToKeyboardType[inputMode] || "default" : type ? keyboardTypeMap[type] || "default" : "default";
-    const textContentType = autoComplete ? autoCompleteToTextContentType[autoComplete] : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      import_react_native6.TextInput,
-      {
-        ref,
-        value,
-        placeholder,
-        onChangeText: handleChangeText,
-        onFocus,
-        onBlur,
-        onKeyPress: (e) => {
-          if (onKeyDown) {
-            onKeyDown({
-              key: e.nativeEvent.key,
-              preventDefault: () => {
-              }
-            });
-          }
-        },
-        editable: !disabled,
-        secureTextEntry: secureTextEntry || type === "password",
-        keyboardType,
-        textContentType,
-        style: [
-          {
-            color,
-            fontSize: typeof fontSize === "number" ? fontSize : void 0,
-            flex: 1,
-            padding: 0,
-            textAlign: style?.textAlign || "left"
-          },
-          style
-        ],
-        placeholderTextColor,
-        maxLength,
-        testID: dataTestId || id,
-        accessibilityLabel: ariaLabel,
-        accessibilityHint: ariaDescribedBy,
-        accessibilityState: {
-          disabled: disabled || ariaDisabled
-        },
-        accessible: true
-      }
-    );
-  }
-);
-InputPrimitive.displayName = "InputPrimitive";
-
-// ../primitives-native/src/TextArea.tsx
-var import_react3 = require("react");
-var import_react_native7 = require("react-native");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var TextAreaPrimitive = (0, import_react3.forwardRef)(
-  ({
-    value,
-    placeholder,
-    onChange,
-    onChangeText,
-    onFocus,
-    onBlur,
-    onKeyDown,
-    disabled,
-    style,
-    color,
-    fontSize,
-    placeholderTextColor,
-    maxLength,
-    rows,
-    id,
-    "aria-describedby": ariaDescribedBy,
-    "aria-label": ariaLabel,
-    "aria-disabled": ariaDisabled,
-    "data-testid": dataTestId
-  }, ref) => {
-    const handleChangeText = (text) => {
-      onChangeText?.(text);
-      if (onChange) {
-        const syntheticEvent = {
-          target: { value: text },
-          currentTarget: { value: text },
-          type: "change",
-          nativeEvent: { text },
-          preventDefault: () => {
-          },
-          stopPropagation: () => {
-          },
-          isTrusted: false
-        };
-        onChange(syntheticEvent);
-      }
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      import_react_native7.TextInput,
-      {
-        ref,
-        value,
-        placeholder,
-        onChangeText: handleChangeText,
-        onFocus,
-        onBlur,
-        onKeyPress: (e) => {
-          if (onKeyDown) {
-            onKeyDown({
-              key: e.nativeEvent.key,
-              preventDefault: () => {
-              }
-            });
-          }
-        },
-        editable: !disabled,
-        multiline: true,
-        numberOfLines: rows || 4,
-        style: [
-          {
-            color,
-            fontSize: typeof fontSize === "number" ? fontSize : void 0,
-            flex: 1,
-            padding: 0,
-            textAlignVertical: "top",
-            textAlign: style?.textAlign || "left"
-          },
-          style
-        ],
-        placeholderTextColor,
-        maxLength,
-        testID: dataTestId || id,
-        accessibilityLabel: ariaLabel,
-        accessibilityHint: ariaDescribedBy,
-        accessibilityState: {
-          disabled: disabled || ariaDisabled
-        },
-        accessible: true
-      }
-    );
-  }
-);
-TextAreaPrimitive.displayName = "TextAreaPrimitive";
-
 // src/Toast.tsx
 var import_xui_core = require("@xsolla/xui-core");
 var import_xui_icons = require("@xsolla/xui-icons");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var getDefaultIcon = (variant, size, color) => {
   switch (variant) {
     case "success":
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_xui_icons.Check, { size, color });
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_xui_icons.Check, { size, color });
     case "info":
     case "warning":
     case "error":
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_xui_icons.AlertCircle, { size, color });
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_xui_icons.AlertCircle, { size, color });
   }
 };
 var getIconColor = (variant, colors) => {
@@ -549,8 +301,8 @@ var Toast = ({
   const { theme } = (0, import_xui_core.useDesignSystem)();
   const config = theme.sizing.toast();
   const iconColor = getIconColor(variant, theme.colors);
-  const displayIcon = icon !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { size: config.iconSize, color: iconColor, children: icon }) : getDefaultIcon(variant, config.iconSize, iconColor);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  const displayIcon = icon !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { size: config.iconSize, color: iconColor, children: icon }) : getDefaultIcon(variant, config.iconSize, iconColor);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     Box,
     {
       backgroundColor: theme.colors.background.inverse,
@@ -566,7 +318,7 @@ var Toast = ({
       "aria-live": "polite",
       "data-toast-id": id,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           Box,
           {
             width: config.iconSize,
@@ -577,7 +329,7 @@ var Toast = ({
             children: displayIcon
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box, { flex: 1, minWidth: 0, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box, { flex: 1, minWidth: 0, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           Text,
           {
             color: theme.colors.content.inverse,
@@ -588,7 +340,7 @@ var Toast = ({
             children: message
           }
         ) }),
-        onClose && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        onClose && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           Box,
           {
             onPress: onClose,
@@ -599,7 +351,7 @@ var Toast = ({
             flexShrink: 0,
             role: "button",
             "aria-label": "Dismiss toast",
-            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_xui_icons.X, { size: config.closeIconSize, color: theme.colors.content.inverse })
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_xui_icons.X, { size: config.closeIconSize, color: theme.colors.content.inverse })
           }
         )
       ]
@@ -609,10 +361,10 @@ var Toast = ({
 Toast.displayName = "Toast";
 
 // src/ToastGroup.native.tsx
-var import_react4 = require("react");
+var import_react2 = require("react");
 var import_xui_core2 = require("@xsolla/xui-core");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var ToastGroup = (0, import_react4.memo)(
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var ToastGroup = (0, import_react2.memo)(
   ({ toasts, position = "top", onDismiss }) => {
     const { theme } = (0, import_xui_core2.useDesignSystem)();
     const config = theme.sizing.toast();
@@ -620,7 +372,7 @@ var ToastGroup = (0, import_react4.memo)(
       return null;
     }
     const positionStyles = position === "top" ? { top: config.containerPadding, bottom: void 0 } : { top: void 0, bottom: config.containerPadding };
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       Box,
       {
         position: "absolute",
@@ -631,14 +383,14 @@ var ToastGroup = (0, import_react4.memo)(
         paddingHorizontal: config.containerPadding,
         pointerEvents: "box-none",
         ...positionStyles,
-        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           Box,
           {
             width: "100%",
             maxWidth: config.maxWidth,
             gap: config.groupGap,
             flexDirection: "column",
-            children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               Toast,
               {
                 id: toast.id,
@@ -658,14 +410,14 @@ var ToastGroup = (0, import_react4.memo)(
 ToastGroup.displayName = "ToastGroup";
 
 // src/ToastProvider.tsx
-var import_react6 = require("react");
+var import_react4 = require("react");
 
 // src/ToastContext.tsx
-var import_react5 = require("react");
-var ToastContext = (0, import_react5.createContext)(null);
+var import_react3 = require("react");
+var ToastContext = (0, import_react3.createContext)(null);
 
 // src/ToastProvider.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var toastIdCounter = 0;
 var generateToastId = () => {
   return `toast-${++toastIdCounter}-${Date.now()}`;
@@ -675,29 +427,29 @@ var ToastProvider = ({
   position = "top",
   defaultDuration = 5e3
 }) => {
-  const [toasts, setToasts] = (0, import_react6.useState)([]);
-  const timersRef = (0, import_react6.useRef)(
+  const [toasts, setToasts] = (0, import_react4.useState)([]);
+  const timersRef = (0, import_react4.useRef)(
     /* @__PURE__ */ new Map()
   );
-  const clearTimer = (0, import_react6.useCallback)((id) => {
+  const clearTimer = (0, import_react4.useCallback)((id) => {
     const timer = timersRef.current.get(id);
     if (timer) {
       clearTimeout(timer);
       timersRef.current.delete(id);
     }
   }, []);
-  const dismissToast = (0, import_react6.useCallback)(
+  const dismissToast = (0, import_react4.useCallback)(
     (id) => {
       clearTimer(id);
       setToasts((prev) => prev.filter((toast) => toast.id !== id));
     },
     [clearTimer]
   );
-  const dismissAllToasts = (0, import_react6.useCallback)(() => {
+  const dismissAllToasts = (0, import_react4.useCallback)(() => {
     timersRef.current.forEach((_, id) => clearTimer(id));
     setToasts([]);
   }, [clearTimer]);
-  const addToast = (0, import_react6.useCallback)(
+  const addToast = (0, import_react4.useCallback)(
     (options) => {
       const id = generateToastId();
       const duration = options.duration ?? defaultDuration;
@@ -719,13 +471,13 @@ var ToastProvider = ({
     },
     [defaultDuration, dismissToast]
   );
-  (0, import_react6.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     return () => {
       timersRef.current.forEach((timer) => clearTimeout(timer));
       timersRef.current.clear();
     };
   }, []);
-  const contextValue = (0, import_react6.useMemo)(
+  const contextValue = (0, import_react4.useMemo)(
     () => ({
       toasts,
       addToast,
@@ -734,9 +486,9 @@ var ToastProvider = ({
     }),
     [toasts, addToast, dismissToast, dismissAllToasts]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(ToastContext.Provider, { value: contextValue, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(ToastContext.Provider, { value: contextValue, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       ToastGroup,
       {
         toasts,
@@ -748,50 +500,50 @@ var ToastProvider = ({
 };
 
 // src/useToast.ts
-var import_react7 = require("react");
+var import_react5 = require("react");
 var useToast = () => {
-  const context = (0, import_react7.useContext)(ToastContext);
+  const context = (0, import_react5.useContext)(ToastContext);
   if (!context) {
     throw new Error("useToast must be used within a ToastProvider");
   }
   const { addToast, dismissToast, dismissAllToasts } = context;
-  const toast = (0, import_react7.useCallback)(
+  const toast = (0, import_react5.useCallback)(
     (options) => {
       return addToast(options);
     },
     [addToast]
   );
-  const success = (0, import_react7.useCallback)(
+  const success = (0, import_react5.useCallback)(
     (message, options) => {
       return addToast({ ...options, message, variant: "success" });
     },
     [addToast]
   );
-  const info = (0, import_react7.useCallback)(
+  const info = (0, import_react5.useCallback)(
     (message, options) => {
       return addToast({ ...options, message, variant: "info" });
     },
     [addToast]
   );
-  const warning = (0, import_react7.useCallback)(
+  const warning = (0, import_react5.useCallback)(
     (message, options) => {
       return addToast({ ...options, message, variant: "warning" });
     },
     [addToast]
   );
-  const error = (0, import_react7.useCallback)(
+  const error = (0, import_react5.useCallback)(
     (message, options) => {
       return addToast({ ...options, message, variant: "error" });
     },
     [addToast]
   );
-  const dismiss = (0, import_react7.useCallback)(
+  const dismiss = (0, import_react5.useCallback)(
     (id) => {
       dismissToast(id);
     },
     [dismissToast]
   );
-  const dismissAll = (0, import_react7.useCallback)(() => {
+  const dismissAll = (0, import_react5.useCallback)(() => {
     dismissAllToasts();
   }, [dismissAllToasts]);
   return {