reaxify 0.0.13 → 0.0.15

package/dist/components/Tooltip/index.d.ts

@@ -0,0 +1,11 @@
+import { Color, ComponentPropsWithoutAs } from '../../types';
+import { ReactElement } from 'react';
+type Placement = "top" | "end" | "bottom" | "start";
+type Props = {
+    title: string;
+    color?: Color;
+    placement?: Placement;
+    children?: ReactElement;
+};
+export default function Tooltip({ title, color, placement, className, children, ...props }: ComponentPropsWithoutAs<"span", Props>): ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;
+export {};

package/dist/hooks/useInputValidation.cjs.js

@@ -1 +1 @@
-"use strict";const v=require("../components/Form/index.cjs.js"),o=require("../helpers/randomID.cjs.js"),s=require("react");function x({rules:c}){const{setFormControl:e,removeFormControl:u}=s.useContext(v.FormContext),[b,i]=s.useState(!1),[g,a]=s.useState(null),f=s.useCallback(t=>{const r=t.id,n=t.value;if(!c.length){e==null||e(r,()=>!0),a(null),i(!1);return}for(const p of c){const l=p(n);if(typeof l=="string"){e==null||e(r,()=>(i(!0),!1)),a(l),i(!0);return}}e==null||e(r,()=>!0),a(null),i(!1)},[c,e]);return{ref:s.useCallback(t=>{if(!t)return;t.id||(t.id=o());const r=t.id;f(t);const n=new MutationObserver(()=>f(t));return n.observe(t,{attributes:!0,childList:!0,subtree:!0}),()=>{n.disconnect(),u==null||u(r)}},[f,u]),error:b,errorMessage:g}}module.exports=x;
+"use strict";const v=require("../components/Form/index.cjs.js"),o=require("../helpers/randomID.cjs.js"),s=require("react");function x({rules:n}){const{setFormControl:e,removeFormControl:u}=s.useContext(v.FormContext),[b,c]=s.useState(!1),[g,a]=s.useState(null),f=s.useCallback(t=>{const r=t.id,i=t.value;if(!n.length){e==null||e(r,()=>!0),a(null),c(!1);return}for(const p of n){const l=p(i);if(typeof l=="string"){e==null||e(r,()=>(c(!0),!1)),a(l);return}}e==null||e(r,()=>!0),a(null),c(!1)},[n,e]);return{ref:s.useCallback(t=>{if(!t)return;t.id||(t.id=o());const r=t.id;f(t);const i=new MutationObserver(()=>f(t));return i.observe(t,{attributes:!0,childList:!0,subtree:!0}),()=>{i.disconnect(),u==null||u(r)}},[f,u]),error:b,errorMessage:g}}module.exports=x;

package/dist/hooks/useInputValidation.es.js

@@ -1,24 +1,24 @@
 import { FormContext as v } from "../components/Form/index.es.js";
 import x from "../helpers/randomID.es.js";
 import { useContext as M, useState as l, useCallback as p } from "react";
-function d({ rules: n }) {
-  const { setFormControl: r, removeFormControl: s } = M(v), [o, u] = l(!1), [b, a] = l(null), f = p(
+function d({ rules: i }) {
+  const { setFormControl: r, removeFormControl: s } = M(v), [o, n] = l(!1), [b, a] = l(null), f = p(
     (t) => {
-      const e = t.id, i = t.value;
-      if (!n.length) {
-        r == null || r(e, () => !0), a(null), u(!1);
+      const e = t.id, u = t.value;
+      if (!i.length) {
+        r == null || r(e, () => !0), a(null), n(!1);
         return;
       }
-      for (const g of n) {
-        const c = g(i);
+      for (const g of i) {
+        const c = g(u);
         if (typeof c == "string") {
-          r == null || r(e, () => (u(!0), !1)), a(c), u(!0);
+          r == null || r(e, () => (n(!0), !1)), a(c);
           return;
         }
       }
-      r == null || r(e, () => !0), a(null), u(!1);
+      r == null || r(e, () => !0), a(null), n(!1);
     },
-    [n, r]
+    [i, r]
   );
   return { ref: p(
     (t) => {
@@ -26,13 +26,13 @@ function d({ rules: n }) {
       t.id || (t.id = x());
       const e = t.id;
       f(t);
-      const i = new MutationObserver(() => f(t));
-      return i.observe(t, {
+      const u = new MutationObserver(() => f(t));
+      return u.observe(t, {
         attributes: !0,
         childList: !0,
         subtree: !0
       }), () => {
-        i.disconnect(), s == null || s(e);
+        u.disconnect(), s == null || s(e);
       };
     },
     [f, s]

package/dist/providers/ThemeProvider.d.ts

@@ -292,6 +292,25 @@ export type ThemeProviderContextType = {
                 body2: string;
             };
         };
+        tooltip: {
+            base: string;
+            color: {
+                primary: string;
+                secondary: string;
+                success: string;
+                info: string;
+                warning: string;
+                danger: string;
+                dark: string;
+                light: string;
+            };
+            placement: {
+                top: string;
+                end: string;
+                bottom: string;
+                start: string;
+            };
+        };
     };
 };
 type Props = ChildrenProps & DeepPartial<ThemeProviderContextType>;

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
 import { ComponentProps, ElementType, ReactNode } from 'react';
 import { TransitionStatus } from 'react-transition-group';
+export type ComponentPropsWithoutAs<E extends ElementType, P extends Record<string, unknown> = {}> = P & Omit<ComponentProps<E>, keyof P>;
 export type ComponentPropsWithAs<E extends ElementType, P extends Record<string, unknown> = {}> = P & {
     as?: E;
 } & Omit<ComponentProps<E>, "as" | keyof P>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reaxify",
   "private": false,
-  "version": "0.0.13",
+  "version": "0.0.15",
   "type": "module",
   "types": "./dist/index.d.ts",
   "files": [