@gisce/react-ooui 1.1.51 → 1.1.53-rc.0

package/dist/ui/Fieldset.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 declare type Props = {
-    label: string;
+    label: any;
     children: any;
 };
 declare const Fieldset: (props: Props) => React.ReactElement;

package/dist/ui/Fieldset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,QAAQ,UAAW,KAAK,KAAG,MAAM,YAqBtC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,GAAG,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,QAAQ,UAAW,KAAK,KAAG,MAAM,YAqBtC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/widgets/containers/Group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAIjD,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,iBAAS,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CAoB/C;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAMjD,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,iBAAS,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CA2B/C;AAED,eAAe,KAAK,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/react-ooui",
-  "version": "1.1.51",
+  "version": "1.1.53-rc.0",
   "files": [
     "dist",
     "src",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@ant-design/plots": "^1.0.9",
-    "@gisce/ooui": "^0.19.0",
+    "@gisce/ooui": "^0.19.1",
     "@gisce/react-formiga-table": "^0.5.0",
     "@monaco-editor/react": "^4.4.5",
     "@tabler/icons-react": "^2.11.0",

package/src/stories/containers/Group.stories.tsx

@@ -61,3 +61,15 @@ export const Default = (): React.ReactElement => {
     </LocaleProvider>
   );
 };
+
+export const WithIcon = (): React.ReactElement => {
+  const ooui = new GroupOoui({
+    string: "General",
+    icon: "home"
+  });
+  return (
+    <LocaleProvider lang="en_US">
+      <Group ooui={ooui} />
+    </LocaleProvider>
+  );
+};

package/src/ui/Fieldset.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 type Props = {
-  label: string;
+  label: any;
   children: any;
 };
 

package/src/widgets/containers/Group.tsx

@@ -2,6 +2,8 @@ import React from "react";
 import { Group as GroupOoui } from "@gisce/ooui";
 import Container from "./Container";
 import Fieldset from "@/ui/Fieldset";
+import { Space } from "antd";
+import iconMapper from "@/helpers/iconMapper";
 
 type Props = {
   ooui: GroupOoui;
@@ -11,11 +13,18 @@ type Props = {
 
 function Group(props: Props): React.ReactElement {
   const { ooui, showLabel = true, responsiveBehaviour } = props;
+  const Icon : React.ElementType | undefined = iconMapper(ooui.icon || "");
+  const label = (
+    <Space>
+        {Icon ? <Icon /> : null}
+        {ooui.label}
+      </Space>
+  )
 
   return (
     <>
       {ooui.label && showLabel ? (
-        <Fieldset label={ooui.label}>
+        <Fieldset label={label}>
           <Container
             container={ooui!.container}
             responsiveBehaviour={responsiveBehaviour}