change FieldSetColumnContext to use boolean tag value to detect wheter the component is in field set column

Author: stomita

src/scripts/FieldSet.tsx

@@ -6,7 +6,10 @@ import { createFC } from './common';
 /**
  *
  */
-export const FieldSetColumnContext = createContext<{ totalCols?: number }>({});
+export const FieldSetColumnContext = createContext<{
+  isFieldSetColumn?: boolean;
+  totalCols?: number;
+}>({});
 
 /**
  *
@@ -26,7 +29,10 @@ export const FieldSetRow = createFC<
   (props) => {
     const { className, cols, children } = props;
     const totalCols = cols || React.Children.count(children);
-    const ctx = useMemo(() => ({ totalCols }), [totalCols]);
+    const ctx = useMemo(
+      () => ({ isFieldSetColumn: true, totalCols }),
+      [totalCols]
+    );
     const rowClassNames = classnames(className, 'slds-form-element__row');
     return (
       <FieldSetColumnContext.Provider value={ctx}>

src/scripts/Input.tsx

@@ -140,8 +140,8 @@ export const Input = createFC<InputProps, { isFormElement: boolean }>(
       ...rprops
     } = props;
     const id = useFormElementId(id_, 'input');
-    const { totalCols } = useContext(FieldSetColumnContext);
-    if (label || required || error || totalCols || cols) {
+    const { isFieldSetColumn } = useContext(FieldSetColumnContext);
+    if (isFieldSetColumn || label || required || error || cols) {
       const formElemProps = {
         id,
         label,

src/scripts/Select.tsx

@@ -29,9 +29,9 @@ export const Select = createFC<SelectProps, { isFormElement: boolean }>(
   (props) => {
     const { id: id_ } = props;
     const id = useFormElementId(id_, 'select');
-    const { totalCols } = useContext(FieldSetColumnContext);
+    const { isFieldSetColumn } = useContext(FieldSetColumnContext);
     const { label, required, error, cols, elementRef, ...rprops } = props;
-    if (label || required || error || totalCols || cols) {
+    if (isFieldSetColumn || label || required || error || cols) {
       const formElemProps = { id, label, required, error, cols, elementRef };
       return (
         <FormElement {...formElemProps}>

src/scripts/Textarea.tsx

@@ -46,8 +46,8 @@ export const Textarea = createFC<TextareaProps, { isFormElement: boolean }>(
       ...rprops
     } = props;
     const id = useFormElementId(id_, 'textarea');
-    const { totalCols } = useContext(FieldSetColumnContext);
-    if (label || required || error || totalCols || cols) {
+    const { isFieldSetColumn } = useContext(FieldSetColumnContext);
+    if (isFieldSetColumn || label || required || error || cols) {
       const formElemProps = {
         id,
         label,