Merge pull request #1965 from apuliasoft/inputpanel

bugifx(kup-input-panel): update custom button click handler event
smeup · Jun 27, 2024 · 55a22c8 · 55a22c8
2 parents 10f652e + 96ce11b
commit 55a22c8
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/packages/ketchup/src/components/kup-input-panel/kup-input-panel-declarations.ts b/packages/ketchup/src/components/kup-input-panel/kup-input-panel-declarations.ts
@@ -102,11 +102,11 @@ export type InputPanelOptionsHandler = (
     currentState: KupInputPanelData
 ) => Promise<GenericObject>;
 
-export type InputPanelButtonClickHandler = (
-    fun: string,
-    cellId: string,
-    currentState: KupInputPanelData
-) => void;
+export type InputPanelButtonClickHandler = (event: {
+    fun: string;
+    cellId: string;
+    currentState: KupInputPanelData;
+}) => void;
 
 export enum KupInputPanelProps {
     customStyle = 'Custom style of the component.',

diff --git a/packages/ketchup/src/components/kup-input-panel/kup-input-panel.tsx b/packages/ketchup/src/components/kup-input-panel/kup-input-panel.tsx
@@ -333,11 +333,11 @@ export class KupInputPanel {
                 wrapperClass="form__submit"
                 onClick={() => {
                     cell.data.fun
-                        ? this.customButtonClickHandler(
-                              cell.data.fun,
+                        ? this.customButtonClickHandler({
+                              fun: cell.data.fun,
                               cellId,
-                              this.#reverseMapCells()
-                          )
+                              currentState: this.#reverseMapCells(),
+                          })
                         : this.submitCb({
                               value: {
                                   before: { ...this.#originalData },

diff --git a/packages/ketchup/src/components/kup-input-panel/readme.md b/packages/ketchup/src/components/kup-input-panel/readme.md
@@ -9,7 +9,7 @@
 
 | Property                   | Attribute              | Description                                                            | Type                                                                                           | Default |
 | -------------------------- | ---------------------- | ---------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------- |
-| `customButtonClickHandler` | --                     | Sets the handler to use when click on custom buttons                   | `(fun: string, cellId: string, currentState: KupInputPanelData) => void`                       | `null`  |
+| `customButtonClickHandler` | --                     | Sets the handler to use when click on custom buttons                   | `(event: { fun: string; cellId: string; currentState: KupInputPanelData; }) => void`           | `null`  |
 | `customStyle`              | `custom-style`         | Custom style of the component.                                         | `string`                                                                                       | `''`    |
 | `data`                     | --                     | Actual data of the form.                                               | `KupInputPanelData`                                                                            | `null`  |
 | `hiddenSubmitButton`       | `hidden-submit-button` | Creates a hidden submit button in order to submit the form with enter. | `boolean`                                                                                      | `false` |