@gisce/react-ooui 1.1.52 → 1.1.53

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;AAGzD,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,aAAa,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,KAAK,gBAcrC,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,gBAgBrC,CAAC"}

package/package.json

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

package/src/stories/Separator.stories.tsx

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

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

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

package/src/widgets/base/Separator.tsx

@@ -15,10 +15,12 @@ export const Separator = (props: Props) => {
 
   return (
     <Divider orientation="left" className="text-sm">
-      <Space>
-        {Icon ? <Icon /> : null}
-        {label}
-      </Space>
+      { (Icon || label) &&
+        <Space>
+          {Icon ? <Icon /> : null}
+          {label}
+        </Space>
+      }
     </Divider>
   );
 };

package/src/widgets/containers/Group.tsx

@@ -23,7 +23,7 @@ function Group(props: Props): React.ReactElement {
 
   return (
     <>
-      {ooui.label && showLabel ? (
+      {(ooui.label || Icon) && showLabel ? (
         <Fieldset label={label}>
           <Container
             container={ooui!.container}