chakra-confirm - npm Package Compare versions

Comparing version 1.2.8 to 1.2.9

dist/chakra-confirm.cjs.development.js

@@ -213,3 +213,3 @@ 'use strict';
 };
-var useConfirm = function useConfirm(init, type) {
+function useConfirm(init, type) {
   var context = React.useContext(confirmContext);
@@ -230,3 +230,3 @@ return function (data) {
   };
-};
+}
 function useConfirmDelete(init) {
@@ -233,0 +233,0 @@ var _context$defaults2;

dist/chakra-confirm.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,l=require("@chakra-ui/react");function o(){return(o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}var r={prompt:{title:"Enter some data",buttonText:"Submit",buttonColor:"blue"},confirm:{title:"Are you sure?"},delete:{title:"Are you sure?",body:"Are you sure you want to delete this",buttonText:"Delete",buttonColor:"red"},cancel:"Cancel"},u=t.createContext({value:{type:"confirm",isOpen:!1,isLoading:!1},setValue:function(){},defaults:o({},r)}),a=t.forwardRef((function(e,t){var o=e.onClick,r=e.doubleConfirm,u=e.buttonProps,a=e.children,i=l.useBoolean(!1),c=i[1].on;return r?i[0]?n.createElement(l.Button,Object.assign({ref:t,onClick:o},u),a):n.createElement(l.Button,Object.assign({ref:t,onClick:c},u,{variant:"outline"}),"Are you sure?"):n.createElement(l.Button,Object.assign({ref:t,onClick:o},u),a)})),i=function(){var e,r,i,c,d,s,f,m,p,v,C,y=t.useContext(u),b=y.value,E=y.defaults,g=y.setValue,x=b.isOpen,A=t.useRef(null),O=t.useState(""),k=O[0],B=O[1],D=function(){var e,t;"prompt"===b.type?null==(e=b.data)||e.onClick(null):null==(t=b.data)||t.onClick(!1),g((function(e){return o({},e,{data:void 0,isOpen:!1})})),B("")},h=function(){var e,t;"prompt"===b.type?null==(e=b.data)||e.onClick(k):null==(t=b.data)||t.onClick(!0),g((function(e){return o({},e,{data:void 0,isOpen:!1})})),B("")};if(!x)return null;var P=null==(e=b.data)?void 0:e.customBody;return n.createElement(l.AlertDialog,{isOpen:x,leastDestructiveRef:A,onClose:D,isCentered:null==(r=b.data)?void 0:r.isCentered},n.createElement(l.AlertDialogOverlay,null,n.createElement(l.AlertDialogContent,null,n.createElement(l.AlertDialogHeader,null,n.createElement(l.Heading,{size:"md"},(null==(i=b.data)?void 0:i.title)||"Are you sure?")),((null==(c=b.data)?void 0:c.actionBody)||(null==(d=b.data)?void 0:d.body))&&n.createElement(l.AlertDialogBody,null,(null==(s=b.data)||null==s.actionBody?void 0:s.actionBody(D))||(null==(f=b.data)?void 0:f.body)),"prompt"===b.type&&n.createElement(l.AlertDialogBody,null,n.createElement("form",{onSubmit:function(e){e.preventDefault(),h()}},P?n.createElement(P,{state:k,setState:B}):n.createElement(l.FormControl,null,n.createElement(l.Input,{ref:A,value:k,onChange:function(e){return B(e.target.value)}})))),n.createElement(l.AlertDialogFooter,null,n.createElement(l.Button,{onClick:D},E.cancel),!(null==(m=b.data)?void 0:m.onlyAlert)&&n.createElement(a,{buttonProps:{colorScheme:(null==(p=b.data)?void 0:p.buttonColor)||"blue",ml:3},ref:"prompt"===b.type?null:A,onClick:h,doubleConfirm:(null==(v=b.data)?void 0:v.doubleConfirm)||!1},(null==(C=b.data)?void 0:C.buttonText)||"Confirm")))))},c=function(e,n){var l=t.useContext(u);return function(t){return new Promise((function(r,u){var a;l.setValue({type:n||"confirm",isOpen:!0,isLoading:!1,data:o({},null==(a=l.defaults)?void 0:a.confirm,e,t,{onClick:r})})}))}};exports.ConfirmContextProvider=function(e){var l=e.children,a=e.defaults,c=t.useState({isOpen:!1,isLoading:!1,type:"alert"});return n.createElement(u.Provider,{value:{value:c[0],setValue:c[1],defaults:{cancel:(null==a?void 0:a.cancel)||r.cancel,confirm:o({},null==r?void 0:r.confirm,null==a?void 0:a.confirm),delete:o({},null==r?void 0:r.delete,null==a?void 0:a.delete)}}},n.createElement(i,null),l)},exports.useConfirm=c,exports.useConfirmDelete=function(e){var n,l=t.useContext(u);return c(o({},null==(n=l.defaults)?void 0:n.delete,e))},exports.usePrompt=function(e){var n,l=t.useContext(u);return c(o({},null==(n=l.defaults)?void 0:n.prompt,e),"prompt")},exports.usePromptWithClose=function(e){var n,l=t.useContext(u);return[c(o({},null==(n=l.defaults)?void 0:n.prompt,e),"prompt"),l]},exports.useUNSTABLE_Alert=function(e){return c(o({onlyAlert:!0},e),"alert")};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,l=require("@chakra-ui/react");function o(){return(o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}var r={prompt:{title:"Enter some data",buttonText:"Submit",buttonColor:"blue"},confirm:{title:"Are you sure?"},delete:{title:"Are you sure?",body:"Are you sure you want to delete this",buttonText:"Delete",buttonColor:"red"},cancel:"Cancel"},u=t.createContext({value:{type:"confirm",isOpen:!1,isLoading:!1},setValue:function(){},defaults:o({},r)}),a=t.forwardRef((function(e,t){var o=e.onClick,r=e.doubleConfirm,u=e.buttonProps,a=e.children,i=l.useBoolean(!1),c=i[1].on;return r?i[0]?n.createElement(l.Button,Object.assign({ref:t,onClick:o},u),a):n.createElement(l.Button,Object.assign({ref:t,onClick:c},u,{variant:"outline"}),"Are you sure?"):n.createElement(l.Button,Object.assign({ref:t,onClick:o},u),a)})),i=function(){var e,r,i,c,d,s,f,m,p,v,C,y=t.useContext(u),b=y.value,E=y.defaults,g=y.setValue,x=b.isOpen,A=t.useRef(null),O=t.useState(""),k=O[0],B=O[1],D=function(){var e,t;"prompt"===b.type?null==(e=b.data)||e.onClick(null):null==(t=b.data)||t.onClick(!1),g((function(e){return o({},e,{data:void 0,isOpen:!1})})),B("")},h=function(){var e,t;"prompt"===b.type?null==(e=b.data)||e.onClick(k):null==(t=b.data)||t.onClick(!0),g((function(e){return o({},e,{data:void 0,isOpen:!1})})),B("")};if(!x)return null;var P=null==(e=b.data)?void 0:e.customBody;return n.createElement(l.AlertDialog,{isOpen:x,leastDestructiveRef:A,onClose:D,isCentered:null==(r=b.data)?void 0:r.isCentered},n.createElement(l.AlertDialogOverlay,null,n.createElement(l.AlertDialogContent,null,n.createElement(l.AlertDialogHeader,null,n.createElement(l.Heading,{size:"md"},(null==(i=b.data)?void 0:i.title)||"Are you sure?")),((null==(c=b.data)?void 0:c.actionBody)||(null==(d=b.data)?void 0:d.body))&&n.createElement(l.AlertDialogBody,null,(null==(s=b.data)||null==s.actionBody?void 0:s.actionBody(D))||(null==(f=b.data)?void 0:f.body)),"prompt"===b.type&&n.createElement(l.AlertDialogBody,null,n.createElement("form",{onSubmit:function(e){e.preventDefault(),h()}},P?n.createElement(P,{state:k,setState:B}):n.createElement(l.FormControl,null,n.createElement(l.Input,{ref:A,value:k,onChange:function(e){return B(e.target.value)}})))),n.createElement(l.AlertDialogFooter,null,n.createElement(l.Button,{onClick:D},E.cancel),!(null==(m=b.data)?void 0:m.onlyAlert)&&n.createElement(a,{buttonProps:{colorScheme:(null==(p=b.data)?void 0:p.buttonColor)||"blue",ml:3},ref:"prompt"===b.type?null:A,onClick:h,doubleConfirm:(null==(v=b.data)?void 0:v.doubleConfirm)||!1},(null==(C=b.data)?void 0:C.buttonText)||"Confirm")))))};function c(e,n){var l=t.useContext(u);return function(t){return new Promise((function(r,u){var a;l.setValue({type:n||"confirm",isOpen:!0,isLoading:!1,data:o({},null==(a=l.defaults)?void 0:a.confirm,e,t,{onClick:r})})}))}}exports.ConfirmContextProvider=function(e){var l=e.children,a=e.defaults,c=t.useState({isOpen:!1,isLoading:!1,type:"alert"});return n.createElement(u.Provider,{value:{value:c[0],setValue:c[1],defaults:{cancel:(null==a?void 0:a.cancel)||r.cancel,confirm:o({},null==r?void 0:r.confirm,null==a?void 0:a.confirm),delete:o({},null==r?void 0:r.delete,null==a?void 0:a.delete)}}},n.createElement(i,null),l)},exports.useConfirm=c,exports.useConfirmDelete=function(e){var n;return c(o({},null==(n=t.useContext(u).defaults)?void 0:n.delete,e))},exports.usePrompt=function(e){var n;return c(o({},null==(n=t.useContext(u).defaults)?void 0:n.prompt,e),"prompt")},exports.usePromptWithClose=function(e){var n,l=t.useContext(u);return[c(o({},null==(n=l.defaults)?void 0:n.prompt,e),"prompt"),l]},exports.useUNSTABLE_Alert=function(e){return c(o({onlyAlert:!0},e),"alert")};
 //# sourceMappingURL=chakra-confirm.cjs.production.min.js.map

dist/chakra-confirm.esm.js

@@ -206,3 +206,3 @@ import React, { createContext, useState, useContext, useRef, forwardRef } from 'react';
 };
-var useConfirm = function useConfirm(init, type) {
+function useConfirm(init, type) {
   var context = useContext(confirmContext);
@@ -223,3 +223,3 @@ return function (data) {
   };
-};
+}
 function useConfirmDelete(init) {
@@ -226,0 +226,0 @@ var _context$defaults2;

dist/index.d.ts

 import React from 'react';
-import { ConfirmContext, ConfirmData } from './context';
+import { ConfirmContext, ConfirmData, PopupType } from './context';
 export interface ConfirmProviderProps {
@@ -8,7 +8,7 @@ defaults?: ConfirmContext['defaults'];
 declare type BaseData<T = string> = Omit<ConfirmData<T>, 'onClick'>;
-export declare const useConfirm: (init?: Pick<ConfirmData<string>, "doubleConfirm" | "title" | "body" | "buttonText" | "buttonColor" | "label" | "actionBody" | "isCentered" | "onlyAlert" | "textConfirm" | "customBody"> | undefined, type?: "prompt" | "confirm" | "alert" | undefined) => (data?: Partial<Pick<ConfirmData<string>, "doubleConfirm" | "title" | "body" | "buttonText" | "buttonColor" | "label" | "actionBody" | "isCentered" | "onlyAlert" | "textConfirm" | "customBody">> | undefined) => Promise<boolean>;
+export declare function useConfirm(init?: BaseData, type?: PopupType): (data?: Partial<Pick<ConfirmData<string>, "doubleConfirm" | "title" | "body" | "buttonText" | "buttonColor" | "label" | "actionBody" | "isCentered" | "onlyAlert" | "textConfirm" | "customBody">> | undefined) => Promise<boolean>;
 export declare function useConfirmDelete(init?: Partial<BaseData>): (data?: Partial<Pick<ConfirmData<string>, "doubleConfirm" | "title" | "body" | "buttonText" | "buttonColor" | "label" | "actionBody" | "isCentered" | "onlyAlert" | "textConfirm" | "customBody">> | undefined) => Promise<boolean>;
-export declare function usePrompt<T = string>(init?: Partial<BaseData>): (data?: Partial<BaseData<T>> | undefined) => Promise<T | null>;
+export declare function usePrompt<T = string>(init?: Partial<BaseData<T>>): (data?: Partial<BaseData<T>> | undefined) => Promise<T | null>;
 export declare function usePromptWithClose(init?: Partial<BaseData>): readonly [(data?: Partial<BaseData> | undefined) => Promise<string | null>, ConfirmContext];
 export declare function useUNSTABLE_Alert(init?: Partial<BaseData>): (data?: Partial<Pick<ConfirmData<string>, "doubleConfirm" | "title" | "body" | "buttonText" | "buttonColor" | "label" | "actionBody" | "isCentered" | "onlyAlert" | "textConfirm" | "customBody">> | undefined) => Promise<boolean>;
 export {};

package.json

@@ -5,3 +5,3 @@ {
   "author": "Fran Zekan",
-  "version": "1.2.8",
+  "version": "1.2.9",
   "license": "MIT",
@@ -8,0 +8,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Lines of code

803

increased by0.38%

Worsened metrics

Total package byte prevSize

77906

decreased by-0.36%

No dependency changes