@gisce/react-ooui 1.1.48 → 1.1.49

package/dist/widgets/base/Separator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["Separator.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AAEzD,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,aAAa,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,KAAK,gBASrC,CAAC"}
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["Separator.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AAGzD,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,aAAa,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,KAAK,gBAcrC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/react-ooui",
-  "version": "1.1.48",
+  "version": "1.1.49",
   "files": [
     "dist",
     "src",

package/src/stories/Separator.stories.tsx

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

package/src/widgets/base/Separator.tsx

@@ -1,6 +1,7 @@
 import React from "react";
-import { Divider } from "antd";
+import { Divider, Space } from "antd";
 import { Separator as SeparatorOoui } from "@gisce/ooui";
+import iconMapper from "@/helpers/iconMapper";
 
 type Props = {
   ooui: SeparatorOoui;
@@ -8,11 +9,16 @@ type Props = {
 
 export const Separator = (props: Props) => {
   const { ooui } = props;
-  const { label } = ooui;
+  const { label, icon } = ooui;
+  const Icon : React.ElementType | undefined = iconMapper(icon || "");
+
 
   return (
     <Divider orientation="left" className="text-sm">
-      {label}
+      <Space>
+        {Icon ? <Icon /> : null}
+        {label}
+      </Space>
     </Divider>
   );
 };