@gisce/react-ooui 1.1.65 → 1.1.66

package/dist/widgets/custom/ButtonGroup.d.ts

@@ -3,6 +3,6 @@ import { ButtonGroup as ButtonGroupOoui } from "@gisce/ooui";
 declare type ButtonGroupProps = {
     ooui: ButtonGroupOoui;
 };
-export declare const ButtonGroup: (props: ButtonGroupProps) => JSX.Element;
+export declare const ButtonGroup: (props: ButtonGroupProps) => JSX.Element | null | undefined;
 export {};
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/widgets/custom/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["ButtonGroup.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,WAAW,IAAI,eAAe,EAG/B,MAAM,aAAa,CAAC;AAQrB,aAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,eAAe,CAAC;CACvB,CAAC;AAMF,eAAO,MAAM,WAAW,UAAW,gBAAgB,gBAoElD,CAAC"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["ButtonGroup.tsx"],"names":[],"mappings":";AAKA,OAAO,EACL,WAAW,IAAI,eAAe,EAG/B,MAAM,aAAa,CAAC;AAQrB,aAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,eAAe,CAAC;CACvB,CAAC;AAQF,eAAO,MAAM,WAAW,UAAW,gBAAgB,mCA2ElD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/react-ooui",
-  "version": "1.1.65",
+  "version": "1.1.66",
   "files": [
     "dist",
     "src",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@ant-design/plots": "^1.0.9",
-    "@gisce/ooui": "^0.19.5",
+    "@gisce/ooui": "^0.19.6",
     "@gisce/react-formiga-table": "^0.5.0",
     "@monaco-editor/react": "^4.4.5",
     "@tabler/icons-react": "^2.11.0",

package/src/widgets/custom/ButtonGroup.tsx

@@ -2,6 +2,7 @@ import React, { useContext, useState } from "react";
 import Field from "@/common/Field";
 import { DownOutlined } from "@ant-design/icons";
 import { Dropdown, Menu } from "antd";
+import { Button } from "@/widgets/base/Button";
 import {
   ButtonGroup as ButtonGroupOoui,
   Button as ButtonOoui,
@@ -20,6 +21,8 @@ type ButtonGroupProps = {
 
 type ItemsProps = {
   ooui: ButtonOoui[];
+  executeButtonAction: any,
+  lang: string
 };
 
 export const ButtonGroup = (props: ButtonGroupProps) => {
@@ -73,27 +76,37 @@ export const ButtonGroup = (props: ButtonGroupProps) => {
 
     onClick_confirm();
   }
-
-  return (
-    <Field ooui={new FieldOoui({ ...{ ooui } })}>
-      <Dropdown.Button
-        disabled={!activated || readOnly}
-        onClick={onClick}
-        icon={<DownOutlined />}
-        type={primary ? "primary" : undefined}
-        //danger={danger ? true : undefined} This works but typescript
-        // doesn't accept
-        overlay={Items({ooui: secondaryButtons})}
-      >
-        {getButtonIcon()}
-        {caption}
-      </Dropdown.Button>
-    </Field>
-  );
+  if (ooui.buttons.length === 0) {
+    return null;
+  } else if (ooui.buttons.length > 1) {
+    return (
+      <Field ooui={new FieldOoui({ ...{ ooui } })}>
+        <Dropdown.Button
+          disabled={!activated || readOnly}
+          onClick={onClick}
+          icon={<DownOutlined />}
+          type={primary ? "primary" : undefined}
+          //danger={danger ? true : undefined} This works but typescript
+          // doesn't accept
+          overlay={<Items ooui={secondaryButtons} executeButtonAction={executeButtonAction} lang={lang} /> }
+        >
+          {getButtonIcon()}
+          {caption}
+        </Dropdown.Button>
+      </Field>
+    );
+  }  else if (defaultButton) {
+    return (
+      <Button ooui={defaultButton} />
+    )
+  }
 };
 
 const Items = (props: ItemsProps) => {
-  const { ooui } = props;
+  const { ooui, executeButtonAction, lang } = props;
+  if (!ooui) {
+    return null;
+  }
   const items = ooui.map((button) => {
     const {
       id,
@@ -106,10 +119,7 @@ const Items = (props: ItemsProps) => {
       readOnly,
       danger,
     } = button;
-    const formContext = useContext(FormContext) as FormContextType;
-    const { executeButtonAction } = formContext || {};
     const [isRunning, setIsRunning] = useState<boolean>(false);
-    const { lang } = useContext(LocaleContext) as LocaleContextType;
 
     async function onClick_confirm() {
       setIsRunning(true);