gd-bs 6.6.8 → 6.6.10

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "6.6.8",
+    "version": "6.6.10",
     "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
     "main": "build/index.js",
     "typings": "src/index.d.ts",

package/src/components/checkboxGroup/index.ts

@@ -71,6 +71,9 @@ class _CheckboxGroup extends Base<ICheckboxGroupProps> implements ICheckboxGroup
 
         // Render the checkboxes
         this.renderItems();
+
+        // Set the value
+        this.setValue(this.props.value);
     }
 
     // Configure the events
@@ -122,15 +125,6 @@ class _CheckboxGroup extends Base<ICheckboxGroupProps> implements ICheckboxGroup
             });
         }
 
-        // See if this is a single checkbox
-        if (this.props.multi != true && items.length > 0) {
-            // See if this checkbox should be checked
-            if (typeof (this.props.value) === "boolean" && this.props.value) {
-                // Select the item
-                items[0].isSelected = true;
-            }
-        }
-
         // Parse the items
         for (let i = 0; i < items.length; i++) {
             let item = items[i];
@@ -189,6 +183,16 @@ class _CheckboxGroup extends Base<ICheckboxGroupProps> implements ICheckboxGroup
     // Method to set the value
     // Sets the dropdown value
     setValue(value) {
+        // See if this is a single checkbox
+        if (this.props.multi != true && this._checkboxes.length == 1) {
+            // See if this checkbox should be checked
+            if (typeof (value) === "boolean" && value) {
+                // Select the item
+                this._checkboxes[0].isChecked ? null : this._checkboxes[0].toggle();
+            }
+            return;
+        }
+
         // Ensure it's an array
         let values = value ? (typeof (value.length) === "number" && typeof (value) !== "string" ? value : [value]) : [];
 

package/src/components/dropdown/index.ts

@@ -371,6 +371,67 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
         }
     }
 
+    // Generates the checkbox items
+    private generateCheckboxItems(): ICheckboxGroupItem[] {
+        let cbItems: ICheckboxGroupItem[] = [];
+
+        // Parse the items
+        let items = this.props.items || [];
+        for (let i = 0; i < items.length; i++) {
+            let item = items[i];
+
+            // Create the checkbox item
+            cbItems.push({
+                data: item,
+                isDisabled: item.isDisabled,
+                isSelected: item.isSelected,
+                label: item.text,
+                onChange: item.onClick,
+                type: CheckboxGroupTypes.Checkbox
+            });
+        }
+
+        // Return the items
+        return cbItems;
+    }
+
+    // Generates the checkbox value
+    private generateCheckboxValue(currentValues: string | string[]): string[] {
+        let values: string[] = [];
+
+        // Ensure a value exists
+        if (currentValues == null) { return values; }
+
+        // Ensure it's an array
+        if (typeof (currentValues) === "string") {
+            // Make it an array
+            currentValues = [currentValues];
+        }
+
+        // Parse the current values
+        for (let i = 0; i < currentValues.length; i++) {
+            let value = currentValues[i];
+
+            // Find the item
+            let item = this.props.items?.find((item) => {
+                // Match by the text property if the value doesn't exist
+                if (typeof (item.value) === undefined) { return item.text == value; }
+
+                // See if the value property matches
+                return item.value == value;
+            });
+
+            // See if an item was found
+            if (item) {
+                // Add the text property
+                values.push(item.text);
+            }
+        }
+
+        // Return the values
+        return values;
+    }
+
     // Handles the click event outside of the menu to close it
     private handleClick = (ev: Event) => {
         // See if we clicked within the menu
@@ -395,31 +456,13 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
         if (menu) {
             // See if we are creating checkboxes
             if (this.props.isCheckbox) {
-                let cbItems: ICheckboxGroupItem[] = [];
-
-                // Parse the items
-                let items = this.props.items || [];
-                for (let i = 0; i < items.length; i++) {
-                    let item = items[i];
-
-                    // Create the checkbox item
-                    cbItems.push({
-                        data: item,
-                        isDisabled: item.isDisabled,
-                        isSelected: item.isSelected,
-                        label: item.text,
-                        onChange: item.onClick,
-                        type: CheckboxGroupTypes.Checkbox
-                    });
-                }
-
                 // Render the checkbox
                 this._cb = CheckboxGroup({
                     className: "m-2",
                     el: menu,
-                    items: cbItems,
+                    items: this.generateCheckboxItems(),
                     multi: this.props.multi,
-                    value: this.props.value,
+                    value: this.generateCheckboxValue(this.props.value),
                     onChange: this.props.onChange ? (values, ev) => {
                         // Pass the current values
                         this.props.onChange(this.getValue(), ev);
@@ -497,8 +540,6 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
                 // Add the value
                 values.push(items[i].data);
             }
-
-            // Return the value
         } else {
             // Parse the items
             for (let i = 0; i < this._items.length; i++) {
@@ -536,7 +577,7 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
         // See if we are rendering checkboxes
         if (this._cb) {
             // Set the items
-            this._cb.setItems(newItems);
+            this._cb.setItems(this.generateCheckboxItems());
             return;
         }
 
@@ -614,6 +655,13 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
         // Ensure it's an array
         let values = value == null ? [] : (typeof (value.length) === "number" && typeof (value) !== "string" ? value : [value]);
 
+        // See if this is a checkbox
+        if (this._cb) {
+            // Set the value
+            this._cb.setValue(this.generateCheckboxValue(value));
+            return;
+        }
+
         // Parse the items
         for (let i = 0; i < this._items.length; i++) {
             let item = this._items[i];