From 791bfc8870e1eead1608a3dfd9e93f75674f0cad Mon Sep 17 00:00:00 2001
From: vasavk <vasavi.kanamarlapudi@verizon.com>
Date: Fri, 5 Apr 2024 12:44:11 +0530
Subject: [PATCH] Digital ACT-191 ONEAPP-7135 story: Inline Text label
 alignment changes

---
 .../DropdownSelect/DropdownSelect.swift       | 30 ++++++++-----------
 1 file changed, 13 insertions(+), 17 deletions(-)

diff --git a/VDS/Components/DropdownSelect/DropdownSelect.swift b/VDS/Components/DropdownSelect/DropdownSelect.swift
index 3e8aac32..e9b29a76 100644
--- a/VDS/Components/DropdownSelect/DropdownSelect.swift
+++ b/VDS/Components/DropdownSelect/DropdownSelect.swift
@@ -125,6 +125,7 @@ open class DropdownSelect: Control {
     private var inlineDisplayLabel = Label().with {
         $0.textAlignment = .left
         $0.textStyle = .boldBodyLarge
+        $0.lineBreakMode = .byCharWrapping
         $0.sizeToFit()
     }
     
@@ -157,15 +158,13 @@ open class DropdownSelect: Control {
     //--------------------------------------------------
     // MARK: - Constraints
     //--------------------------------------------------
-    internal var widthConstraint: NSLayoutConstraint?
     internal var inlineWidthConstraint: NSLayoutConstraint?
-    
+
     //--------------------------------------------------
     // MARK: - Configuration Properties
     //--------------------------------------------------
-    internal var containerSize: CGSize { CGSize(width: minWidthDefault, height: 44) }
+    internal var containerSize: CGSize { CGSize(width: inlineLabel ? minWidthDefault : minWidthInlineLabel, height: 44) }
     
-    /// Color configuration for error icon.
     internal let primaryColorConfig =  ViewColorConfiguration().with {
         $0.setSurfaceColors(VDSColor.interactiveDisabledOnlight, VDSColor.interactiveDisabledOndark, forDisabled: true)
         $0.setSurfaceColors(VDSColor.elementsPrimaryOnlight, VDSColor.elementsPrimaryOndark, forDisabled: false)
@@ -217,6 +216,7 @@ open class DropdownSelect: Control {
         
         // stackview
         addSubview(stackView)
+        stackView.pinToSuperView()
         stackView.heightAnchor.constraint(greaterThanOrEqualToConstant: containerSize.height).isActive = true
 
         // container stack
@@ -233,6 +233,8 @@ open class DropdownSelect: Control {
         containerStack.setCustomSpacing(VDSLayout.Spacing.space1X.value, after: inlineDisplayLabel)
         containerStack.setCustomSpacing(VDSLayout.Spacing.space3X.value, after: selectedOptionLabel)
         dropdownField.width(0)
+        inlineWidthConstraint = inlineDisplayLabel.widthAnchor.constraint(greaterThanOrEqualToConstant: 0)
+        inlineWidthConstraint?.isActive = true
 
         // component stackview subviews
         stackView.addArrangedSubview(eyebrowLabel)
@@ -244,13 +246,7 @@ open class DropdownSelect: Control {
         stackView.setCustomSpacing(8, after: container)
         stackView.setCustomSpacing(8, after: errorLabel)
         
-        stackView.pinToSuperView()
-        inlineWidthConstraint = inlineDisplayLabel.widthAnchor.constraint(equalToConstant: 0)
-        inlineWidthConstraint?.isActive = true
-        
-        widthConstraint = stackView.widthAnchor.constraint(greaterThanOrEqualToConstant: minWidthDefault)
-        widthConstraint?.isActive = true
-        
+        // setting color config
         eyebrowLabel.textColorConfiguration = primaryColorConfig.eraseToAnyColorable()
         errorLabel.textColorConfiguration = primaryColorConfig.eraseToAnyColorable()
         helperLabel.textColorConfiguration = secondaryColorConfig.eraseToAnyColorable()
@@ -258,6 +254,7 @@ open class DropdownSelect: Control {
         selectedOptionLabel.textColorConfiguration = primaryColorConfig.eraseToAnyColorable()
         icon.color = iconColorConfig.getColor(self)
         
+        // Options PickerView
         optionsPicker.delegate = self
         optionsPicker.dataSource = self
         optionsPicker.isHidden = true
@@ -361,6 +358,8 @@ open class DropdownSelect: Control {
     
     open func updateInlineLabel() {
         
+        inlineWidthConstraint?.isActive = false
+
         /// inline label text and selected option text separated by ':'
         if let label, !label.isEmpty {
             inlineDisplayLabel.text = inlineLabel ? (label + ":") : ""
@@ -369,12 +368,9 @@ open class DropdownSelect: Control {
         }
         inlineDisplayLabel.surface = surface
         
-        /// Minimum width with inline text as per design
-        inlineWidthConstraint?.constant = inlineDisplayLabel.intrinsicContentSize.width
-        inlineWidthConstraint?.isActive = !inlineLabel
-        widthConstraint?.constant = inlineLabel ? minWidthInlineLabel : minWidthDefault
-        widthConstraint?.isActive = true
-
+        /// Update width as per updated text size
+        inlineWidthConstraint = inlineDisplayLabel.widthAnchor.constraint(equalToConstant: inlineDisplayLabel.intrinsicContentSize.width)
+        inlineWidthConstraint?.isActive = true
     }
     
     open func updateSelectedOptionLabel(text: String? = nil) {