gd-bs 6.6.1 → 6.6.3

package/build/components/dropdown/index.js

@@ -18,6 +18,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dropdown = exports.DropdownTypes = void 0;
 var base_1 = require("../base");
 var button_1 = require("../button");
+var checkboxGroup_1 = require("../checkboxGroup");
 var popover_1 = require("../popover");
 var formItem_1 = require("./formItem");
 var item_1 = require("./item");
@@ -54,6 +55,7 @@ var _Dropdown = /** @class */ (function (_super) {
         if (template === void 0) { template = GetHTML(props); }
         var _this = _super.call(this, template, props) || this;
         _this._autoSelect = null;
+        _this._cb = null;
         _this._initFl = false;
         _this._items = null;
         _this._popover = null;
@@ -381,28 +383,55 @@ var _Dropdown = /** @class */ (function (_super) {
         // Get the menu
         var menu = this.el.querySelector(".dropdown-menu") || this.el.querySelector("select");
         if (menu) {
-            var isForm = menu.nodeName == "SELECT";
-            // Parse the items
-            var items = this.props.items || [];
-            for (var i = 0; i < items.length; i++) {
-                // Create the item
-                var item = isForm ? new formItem_1.DropdownFormItem(items[i], this.props) : new item_1.DropdownItem(items[i], this.props);
-                this._items.push(item);
-                // See if this isn't for a form
-                if (!isForm) {
-                    // Configure the item events
-                    this.configureItemEvents(item);
+            // See if we are creating checkboxes
+            if (this.props.isCheckbox) {
+                var cbItems = [];
+                // Parse the items
+                var items = this.props.items || [];
+                for (var i = 0; i < items.length; i++) {
+                    var item = items[i];
+                    // Create the checkbox item
+                    cbItems.push({
+                        data: item,
+                        isDisabled: item.isDisabled,
+                        isSelected: item.isSelected,
+                        label: item.text,
+                        onChange: item.onClick,
+                        type: checkboxGroup_1.CheckboxGroupTypes.Checkbox
+                    });
                 }
-                // Add the item to the menu
-                menu.appendChild(item.el);
+                // Render the checkbox
+                this._cb = (0, checkboxGroup_1.CheckboxGroup)({
+                    className: "m-2",
+                    el: menu,
+                    items: cbItems,
+                    multi: this.props.multi
+                });
             }
-            // See if this is a form
-            if (isForm) {
-                // Ensure the selected values match the index
-                var idx = menu.selectedIndex;
-                if (this._items[idx] && this._items[idx].isSelected == false) {
-                    // Select the item
-                    this._items[idx].toggle();
+            else {
+                var isForm = menu.nodeName == "SELECT";
+                // Parse the items
+                var items = this.props.items || [];
+                for (var i = 0; i < items.length; i++) {
+                    // Create the item
+                    var item = isForm ? new formItem_1.DropdownFormItem(items[i], this.props) : new item_1.DropdownItem(items[i], this.props);
+                    this._items.push(item);
+                    // See if this isn't for a form
+                    if (!isForm) {
+                        // Configure the item events
+                        this.configureItemEvents(item);
+                    }
+                    // Add the item to the menu
+                    menu.appendChild(item.el);
+                }
+                // See if this is a form
+                if (isForm) {
+                    // Ensure the selected values match the index
+                    var idx = menu.selectedIndex;
+                    if (this._items[idx] && this._items[idx].isSelected == false) {
+                        // Select the item
+                        this._items[idx].toggle();
+                    }
                 }
             }
         }
@@ -431,17 +460,31 @@ var _Dropdown = /** @class */ (function (_super) {
     // Gets the value
     _Dropdown.prototype.getValue = function () {
         var values = [];
-        // Parse the items
-        for (var i = 0; i < this._items.length; i++) {
-            var item = this._items[i];
-            // Skip disabled items
-            if (item.el.disabled) {
-                continue;
-            }
-            // See if this item is selected
-            if (item.isSelected) {
+        // See if the checkboxes exist
+        if (this._cb) {
+            // Get the values
+            var items = this._cb.getValue();
+            items = typeof (items["length"]) === "number" ? items : [items];
+            // Parse the items
+            for (var i = 0; i < items.length; i++) {
                 // Add the value
-                values.push(item.props);
+                values.push(items[i].data);
+            }
+            // Return the value
+        }
+        else {
+            // Parse the items
+            for (var i = 0; i < this._items.length; i++) {
+                var item = this._items[i];
+                // Skip disabled items
+                if (item.el.disabled) {
+                    continue;
+                }
+                // See if this item is selected
+                if (item.isSelected) {
+                    // Add the value
+                    values.push(item.props);
+                }
             }
         }
         // Return the value

package/build/components/form/control.js

@@ -170,6 +170,39 @@ var FormControl = /** @class */ (function () {
                     value: value
                 });
                 break;
+            // Dropdown
+            case _1.FormControlTypes.DropdownButton:
+                // Add the dropdown
+                this._ddl = (0, dropdown_1.Dropdown)({
+                    className: className,
+                    formFl: false,
+                    id: this._props.id,
+                    isReadonly: this._props.isReadonly,
+                    items: this._props.items,
+                    onChange: this._props.onChange,
+                    onMenuRendering: this._props.onMenuRendering,
+                    required: this._props.required,
+                    title: this._props.title,
+                    value: value
+                });
+                break;
+            // Dropdown
+            case _1.FormControlTypes.DropdownCheckbox:
+                // Add the dropdown
+                this._ddl = (0, dropdown_1.Dropdown)({
+                    className: className,
+                    formFl: false,
+                    id: this._props.id,
+                    isCheckbox: true,
+                    isReadonly: this._props.isReadonly,
+                    items: this._props.items,
+                    onChange: this._props.onChange,
+                    onMenuRendering: this._props.onMenuRendering,
+                    required: this._props.required,
+                    title: this._props.title,
+                    value: value
+                });
+                break;
             // Email
             case _1.FormControlTypes.Email:
                 // Add the input
@@ -256,6 +289,41 @@ var FormControl = /** @class */ (function () {
                     value: value
                 });
                 break;
+            // Multi-Dropdown Button
+            case _1.FormControlTypes.MultiDropdownButton:
+                // Add the dropdown
+                this._ddl = (0, dropdown_1.Dropdown)({
+                    className: className,
+                    formFl: false,
+                    id: this._props.id,
+                    isReadonly: this._props.isReadonly,
+                    items: this._props.items,
+                    multi: true,
+                    onChange: this._props.onChange,
+                    onMenuRendering: this._props.onMenuRendering,
+                    required: this._props.required,
+                    title: this._props.title,
+                    value: value
+                });
+                break;
+            // Multi-Dropdown Checkbox
+            case _1.FormControlTypes.MultiDropdownCheckbox:
+                // Add the dropdown
+                this._ddl = (0, dropdown_1.Dropdown)({
+                    className: className,
+                    formFl: false,
+                    id: this._props.id,
+                    isCheckbox: true,
+                    isReadonly: this._props.isReadonly,
+                    items: this._props.items,
+                    multi: true,
+                    onChange: this._props.onChange,
+                    onMenuRendering: this._props.onMenuRendering,
+                    required: this._props.required,
+                    title: this._props.title,
+                    value: value
+                });
+                break;
             // Multi-List Box
             case _1.FormControlTypes.MultiListBox:
                 // Add the list box

package/build/components/form/types.js

@@ -11,20 +11,24 @@ var FormControlTypes;
     FormControlTypes[FormControlTypes["Email"] = 3] = "Email";
     FormControlTypes[FormControlTypes["Datalist"] = 4] = "Datalist";
     FormControlTypes[FormControlTypes["Dropdown"] = 5] = "Dropdown";
-    FormControlTypes[FormControlTypes["File"] = 6] = "File";
-    FormControlTypes[FormControlTypes["ListBox"] = 7] = "ListBox";
-    FormControlTypes[FormControlTypes["MultiCheckbox"] = 8] = "MultiCheckbox";
-    FormControlTypes[FormControlTypes["MultiDropdown"] = 9] = "MultiDropdown";
-    FormControlTypes[FormControlTypes["MultiListBox"] = 10] = "MultiListBox";
-    FormControlTypes[FormControlTypes["MultiRadio"] = 11] = "MultiRadio";
-    FormControlTypes[FormControlTypes["MultiSwitch"] = 12] = "MultiSwitch";
-    FormControlTypes[FormControlTypes["Password"] = 13] = "Password";
-    FormControlTypes[FormControlTypes["Radio"] = 14] = "Radio";
-    FormControlTypes[FormControlTypes["Range"] = 15] = "Range";
-    FormControlTypes[FormControlTypes["Readonly"] = 16] = "Readonly";
-    FormControlTypes[FormControlTypes["Switch"] = 17] = "Switch";
-    FormControlTypes[FormControlTypes["TextArea"] = 18] = "TextArea";
-    FormControlTypes[FormControlTypes["TextField"] = 19] = "TextField";
+    FormControlTypes[FormControlTypes["DropdownButton"] = 6] = "DropdownButton";
+    FormControlTypes[FormControlTypes["DropdownCheckbox"] = 7] = "DropdownCheckbox";
+    FormControlTypes[FormControlTypes["File"] = 8] = "File";
+    FormControlTypes[FormControlTypes["ListBox"] = 9] = "ListBox";
+    FormControlTypes[FormControlTypes["MultiCheckbox"] = 10] = "MultiCheckbox";
+    FormControlTypes[FormControlTypes["MultiDropdown"] = 11] = "MultiDropdown";
+    FormControlTypes[FormControlTypes["MultiDropdownButton"] = 12] = "MultiDropdownButton";
+    FormControlTypes[FormControlTypes["MultiDropdownCheckbox"] = 13] = "MultiDropdownCheckbox";
+    FormControlTypes[FormControlTypes["MultiListBox"] = 14] = "MultiListBox";
+    FormControlTypes[FormControlTypes["MultiRadio"] = 15] = "MultiRadio";
+    FormControlTypes[FormControlTypes["MultiSwitch"] = 16] = "MultiSwitch";
+    FormControlTypes[FormControlTypes["Password"] = 17] = "Password";
+    FormControlTypes[FormControlTypes["Radio"] = 18] = "Radio";
+    FormControlTypes[FormControlTypes["Range"] = 19] = "Range";
+    FormControlTypes[FormControlTypes["Readonly"] = 20] = "Readonly";
+    FormControlTypes[FormControlTypes["Switch"] = 21] = "Switch";
+    FormControlTypes[FormControlTypes["TextArea"] = 22] = "TextArea";
+    FormControlTypes[FormControlTypes["TextField"] = 23] = "TextField";
 })(FormControlTypes = exports.FormControlTypes || (exports.FormControlTypes = {}));
 /**
  * Form Validation Types