@knovator/pagecreator-admin 1.6.7 → 1.6.8

package/index.cjs

@@ -7138,7 +7138,8 @@ const constants = {
 };
 const WidgetForm = ({
   formRef,
-  customInputs
+  customInputs,
+  onPrimaryButtonClick
 }) => {
   const {
     register,
@@ -7532,9 +7533,11 @@ const WidgetForm = ({
       }
       return item;
     });
-    onWidgetFormSubmit(Object.assign(Object.assign({}, formData), {
+    const submitPayload = Object.assign(Object.assign({}, formData), {
       items
-    }));
+    });
+    onPrimaryButtonClick === null || onPrimaryButtonClick === void 0 ? void 0 : onPrimaryButtonClick(undefined, submitPayload);
+    onWidgetFormSubmit(submitPayload);
   };
   const onCollectionIndexChange = result => {
     const {
@@ -7932,7 +7935,8 @@ const WidgetSearch = () => {
 };
 
 const WidgetFormActions = ({
-  formRef
+  formRef,
+  onPrimaryButtonClick
 }) => {
   const {
     onError,
@@ -7947,6 +7951,7 @@ const WidgetFormActions = ({
   } = useWidgetState();
   const onSubmitClick = e => {
     var _a;
+    onPrimaryButtonClick === null || onPrimaryButtonClick === void 0 ? void 0 : onPrimaryButtonClick(e);
     if (!formRef) {
       return onError(CALLBACK_CODES.INTERNAL, 'error', `formRef is required to submit the form!`);
     } else if (!formRef.current) {
@@ -7996,7 +8001,8 @@ const Widget = ({
   formatOptionLabel,
   imageMaxSize,
   translations,
-  children
+  children,
+  onPrimaryButtonClick
 }) => {
   const {
     commonTranslations
@@ -8083,10 +8089,12 @@ const Widget = ({
     onClose: onCloseForm,
     title: formState === 'ADD' ? derivedT.addWidgetTitle : formState === 'UPDATE' ? derivedT.updateWidgetTitle : '',
     footerContent: /*#__PURE__*/React__default["default"].createElement(WidgetFormActions, {
-      formRef: widgetFormRef
+      formRef: widgetFormRef,
+      onPrimaryButtonClick: onPrimaryButtonClick
     })
   }, /*#__PURE__*/React__default["default"].createElement(WidgetForm, {
-    formRef: widgetFormRef
+    formRef: widgetFormRef,
+    onPrimaryButtonClick: onPrimaryButtonClick
   }))), itemData && (/*#__PURE__*/React__default["default"].createElement(DeleteModal, {
     formState: formState,
     itemData: itemData,

package/index.js

@@ -7126,7 +7126,8 @@ const constants = {
 };
 const WidgetForm = ({
   formRef,
-  customInputs
+  customInputs,
+  onPrimaryButtonClick
 }) => {
   const {
     register,
@@ -7520,9 +7521,11 @@ const WidgetForm = ({
       }
       return item;
     });
-    onWidgetFormSubmit(Object.assign(Object.assign({}, formData), {
+    const submitPayload = Object.assign(Object.assign({}, formData), {
       items
-    }));
+    });
+    onPrimaryButtonClick === null || onPrimaryButtonClick === void 0 ? void 0 : onPrimaryButtonClick(undefined, submitPayload);
+    onWidgetFormSubmit(submitPayload);
   };
   const onCollectionIndexChange = result => {
     const {
@@ -7920,7 +7923,8 @@ const WidgetSearch = () => {
 };
 
 const WidgetFormActions = ({
-  formRef
+  formRef,
+  onPrimaryButtonClick
 }) => {
   const {
     onError,
@@ -7935,6 +7939,7 @@ const WidgetFormActions = ({
   } = useWidgetState();
   const onSubmitClick = e => {
     var _a;
+    onPrimaryButtonClick === null || onPrimaryButtonClick === void 0 ? void 0 : onPrimaryButtonClick(e);
     if (!formRef) {
       return onError(CALLBACK_CODES.INTERNAL, 'error', `formRef is required to submit the form!`);
     } else if (!formRef.current) {
@@ -7984,7 +7989,8 @@ const Widget = ({
   formatOptionLabel,
   imageMaxSize,
   translations,
-  children
+  children,
+  onPrimaryButtonClick
 }) => {
   const {
     commonTranslations
@@ -8071,10 +8077,12 @@ const Widget = ({
     onClose: onCloseForm,
     title: formState === 'ADD' ? derivedT.addWidgetTitle : formState === 'UPDATE' ? derivedT.updateWidgetTitle : '',
     footerContent: /*#__PURE__*/React.createElement(WidgetFormActions, {
-      formRef: widgetFormRef
+      formRef: widgetFormRef,
+      onPrimaryButtonClick: onPrimaryButtonClick
     })
   }, /*#__PURE__*/React.createElement(WidgetForm, {
-    formRef: widgetFormRef
+    formRef: widgetFormRef,
+    onPrimaryButtonClick: onPrimaryButtonClick
   }))), itemData && (/*#__PURE__*/React.createElement(DeleteModal, {
     formState: formState,
     itemData: itemData,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knovator/pagecreator-admin",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "dependencies": {
     "classnames": "^2.3.1",
     "react-beautiful-dnd": "^13.1.0",

package/src/lib/components/Widget/Form/WidgetForm.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { FormProps } from '../../../types';
-declare const WidgetForm: ({ formRef, customInputs }: FormProps) => JSX.Element | null;
+declare const WidgetForm: ({ formRef, customInputs, onPrimaryButtonClick }: FormProps) => JSX.Element | null;
 export default WidgetForm;

package/src/lib/components/Widget/Widget/Widget.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 import { WidgetProps } from '../../../types';
 declare const Widget: {
-    ({ routes, loader, explicitForm, imageBaseUrl, permissions, preConfirmDelete, formatListItem, formatOptionLabel, imageMaxSize, translations, children, }: WidgetProps): JSX.Element;
+    ({ routes, loader, explicitForm, imageBaseUrl, permissions, preConfirmDelete, formatListItem, formatOptionLabel, imageMaxSize, translations, children, onPrimaryButtonClick, }: WidgetProps): JSX.Element;
     Table: ({ extraActions, extraColumns }: import("../../../types").DerivedTableProps) => JSX.Element;
-    Form: ({ formRef, customInputs }: import("../../../types").FormProps) => JSX.Element | null;
+    Form: ({ formRef, customInputs, onPrimaryButtonClick }: import("../../../types").FormProps) => JSX.Element | null;
     AddButton: () => JSX.Element;
     Search: () => JSX.Element;
     Pagination: () => JSX.Element;
     FormWrapper: ({ children }: import("../../../types").FormWrapperProps) => JSX.Element | null;
-    FormActions: ({ formRef }: import("../../../types").FormActionWrapperProps) => JSX.Element | null;
+    FormActions: ({ formRef, onPrimaryButtonClick }: import("../../../types").FormActionWrapperProps) => JSX.Element | null;
 };
 export default Widget;

package/src/lib/components/Widget/WidgetFormActions/WidgetFormActions.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { FormActionWrapperProps } from '../../../types';
-declare const WidgetFormActions: ({ formRef }: FormActionWrapperProps) => JSX.Element | null;
+declare const WidgetFormActions: ({ formRef, onPrimaryButtonClick }: FormActionWrapperProps) => JSX.Element | null;
 export default WidgetFormActions;

package/src/lib/types/components.d.ts

@@ -214,6 +214,7 @@ export interface WidgetProps {
     imageBaseUrl?: string;
     imageMaxSize?: number;
     translations?: WidgetTranslationPairs;
+    onPrimaryButtonClick?: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>, data?: any) => void;
 }
 export interface DerivedTableProps {
     extraActions?: (item: any) => JSX.Element;