fixes #1 applied to 0.0.18 updated demo looks

cblanquera · cblanquera · commit b3f6e67671d5 · 2023-07-09T11:51:57.000+08:00
diff --git a/build/entry.tsx b/build/entry.tsx
diff --git a/build/index.html b/build/index.html
@@ -8,7 +8,7 @@
     <title>Free React UI</title>
     <meta name="description" content="A collection of vanilla react and tailwind components, fields and output formats written in typescript." />
     <meta property="og:title" content="Bad Baby Bear Bots" />
-    <meta property="og:url" content="https://cblanquera.github.io/frui" />
+    <meta property="og:url" content="https://ossphilippines.github.io/frui" />
     <meta property="og:type" content="website" />
     <meta property="og:description" content="A collection of vanilla react and tailwind components, fields and output formats written in typescript." />
     <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />
diff --git a/docs/bundle.js b/docs/bundle.js
diff --git a/docs/index.html b/docs/index.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Free React UI</title><meta name="description" content="A collection of vanilla react and tailwind components, fields and output formats written in typescript."/><meta property="og:title" content="Bad Baby Bear Bots"/><meta property="og:url" content="https://cblanquera.github.io/frui"/><meta property="og:type" content="website"/><meta property="og:description" content="A collection of vanilla react and tailwind components, fields and output formats written in typescript."/><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans"/><style>html, body, #root {
+<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Free React UI</title><meta name="description" content="A collection of vanilla react and tailwind components, fields and output formats written in typescript."/><meta property="og:title" content="Bad Baby Bear Bots"/><meta property="og:url" content="https://ossphilippines.github.io/frui"/><meta property="og:type" content="website"/><meta property="og:description" content="A collection of vanilla react and tailwind components, fields and output formats written in typescript."/><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans"/><style>html, body, #root {
         font-family: "Open Sans", Arial, Helvetica, sans-serif;
         width: 100%;
         margin: 0;
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "frui",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "license": "MIT",
   "description": "A collection of vanilla react and tailwind components written in typescript.",
   "author": "Chris <chris@incept.asia>",
diff --git a/src/react/Control.tsx b/src/react/Control.tsx
@@ -40,15 +40,15 @@ const Control: React.FC<ControlProps> = (props) => {
 
   return (
     <div style={map.styles.container} className={map.classNames.container}>
-      {label && (
+      {!!label && (
         <label style={map.styles.label} className={map.classNames.label}>
           {label}
         </label>
       )}
       <div style={map.styles.field} className={map.classNames.field}>
         {children}
       </div>
-      {error?.length && (
+      {!!error && error?.length > 0 && (
         <div className={map.classNames.error} style={map.styles.error}>
           {error}
         </div>
diff --git a/src/tailwind/Control.tsx b/src/tailwind/Control.tsx
@@ -40,15 +40,15 @@ const Control: React.FC<ControlProps> = (props) => {
 
   return (
     <div style={map.styles.container} className={map.classNames.container}>
-      {label && (
+      {!!label && (
         <label style={map.styles.label} className={map.classNames.label}>
           {label}
         </label>
       )}
       <div style={map.styles.field} className={map.classNames.field}>
         {children}
       </div>
-      {error?.length && (
+      {!!error && error?.length > 0 && (
         <div className={map.classNames.error} style={map.styles.error}>
           {error}
         </div>

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		-<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Free React UI</title><meta name="description" content="A collection of vanilla react and tailwind components, fields and output formats written in typescript."/><meta property="og:title" content="Bad Baby Bear Bots"/><meta property="og:url" content="https://cblanquera.github.io/frui"/><meta property="og:type" content="website"/><meta property="og:description" content="A collection of vanilla react and tailwind components, fields and output formats written in typescript."/><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans"/><style>html, body, #root {
	`1`	+<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Free React UI</title><meta name="description" content="A collection of vanilla react and tailwind components, fields and output formats written in typescript."/><meta property="og:title" content="Bad Baby Bear Bots"/><meta property="og:url" content="https://ossphilippines.github.io/frui"/><meta property="og:type" content="website"/><meta property="og:description" content="A collection of vanilla react and tailwind components, fields and output formats written in typescript."/><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans"/><style>html, body, #root {
`2`	`2`	`font-family: "Open Sans", Arial, Helvetica, sans-serif;`
`3`	`3`	`width: 100%;`
`4`	`4`	`margin: 0;`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "frui",`
`3`		`- "version": "0.0.17",`
	`3`	`+ "version": "0.0.18",`
`4`	`4`	`"license": "MIT",`
`5`	`5`	`"description": "A collection of vanilla react and tailwind components written in typescript.",`
`6`	`6`	`"author": "Chris <chris@incept.asia>",`