ferns-ui 0.25.0 → 0.25.1

package/dist/Common.d.ts

@@ -375,16 +375,6 @@ export interface TextFieldProps extends FieldWithLabelsProps {
     max?: number;
 }
 export type TextAreaProps = TextFieldProps;
-export interface WithLabelProps {
-    children: React.ReactNode;
-    show?: boolean;
-    label?: string;
-    labelInline?: boolean;
-    labelColor?: AllColors;
-    labelJustifyContent?: JustifyContent;
-    labelPlacement?: "before" | "after";
-    labelSize?: TextSize;
-}
 export interface SubmittingFormProps {
     onSubmitEditting: () => void;
 }

package/dist/Common.js.map

@@ -1 +1 @@
-{"version":3,"file":"Common.js","sourceRoot":"","sources":["../src/Common.ts"],"names":[],"mappings":"AAorDA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC;AAmBzB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAe,EAAE,EAAE;IAClD,OAAO;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACP,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,GAAG,EAAE,EAAY,EAAE;IACtD,IAAI,QAAkB,CAAC;IACvB,IAAI,IAAI,GAAG,CAAC,EAAE;QACZ,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM;QACL,QAAQ,GAAG,IAAI,CAAC;KACjB;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,OAAgE;IAC9F,OAAO,CAAC;QACN,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,KAAK;QACrB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;KACjB,CAAC,OAAO,CAAC,IAAI,MAAM,CAAU,CAAC;AACjC,CAAC;AA63BD,MAAM,UAAU,UAAU,CAAC,OAAqB;IAC9C,OAAO,CACL,OAAO;QACP,OAAO,CAAC,KAAK;QACb,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CACrF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Common.js","sourceRoot":"","sources":["../src/Common.ts"],"names":[],"mappings":"AAorDA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC;AAmBzB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAe,EAAE,EAAE;IAClD,OAAO;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACP,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,GAAG,EAAE,EAAY,EAAE;IACtD,IAAI,QAAkB,CAAC;IACvB,IAAI,IAAI,GAAG,CAAC,EAAE;QACZ,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM;QACL,QAAQ,GAAG,IAAI,CAAC;KACjB;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,OAAgE;IAC9F,OAAO,CAAC;QACN,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,KAAK;QACrB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;KACjB,CAAC,OAAO,CAAC,IAAI,MAAM,CAAU,CAAC;AACjC,CAAC;AAk3BD,MAAM,UAAU,UAAU,CAAC,OAAqB;IAC9C,OAAO,CACL,OAAO;QACP,OAAO,CAAC,KAAK;QACb,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CACrF,CAAC;AACJ,CAAC"}

package/dist/WithLabel.d.ts

@@ -1,5 +1,13 @@
 import React from "react";
