fix: resolve issue for disable in group checkbox

splunk · Dec 18, 2024 · d8b278c · d8b278c
1 parent 7666043
commit d8b278c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/ui/src/components/CheckboxTree/CheckboxTree.tsx b/ui/src/components/CheckboxTree/CheckboxTree.tsx
@@ -67,6 +67,12 @@ function CheckboxTree(props: CheckboxTreeProps) {
             setValues((prevValues) => {
                 const updatedValues = new Map(prevValues);
                 group.fields.forEach((item) => {
+                    const findFieldInRow = controlOptions?.rows?.find(
+                        (rowItem) => rowItem.field === item
+                    );
+                    if (findFieldInRow?.checkbox?.disabled === true) {
+                        return;
+                    }
                     updatedValues.set(item, { checkbox: newCheckboxValue });
                 });
                 handleChange(field, packValue(updatedValues), 'checkboxTree');

diff --git a/ui/src/components/CheckboxTree/StyledComponent.tsx b/ui/src/components/CheckboxTree/StyledComponent.tsx
@@ -35,7 +35,6 @@ export const StyledCollapsiblePanel = styled(CollapsiblePanel)`
         })};
         display: flex;
         align-items: center;
-        align-content: center;
         // for prisma styling
         & > span {
             align-content: center;
@@ -118,7 +117,6 @@ export const CustomCheckbox = styled.input.attrs({ type: 'checkbox' })`
             enterprise: variables.backgroundColor,
             prisma: variables.focusColor,
         })};
-        border: none;
     }
 
     &:checked::after {