feat(design-system): add "hideLabel" prop to DsFormControl [AR-65384]

Author: iromanchuk-dn

.changeset/eager-eyes-play.md

@@ -0,0 +1,5 @@
+---
+'@drivenets/design-system': patch
+---
+
+Add "hideLabel" prop to "DsFormControl" component

packages/design-system/src/components/ds-form-control/ds-form-control.tsx

@@ -45,6 +45,7 @@ const DsFormControl = ({
 	id,
 	status,
 	label,
+	hideLabel = false,
 	required = false,
 	slots,
 	message,
@@ -68,17 +69,19 @@ const DsFormControl = ({
 				)}
 				style={style}
 			>
-				<div className={styles.labelContainer}>
-					<label
-						htmlFor={controlId}
-						className={classNames(styles.label, {
-							[styles.required]: required,
-						})}
-					>
-						{label}
-					</label>
-					{slots?.endAdornment && <div className={styles.endAdornment}>{slots.endAdornment}</div>}
-				</div>
+				{!hideLabel && (
+					<div className={styles.labelContainer}>
+						<label
+							htmlFor={controlId}
+							className={classNames(styles.label, {
+								[styles.required]: required,
+							})}
+						>
+							{label}
+						</label>
+						{slots?.endAdornment && <div className={styles.endAdornment}>{slots.endAdornment}</div>}
+					</div>
+				)}
 
 				{children}
 

packages/design-system/src/components/ds-form-control/ds-form-control.types.ts

@@ -17,6 +17,10 @@ export interface DsFormControlProps extends React.PropsWithChildren {
 	 * Label text
 	 */
 	label: string;
+	/**
+	 * When true, the label row is not rendered (e.g. inline table cell editors).
+	 */
+	hideLabel?: boolean;
 	/**
 	 * Marks the field as required
 	 */