envoc-form 4.0.1-5 → 4.0.1-6

package/es/ConfirmBaseForm/ConfirmBaseForm.d.ts

@@ -5,6 +5,8 @@ export interface ConfirmBaseFormProps {
     request: useAxiosRequestProps;
     style?: React.CSSProperties;
     title?: string;
+    confirmButtonText?: string;
+    confirmButtonClass?: string;
     children?: React.ReactNode;
 }
-export default function ConfirmBaseForm({ handleCancel, request, style, title, children, ...props }: ConfirmBaseFormProps): JSX.Element;
+export default function ConfirmBaseForm({ handleCancel, request, style, title, confirmButtonText, confirmButtonClass, children, ...props }: ConfirmBaseFormProps): JSX.Element;

package/es/ConfirmBaseForm/ConfirmBaseForm.js

@@ -26,10 +26,10 @@ import { useAxiosRequest } from 'envoc-request';
 import { FormDefaults } from '../FormDefaults';
 // TODO: ask about how we should use 'children'
 export default function ConfirmBaseForm(_a) {
-    var handleCancel = _a.handleCancel, request = _a.request, style = _a.style, title = _a.title, children = _a.children, props = __rest(_a, ["handleCancel", "request", "style", "title", "children"]);
+    var handleCancel = _a.handleCancel, request = _a.request, style = _a.style, title = _a.title, confirmButtonText = _a.confirmButtonText, confirmButtonClass = _a.confirmButtonClass, children = _a.children, props = __rest(_a, ["handleCancel", "request", "style", "title", "confirmButtonText", "confirmButtonClass", "children"]);
     var webRequest = useAxiosRequest(Object.assign({}, request, { autoExecute: false }));
     var onCancel = handleCancel !== null && handleCancel !== void 0 ? handleCancel : goBack;
-    return (_jsxs("div", __assign({ style: __assign({ textAlign: 'center' }, style) }, props, { children: [_jsx("h3", { children: title }), children, _jsx("button", __assign({ className: classNames(FormDefaults.cssClassPrefix + 'confirm-base-form-yes-button'), type: "button", onClick: webRequest.submitRequest }, { children: "Yes" })), _jsx("button", __assign({ className: classNames(FormDefaults.cssClassPrefix + 'confirm-base-form-cancel-button'), type: "button", onClick: onCancel }, { children: "Cancel" }))] })));
+    return (_jsxs("div", __assign({ style: __assign({ textAlign: 'center' }, style) }, props, { children: [_jsx("h3", { children: title }), children, _jsx("button", __assign({ className: classNames(confirmButtonClass !== null && confirmButtonClass !== void 0 ? confirmButtonClass : FormDefaults.cssClassPrefix + 'confirm-base-form-confirm-button'), type: "button", onClick: webRequest.submitRequest }, { children: confirmButtonText !== null && confirmButtonText !== void 0 ? confirmButtonText : 'Confirm' })), _jsx("button", __assign({ className: classNames(FormDefaults.cssClassPrefix + 'confirm-base-form-cancel-button'), type: "button", onClick: onCancel }, { children: "Cancel" }))] })));
     function goBack() {
         window.history.back();
     }

package/es/ConfirmDeleteForm/ConfirmDeleteForm.js

@@ -24,6 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useNavigate, useParams } from 'react-router-dom';
 import { toast } from 'react-toastify';
 import ConfirmBaseForm from '../ConfirmBaseForm/ConfirmBaseForm';