-import { WithLabelProps } from "./Common";
-export declare class WithLabel extends React.Component<WithLabelProps, {}> {
-    render(): {} | null;
+import { AllColors, JustifyContent, TextSize } from "./Common";
+export interface WithLabelProps {
+    children: React.ReactNode;
+    show?: boolean;
+    label?: string;
+    labelInline?: boolean;
+    labelColor?: AllColors;
+    labelJustifyContent?: JustifyContent;
+    labelPlacement?: "before" | "after";
+    labelSize?: TextSize;
 }
+export declare function WithLabel({ label, labelInline, labelJustifyContent, labelPlacement, labelSize, labelColor, show, children, }: WithLabelProps): JSX.Element;

package/dist/WithLabel.js

@@ -1,24 +1,12 @@
 import React from "react";
 import { Box } from "./Box";
 import { Text } from "./Text";
-export class WithLabel extends React.Component {
-    render() {
-        const { label, labelInline, labelColor, children } = this.props;
-        // If show is undefined or true, show, only hide for actual false for simplicity.
-        if (!children) {
-            return null;
-        }
-        if (label) {
-            return (React.createElement(Box, { direction: labelInline ? "row" : "column", justifyContent: this.props.labelJustifyContent, width: "100%" },
-                this.props.labelPlacement !== "after" && (React.createElement(Box, { paddingY: 1 },
-                    React.createElement(Text, { color: labelColor || "darkGray", size: this.props.labelSize, weight: "bold" }, this.props.show !== false ? label : " "))),
-                children,
-                this.props.labelPlacement === "after" && (React.createElement(Box, { paddingY: 1 },
-                    React.createElement(Text, { color: labelColor || "darkGray", size: this.props.labelSize }, this.props.show !== false ? label : " ")))));
-        }
-        else {
-            return children;
-        }
-    }
+export function WithLabel({ label, labelInline, labelJustifyContent, labelPlacement, labelSize, labelColor, show, children, }) {
+    return (React.createElement(Box, { direction: labelInline ? "row" : "column", justifyContent: labelJustifyContent, width: "100%" },
+        Boolean(label && labelPlacement !== "after") && (React.createElement(Box, { paddingY: 1 },
+            React.createElement(Text, { color: labelColor || "darkGray", size: labelSize, weight: "bold" }, show !== false ? label : " "))),
+        children,
+        Boolean(label && labelPlacement === "after") && (React.createElement(Box, { paddingY: 1 },
+            React.createElement(Text, { color: labelColor || "darkGray", size: labelSize }, show !== false ? label : " ")))));
 }
 //# sourceMappingURL=WithLabel.js.map

package/dist/WithLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithLabel.js","sourceRoot":"","sources":["../src/WithLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAE5B,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAA6B;IAChE,MAAM;QACJ,MAAM,EAAC,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC9D,iFAAiF;QAEjF,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO,IAAI,CAAC;SACb;QAED,IAAI,KAAK,EAAE;YACT,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EACzC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAC9C,KAAK,EAAC,MAAM;gBAEX,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,OAAO,IAAI,CACxC,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;oBACd,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,IAAI,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,EAAC,MAAM,IAC7E,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CACnC,CACH,CACP;gBACA,QAAQ;gBACR,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,OAAO,IAAI,CACxC,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;oBACd,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,IAAI,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,IAC9D,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CACnC,CACH,CACP,CACG,CACP,CAAC;SACH;aAAM;YACL,OAAO,QAAQ,CAAC;SACjB;IACH,CAAC;CACF"}
+{"version":3,"file":"WithLabel.js","sourceRoot":"","sources":["../src/WithLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAa5B,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,mBAAmB,EACnB,cAAc,EACd,SAAS,EACT,UAAU,EACV,IAAI,EACJ,QAAQ,GACO;IACf,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EACzC,cAAc,EAAE,mBAAmB,EACnC,KAAK,EAAC,MAAM;QAEX,OAAO,CAAC,KAAK,IAAI,cAAc,KAAK,OAAO,CAAC,IAAI,CAC/C,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;YACd,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,IAAI,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,IAClE,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CACxB,CACH,CACP;QACA,QAAQ;QACR,OAAO,CAAC,KAAK,IAAI,cAAc,KAAK,OAAO,CAAC,IAAI,CAC/C,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;YACd,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,IAAI,UAAU,EAAE,IAAI,EAAE,SAAS,IACnD,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CACxB,CACH,CACP,CACG,CACP,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ferns-ui",
-  "version": "0.25.0",
+  "version": "0.25.1",
   "main": "dist/index.js",
   "license": "Apache-2.0",
   "scripts": {

package/src/Common.ts

@@ -2071,17 +2071,6 @@ export interface TextFieldProps extends FieldWithLabelsProps {
 
 export type TextAreaProps = TextFieldProps;
 
-export interface WithLabelProps {
-  children: React.ReactNode;
-  show?: boolean;
-  label?: string;
-  labelInline?: boolean;
-  labelColor?: AllColors;
-  labelJustifyContent?: JustifyContent;
-  labelPlacement?: "before" | "after";
-  labelSize?: TextSize;
-}
-
 export interface SubmittingFormProps {
   onSubmitEditting: () => void;
 }

package/src/WithLabel.tsx

@@ -1,44 +1,51 @@
 import React from "react";
 
 import {Box} from "./Box";
-import {WithLabelProps} from "./Common";
+import {AllColors, JustifyContent, TextSize} from "./Common";
 import {Text} from "./Text";
 
-export class WithLabel extends React.Component<WithLabelProps, {}> {
-  render() {
-    const {label, labelInline, labelColor, children} = this.props;
-    // If show is undefined or true, show, only hide for actual false for simplicity.
-
-    if (!children) {
-      return null;
-    }
+export interface WithLabelProps {
+  children: React.ReactNode;
+  show?: boolean;
+  label?: string;
+  labelInline?: boolean;
+  labelColor?: AllColors;
+  labelJustifyContent?: JustifyContent;
+  labelPlacement?: "before" | "after";
+  labelSize?: TextSize;
+}
 
-    if (label) {
-      return (
-        <Box
-          direction={labelInline ? "row" : "column"}
-          justifyContent={this.props.labelJustifyContent}
-          width="100%"
-        >
-          {this.props.labelPlacement !== "after" && (
-            <Box paddingY={1}>
-              <Text color={labelColor || "darkGray"} size={this.props.labelSize} weight="bold">
-                {this.props.show !== false ? label : " "}
-              </Text>
-            </Box>
-          )}
-          {children}
-          {this.props.labelPlacement === "after" && (
-            <Box paddingY={1}>
-              <Text color={labelColor || "darkGray"} size={this.props.labelSize}>
-                {this.props.show !== false ? label : " "}
-              </Text>
-            </Box>
-          )}
+export function WithLabel({
+  label,
+  labelInline,
+  labelJustifyContent,
+  labelPlacement,
+  labelSize,
+  labelColor,
+  show,
+  children,
+}: WithLabelProps) {
+  return (
+    <Box
+      direction={labelInline ? "row" : "column"}
+      justifyContent={labelJustifyContent}
+      width="100%"
+    >
+      {Boolean(label && labelPlacement !== "after") && (
+        <Box paddingY={1}>
+          <Text color={labelColor || "darkGray"} size={labelSize} weight="bold">
+            {show !== false ? label : " "}
+          </Text>
+        </Box>
+      )}
+      {children}
+      {Boolean(label && labelPlacement === "after") && (
+        <Box paddingY={1}>
+          <Text color={labelColor || "darkGray"} size={labelSize}>
+            {show !== false ? label : " "}
+          </Text>
         </Box>
-      );
-    } else {
-      return children;
-    }
-  }
+      )}
+    </Box>
+  );
 }