@watermarkinsights/ripple 5.13.1-alpha.4 → 5.14.0-alpha.2

package/dist/collection/components/selects/wm-select/wm-select.js

@@ -4,10 +4,17 @@ import { getTextDir, shouldOpenUp, isElOrChild, toBool, handleDisabledAttribute
 import { globalMessages, selectMessages } from "../../../global/intl";
 export class Select {
     constructor() {
+        this.openUp = false;
+        //////////////////////////////////////
+        // for multiselect button text
+        this.overflowCount = 0;
+        this.displayedOptions = [];
         this.disabled = false;
         this.maxHeight = "200px";
+        this.label = undefined;
         this.labelPosition = "top";
         this.requiredField = false;
+        this.errorMessage = undefined;
         this.multiple = false;
         this.search = false;
         this.selectAll = false;
@@ -16,11 +23,6 @@ export class Select {
         this.allSelectedMessage = selectMessages.allSelected;
         this.isExpanded = false;
         this.announcement = "";
-        this.openUp = false;
-        //////////////////////////////////////
-        // for multiselect button text
-        this.overflowCount = 0;
-        this.displayedOptions = [];
     }
     get childOptions() {
         return Array.from(this.el.querySelectorAll("wm-option"));
@@ -247,7 +249,6 @@ export class Select {
         return {
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -260,14 +261,12 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "maxHeight": {
                 "type": "string",
-                "attribute": "max-height",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -280,14 +279,12 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "max-height",
                 "reflect": false,
                 "defaultValue": "\"200px\""
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -300,13 +297,11 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label",
                 "reflect": false
             },
             "labelPosition": {
                 "type": "string",
-                "attribute": "label-position",
                 "mutable": false,
                 "complexType": {
                     "original": "\"top\" | \"left\" | \"none\"",
@@ -319,14 +314,12 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label-position",
                 "reflect": false,
                 "defaultValue": "\"top\""
             },
             "requiredField": {
                 "type": "boolean",
-                "attribute": "required-field",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -339,14 +332,12 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "required-field",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "errorMessage": {
                 "type": "string",
-                "attribute": "error-message",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -359,13 +350,11 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "error-message",
                 "reflect": false
             },
             "multiple": {
                 "type": "boolean",
-                "attribute": "multiple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -378,14 +367,12 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "multiple",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "search": {
                 "type": "boolean",
-                "attribute": "search",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -398,14 +385,12 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "search",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "selectAll": {
                 "type": "boolean",
-                "attribute": "select-all",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -418,14 +403,12 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "select-all",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "placeholder": {
                 "type": "string",
-                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -438,14 +421,12 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "placeholder",
                 "reflect": false,
                 "defaultValue": "selectMessages.multiPlaceholder"
             },
             "searchPlaceholder": {
                 "type": "string",
-                "attribute": "search-placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -458,14 +439,12 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "search-placeholder",
                 "reflect": false,
                 "defaultValue": "selectMessages.searchPlaceholder"
             },
             "allSelectedMessage": {
                 "type": "string",
-                "attribute": "all-selected-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -478,8 +457,7 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "all-selected-message",
                 "reflect": false,
                 "defaultValue": "selectMessages.allSelected"
             }

package/dist/collection/components/wm-action-menu/wm-action-menu.js

@@ -3,14 +3,19 @@ import { debounce, getTextDir, shouldOpenUp, shouldShiftRight } from "../../glob
 export class ActionMenu {
     constructor() {
         this.openUp = false;
-        this.isExpanded = false;
-        this.actionMenuType = "icon";
-        this.disabled = false;
         this.keysSoFar = "";
         this.searchIndex = 0;
         this.debouncedClearKeysSoFar = debounce(() => {
             this.keysSoFar = "";
         }, 500);
+        this.isExpanded = false;
+        this.tooltipPosition = undefined;
+        this.actionMenuType = "icon";
+        this.buttonText = undefined;
+        this.disabled = false;
+        this.tooltip = undefined;
+        this.labelForIdenticalButtons = undefined;
+        this.darkMode = undefined;
     }
     get horizontalPosition() {
         return !!this.el && !!this.itemsEl && shouldShiftRight(this.el, this.itemsEl.clientWidth) ? "right" : "left";
@@ -204,7 +209,6 @@ export class ActionMenu {
         return {
             "tooltipPosition": {
                 "type": "string",
-                "attribute": "tooltip-position",
                 "mutable": false,
                 "complexType": {
                     "original": "| \"top\"\n    | \"bottom\"\n    | \"left\"\n    | \"right\"\n    | \"bottom-left\"\n    | \"bottom-right\"\n    | \"top-right\"\n    | \"top-left\"",
@@ -217,13 +221,11 @@ export class ActionMenu {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "tooltip-position",
                 "reflect": false
             },
             "actionMenuType": {
                 "type": "string",
-                "attribute": "action-menu-type",
                 "mutable": false,
                 "complexType": {
                     "original": "\"icon\" | \"text\" | \"selector\" | \"selector-primary\"",
@@ -236,14 +238,12 @@ export class ActionMenu {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "action-menu-type",
                 "reflect": false,
                 "defaultValue": "\"icon\""
             },
             "buttonText": {
                 "type": "string",
-                "attribute": "button-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -256,13 +256,11 @@ export class ActionMenu {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "button-text",
                 "reflect": false
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -275,14 +273,12 @@ export class ActionMenu {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "tooltip": {
                 "type": "string",
-                "attribute": "tooltip",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -295,13 +291,11 @@ export class ActionMenu {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "tooltip",
                 "reflect": false
             },
             "labelForIdenticalButtons": {
                 "type": "string",
-                "attribute": "label-for-identical-buttons",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -314,13 +308,11 @@ export class ActionMenu {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label-for-identical-buttons",
                 "reflect": false
             },
             "darkMode": {
                 "type": "boolean",
-                "attribute": "dark-mode",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -333,8 +325,7 @@ export class ActionMenu {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "dark-mode",
                 "reflect": false
             }
         };

package/dist/collection/components/wm-button/wm-button.js

@@ -3,17 +3,22 @@ import { getIconCodeFromName } from "../../global/interfaces";
 import { generateId, hideTooltip, handleDisabledAttribute, showTooltip, toBool, triggerFormSubmit, } from "../../global/functions";
 export class Button {
     constructor() {
-        // icon and tooltip have reflect set to true. Without reflect, the react wrappers don't expose the attribute
-        // and the component throws errors when they are required (when buttonType is icononly or navigational)
+        this.id = generateId();
+        this.ariaPopup = false;
         this.disabled = false;
         this.buttonType = "secondary";
+        this.icon = undefined;
+        this.iconSize = undefined;
+        this.iconRotate = undefined;
+        this.iconFlip = undefined;
+        this.tooltip = undefined;
+        this.labelForIdenticalButtons = undefined;
         this.tooltipPosition = "bottom-right";
         this.permanentlyDelete = false;
         this.textWrap = true;
+        this.customBackground = undefined;
         this.isSubmit = false;
         this.isTabbing = false;
-        this.id = generateId();
-        this.ariaPopup = false;
     }
     get isDisabled() {
         // string "false" needs to be treated as bool False because react wrappers convert bool to string.
@@ -197,7 +202,6 @@ export class Button {
         return {
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -210,14 +214,12 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "buttonType": {
                 "type": "string",
-                "attribute": "button-type",
                 "mutable": true,
                 "complexType": {
                     "original": "validButtonTypes",
@@ -236,14 +238,12 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "button-type",
                 "reflect": false,
                 "defaultValue": "\"secondary\""
             },
             "icon": {
                 "type": "string",
-                "attribute": "icon",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -256,13 +256,11 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "icon",
                 "reflect": true
             },
             "iconSize": {
                 "type": "string",
-                "attribute": "icon-size",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -275,13 +273,11 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "icon-size",
                 "reflect": false
             },
             "iconRotate": {
                 "type": "number",
-                "attribute": "icon-rotate",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -294,13 +290,11 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "icon-rotate",
                 "reflect": false
             },
             "iconFlip": {
                 "type": "string",
-                "attribute": "icon-flip",
                 "mutable": false,
                 "complexType": {
                     "original": "\"horizontal\" | \"vertical\"",
@@ -313,13 +307,11 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "icon-flip",
                 "reflect": false
             },
             "tooltip": {
                 "type": "string",
-                "attribute": "tooltip",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -332,13 +324,11 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "tooltip",
                 "reflect": true
             },
             "labelForIdenticalButtons": {
                 "type": "string",
-                "attribute": "label-for-identical-buttons",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -351,13 +341,11 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label-for-identical-buttons",
                 "reflect": false
             },
             "tooltipPosition": {
                 "type": "string",
-                "attribute": "tooltip-position",
                 "mutable": false,
                 "complexType": {
                     "original": "TooltipPlacement",
@@ -376,14 +364,12 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "tooltip-position",
                 "reflect": false,
                 "defaultValue": "\"bottom-right\""
             },
             "permanentlyDelete": {
                 "type": "boolean",
-                "attribute": "permanently-delete",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -396,14 +382,12 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "permanently-delete",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "textWrap": {
                 "type": "boolean",
-                "attribute": "text-wrap",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -416,14 +400,12 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "text-wrap",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "customBackground": {
                 "type": "string",
-                "attribute": "custom-background",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -436,13 +418,11 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "custom-background",
                 "reflect": false
             },
             "isSubmit": {
                 "type": "boolean",
-                "attribute": "is-submit",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -455,8 +435,7 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "is-submit",
                 "reflect": false,
                 "defaultValue": "false"
             }