+import { FormDefaults } from '../FormDefaults';
 export default function ConfirmDeleteForm(_a) {
     var successUrl = _a.successUrl, form = _a.form, title = _a.title, handleComplete = _a.handleComplete, handleError = _a.handleError, children = _a.children, props = __rest(_a, ["successUrl", "form", "title", "handleComplete", "handleError", "children"]);
     var navigate = useNavigate();
@@ -42,7 +43,7 @@ export default function ConfirmDeleteForm(_a) {
         onComplete: onComplete,
         onError: onError,
     };
-    return (_jsx(ConfirmBaseForm, __assign({ request: request, handleCancel: goBack, title: title !== null && title !== void 0 ? title : 'Are you sure you want to delete this?' }, props, { children: children })));
+    return (_jsx(ConfirmBaseForm, __assign({ request: request, handleCancel: goBack, title: title !== null && title !== void 0 ? title : 'Are you sure you want to delete this?', confirmButtonText: "Yes", confirmButtonClass: FormDefaults.cssClassPrefix + 'confirm-delete-form-yes-button' }, props, { children: children })));
     function goBack() {
         if (successUrl) {
             navigate(successUrl);

package/lib/ConfirmBaseForm/ConfirmBaseForm.d.ts

@@ -5,6 +5,8 @@ export interface ConfirmBaseFormProps {
     request: useAxiosRequestProps;
     style?: React.CSSProperties;
     title?: string;
+    confirmButtonText?: string;
+    confirmButtonClass?: string;
     children?: React.ReactNode;
 }
-export default function ConfirmBaseForm({ handleCancel, request, style, title, children, ...props }: ConfirmBaseFormProps): JSX.Element;
+export default function ConfirmBaseForm({ handleCancel, request, style, title, confirmButtonText, confirmButtonClass, children, ...props }: ConfirmBaseFormProps): JSX.Element;

package/lib/ConfirmBaseForm/ConfirmBaseForm.js

@@ -31,10 +31,10 @@ var envoc_request_1 = require("envoc-request");
 var FormDefaults_1 = require("../FormDefaults");
 // TODO: ask about how we should use 'children'
 function ConfirmBaseForm(_a) {
-    var handleCancel = _a.handleCancel, request = _a.request, style = _a.style, title = _a.title, children = _a.children, props = __rest(_a, ["handleCancel", "request", "style", "title", "children"]);
+    var handleCancel = _a.handleCancel, request = _a.request, style = _a.style, title = _a.title, confirmButtonText = _a.confirmButtonText, confirmButtonClass = _a.confirmButtonClass, children = _a.children, props = __rest(_a, ["handleCancel", "request", "style", "title", "confirmButtonText", "confirmButtonClass", "children"]);
     var webRequest = (0, envoc_request_1.useAxiosRequest)(Object.assign({}, request, { autoExecute: false }));
     var onCancel = handleCancel !== null && handleCancel !== void 0 ? handleCancel : goBack;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: __assign({ textAlign: 'center' }, style) }, props, { children: [(0, jsx_runtime_1.jsx)("h3", { children: title }), children, (0, jsx_runtime_1.jsx)("button", __assign({ className: (0, classnames_1.default)(FormDefaults_1.FormDefaults.cssClassPrefix + 'confirm-base-form-yes-button'), type: "button", onClick: webRequest.submitRequest }, { children: "Yes" })), (0, jsx_runtime_1.jsx)("button", __assign({ className: (0, classnames_1.default)(FormDefaults_1.FormDefaults.cssClassPrefix + 'confirm-base-form-cancel-button'), type: "button", onClick: onCancel }, { children: "Cancel" }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: __assign({ textAlign: 'center' }, style) }, props, { children: [(0, jsx_runtime_1.jsx)("h3", { children: title }), children, (0, jsx_runtime_1.jsx)("button", __assign({ className: (0, classnames_1.default)(confirmButtonClass !== null && confirmButtonClass !== void 0 ? confirmButtonClass : FormDefaults_1.FormDefaults.cssClassPrefix + 'confirm-base-form-confirm-button'), type: "button", onClick: webRequest.submitRequest }, { children: confirmButtonText !== null && confirmButtonText !== void 0 ? confirmButtonText : 'Confirm' })), (0, jsx_runtime_1.jsx)("button", __assign({ className: (0, classnames_1.default)(FormDefaults_1.FormDefaults.cssClassPrefix + 'confirm-base-form-cancel-button'), type: "button", onClick: onCancel }, { children: "Cancel" }))] })));
     function goBack() {
         window.history.back();
     }

package/lib/ConfirmDeleteForm/ConfirmDeleteForm.js

@@ -29,6 +29,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_router_dom_1 = require("react-router-dom");
 var react_toastify_1 = require("react-toastify");
 var ConfirmBaseForm_1 = __importDefault(require("../ConfirmBaseForm/ConfirmBaseForm"));
+var FormDefaults_1 = require("../FormDefaults");
 function ConfirmDeleteForm(_a) {
     var successUrl = _a.successUrl, form = _a.form, title = _a.title, handleComplete = _a.handleComplete, handleError = _a.handleError, children = _a.children, props = __rest(_a, ["successUrl", "form", "title", "handleComplete", "handleError", "children"]);
     var navigate = (0, react_router_dom_1.useNavigate)();
@@ -47,7 +48,7 @@ function ConfirmDeleteForm(_a) {
         onComplete: onComplete,
         onError: onError,
     };
-    return ((0, jsx_runtime_1.jsx)(ConfirmBaseForm_1.default, __assign({ request: request, handleCancel: goBack, title: title !== null && title !== void 0 ? title : 'Are you sure you want to delete this?' }, props, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(ConfirmBaseForm_1.default, __assign({ request: request, handleCancel: goBack, title: title !== null && title !== void 0 ? title : 'Are you sure you want to delete this?', confirmButtonText: "Yes", confirmButtonClass: FormDefaults_1.FormDefaults.cssClassPrefix + 'confirm-delete-form-yes-button' }, props, { children: children })));
     function goBack() {
         if (successUrl) {
             navigate(successUrl);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "envoc-form",
-  "version": "4.0.1-5",
+  "version": "4.0.1-6",
   "description": "Envoc form components",
   "keywords": [
     "react-component",
@@ -37,7 +37,7 @@
     "axios": "^0.21.1",
     "classnames": "^2.3.1",
     "date-fns": "^2.22.1",
-    "envoc-request": "^4.0.1-5",
+    "envoc-request": "^4.0.1-6",
     "lru-cache": "^6.0.0",
     "prop-types": "^15.7.2",
     "react-date-picker": "^8.2.0",

package/src/ConfirmBaseForm/ConfirmBaseForm.tsx

@@ -10,6 +10,8 @@ export interface ConfirmBaseFormProps {
   request: useAxiosRequestProps;
   style?: React.CSSProperties;
   title?: string;
+  confirmButtonText?: string;
+  confirmButtonClass?: string;
   children?: React.ReactNode;
 }
 
@@ -19,6 +21,8 @@ export default function ConfirmBaseForm({
   request,
   style,
   title,
+  confirmButtonText,
+  confirmButtonClass,
   children,
   ...props
 }: ConfirmBaseFormProps) {
@@ -33,11 +37,12 @@ export default function ConfirmBaseForm({
       {children}
       <button
         className={classNames(
-          FormDefaults.cssClassPrefix + 'confirm-base-form-yes-button'
+          confirmButtonClass ??
+            FormDefaults.cssClassPrefix + 'confirm-base-form-confirm-button'
         )}
         type="button"
         onClick={webRequest.submitRequest}>
-        Yes
+        {confirmButtonText ?? 'Confirm'}
       </button>
       <button
         className={classNames(

package/src/ConfirmBaseForm/__snapshots__/ConfirmBaseForm.test.tsx.snap

@@ -7,10 +7,10 @@ exports[`ConfirmBaseForm has matching snapshot 1`] = `
   >
     <h3 />
     <button
-      class="envoc-form-confirm-base-form-yes-button"
+      class="envoc-form-confirm-base-form-confirm-button"
       type="button"
     >
-      Yes
+      Confirm
     </button>
     <button
       class="envoc-form-confirm-base-form-cancel-button"

package/src/ConfirmDeleteForm/ConfirmDeleteForm.tsx

@@ -2,7 +2,10 @@ import React from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 import { toast } from 'react-toastify';
 import { useAxiosRequestProps } from 'envoc-request';
-import ConfirmBaseForm, { ConfirmBaseFormProps } from '../ConfirmBaseForm/ConfirmBaseForm';
+import ConfirmBaseForm, {
+  ConfirmBaseFormProps,
+} from '../ConfirmBaseForm/ConfirmBaseForm';
+import { FormDefaults } from '../FormDefaults';
 
 export interface ConfirmDeleteFormProps
   extends Pick<ConfirmBaseFormProps, 'style'> {
@@ -52,6 +55,10 @@ export default function ConfirmDeleteForm({
       request={request}
       handleCancel={goBack}
       title={title ?? 'Are you sure you want to delete this?'}
+      confirmButtonText="Yes"
+      confirmButtonClass={
+        FormDefaults.cssClassPrefix + 'confirm-delete-form-yes-button'
+      }
       {...props}>
       {children}
     </ConfirmBaseForm>

package/src/ConfirmDeleteForm/__snapshots__/ConfirmDeleteForm.test.tsx.snap

@@ -9,7 +9,7 @@ exports[`ConfirmDeleteForm has matching snapshot 1`] = `
       Are you sure you want to delete this?
     </h3>
     <button
-      class="envoc-form-confirm-base-form-yes-button"
+      class="envoc-form-confirm-delete-form-yes-button"
       type="button"
     >
       Yes