@kolking/react-ui 1.9.1 → 1.9.2

package/dist/components/Dialog/Dialog.d.ts

@@ -7,7 +7,7 @@ export type DialogProps = React.HTMLAttributes<HTMLDivElement> & {
     width?: React.CSSProperties['width'];
     lockScroll?: boolean;
     requestClose: () => void;
-    setTriggerProps?: React.Dispatch<React.SetStateAction<object>>;
+    setTriggerProps?: React.Dispatch<React.SetStateAction<Record<string, unknown>>>;
 };
 export declare const Dialog: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     open?: boolean;
@@ -15,7 +15,7 @@ export declare const Dialog: React.ForwardRefExoticComponent<React.HTMLAttribute
     width?: React.CSSProperties["width"];
     lockScroll?: boolean;
     requestClose: () => void;
-    setTriggerProps?: React.Dispatch<React.SetStateAction<object>>;
+    setTriggerProps?: React.Dispatch<React.SetStateAction<Record<string, unknown>>>;
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const DialogTitle: ({ className, children, ...props }: Omit<HeadingProps, "title">) => import("react/jsx-runtime").JSX.Element;
 export declare const DialogContent: (props: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/useDialog.d.ts

@@ -1,4 +1,4 @@
-type DialogShowOptions<R> = {
+export type DialogShowOptions<R> = {
     onConfirm?: (values: R) => void;
     onCancel?: () => void;
 };
@@ -11,9 +11,13 @@ export declare function useDialog<T, R>(options?: DialogOptions<T, R>): {
     props: {
         ref: import('react').RefObject<HTMLDivElement | null>;
         open: boolean;
-        setTriggerProps: import('react').Dispatch<import('react').SetStateAction<{}>>;
+        setTriggerProps: import('react').Dispatch<import('react').SetStateAction<Record<string, unknown>>>;
         requestClose: () => void;
     };
+    triggerProps: Record<string, unknown>;
+    /**
+     * @deprecated The property will be removed in the next major release
+     */
     trigger: {
         onClick: (values: T, showOptions?: DialogShowOptions<R>) => void;
     };
@@ -23,4 +27,3 @@ export declare function useDialog<T, R>(options?: DialogOptions<T, R>): {
     confirm: (values: R) => void;
     preventClose: <T_1>(promise: Promise<T_1>) => Promise<T_1>;
 };
-export {};

package/dist/components/Dialog/useDialog.js

@@ -1,15 +1,15 @@
 import { useRef as c, useState as f, useCallback as t } from "react";
 import { afterTransition as v } from "../../utils/helpers.js";
 function S(s) {
-  const u = c(null), e = c(!1), n = c(s), a = c(void 0), [d, g] = f({}), [m, i] = f(s?.defaultOpen ?? !1), [w, l] = f();
+  const u = c(null), e = c(!1), n = c(s), a = c(void 0), [i, g] = f({}), [m, l] = f(s?.defaultOpen ?? !1), [w, p] = f();
   n.current = s;
-  const p = t((r, h = {}) => {
-    e.current || (a.current = h, i(!0), l(r), n.current?.onShow?.(r));
+  const C = t((r, h = {}) => {
+    e.current || (a.current = h, l(!0), p(r), n.current?.onShow?.(r));
   }, []), o = t((r) => {
     e.current || (e.current = !0, u.current?.setAttribute("data-open", "false"), v(u.current, () => {
-      r !== void 0 ? (n.current?.onConfirm?.(r), a.current?.onConfirm?.(r)) : (n.current?.onCancel?.(), a.current?.onCancel?.()), i(!1), l(void 0), e.current = !1;
+      r !== void 0 ? (n.current?.onConfirm?.(r), a.current?.onConfirm?.(r)) : (n.current?.onCancel?.(), a.current?.onCancel?.()), l(!1), p(void 0), e.current = !1;
     }));
-  }, []), C = t(() => o(), [o]), O = t((r) => o(r), [o]), b = t(async (r) => {
+  }, []), d = t(() => o(), [o]), O = t((r) => o(r), [o]), b = t(async (r) => {
     e.current = !0;
     try {
       return await r;
@@ -18,11 +18,15 @@ function S(s) {
     }
   }, []);
   return {
-    props: { ref: u, open: m, setTriggerProps: g, requestClose: C },
-    trigger: { ...d, onClick: p },
+    props: { ref: u, open: m, setTriggerProps: g, requestClose: d },
+    triggerProps: i,
+    /**
+     * @deprecated The property will be removed in the next major release
+     */
+    trigger: { ...i, onClick: C },
     data: w,
-    show: p,
-    cancel: C,
+    show: C,
+    cancel: d,
     confirm: O,
     preventClose: b
   };

package/dist/components/Dialog/withDialog.d.ts

@@ -1,12 +1,18 @@
 import { default as React } from 'react';
 import { DialogProps } from './Dialog';
-import { DialogOptions, DialogType } from './useDialog';
+import { DialogOptions, DialogShowOptions, DialogType } from './useDialog';
 type PartialDialogProps = Omit<DialogProps, 'children' | 'ref' | 'requestClose'>;
 type ComponentProps<T, R> = PartialDialogProps & DialogOptions<T, R> & {
-    children: (dialog: DialogType<T, R>) => React.ReactNode;
+    children: React.ReactNode | ((dialog: DialogType<T, R>) => React.ReactNode);
 };
 export type WithDialogProps<T extends object, R> = T & {
     dialog: DialogType<T, R>;
 };
-export declare function withDialog<T extends object, R>(Component: React.ComponentType<WithDialogProps<T, R>>, withProps?: PartialDialogProps): React.ComponentType<ComponentProps<T, R>>;
+export declare function withDialog<T extends object, R>(Component: React.ComponentType<WithDialogProps<T, R>>, withProps?: PartialDialogProps): {
+    ({ children, defaultOpen, onShow, onConfirm, onCancel, ...props }: ComponentProps<T, R>): import("react/jsx-runtime").JSX.Element;
+    useTrigger(): {
+        props: Record<string, unknown>;
+        show(_values: T, _showOptions?: DialogShowOptions<R>): void;
+    };
+};
 export {};

package/dist/components/Dialog/withDialog.js

@@ -1,22 +1,32 @@
-import { jsxs as d, Fragment as g, jsx as r } from "react/jsx-runtime";
-import { Dialog as f } from "./Dialog.js";
-import { useDialog as u } from "./useDialog.js";
-function j(t, i) {
-  function a({
-    children: n,
-    defaultOpen: p,
-    onShow: e,
-    onConfirm: s,
-    onCancel: l,
-    ...m
+import { jsxs as h, Fragment as w, jsx as r } from "react/jsx-runtime";
+import i, { useMemo as x } from "react";
+import { Dialog as d } from "./Dialog.js";
+import { useDialog as D } from "./useDialog.js";
+function j(a, p) {
+  const e = i.createContext({
+    props: {},
+    show(t, n) {
+      throw new Error("Dialog context is not available");
+    }
+  });
+  function s({
+    children: t,
+    defaultOpen: n,
+    onShow: u,
+    onConfirm: g,
+    onCancel: c,
+    ...l
   }) {
-    const o = u({ defaultOpen: p, onShow: e, onConfirm: s, onCancel: l }), c = { ...i, ...m, ...o.props };
-    return /* @__PURE__ */ d(g, { children: [
-      n(o),
-      /* @__PURE__ */ r(f, { ...c, children: o.data && /* @__PURE__ */ r(t, { ...o.data, dialog: o }) })
+    const o = D({ defaultOpen: n, onShow: u, onConfirm: g, onCancel: c }), m = { ...p, ...l, ...o.props }, f = x(() => ({
+      props: o.triggerProps,
+      show: o.show
+    }), [o.show, o.triggerProps]);
+    return /* @__PURE__ */ h(w, { children: [
+      /* @__PURE__ */ r(e, { value: f, children: typeof t == "function" ? t(o) : t }),
+      /* @__PURE__ */ r(d, { ...m, children: o.data && /* @__PURE__ */ r(a, { ...o.data, dialog: o }) })
     ] });
   }
-  return a;
+  return s.useTrigger = () => i.useContext(e), s;
 }
 export {
   j as withDialog

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolking/react-ui",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "description": "React component library for building user interfaces",
   "author": "Nick Seryakov (https://github.com/kolking)",
   "license": "MIT",