@rededor/cura 1.8.3-alpha.0 → 2.0.0-alpha.11

package/dist/collection/components/forms/cura-input-date/cura-input-date.stories.js

@@ -167,4 +167,3 @@ export const InputDate = {
         placeholder: '',
     },
 };
-//# sourceMappingURL=cura-input-date.stories.js.map

package/dist/collection/components/forms/cura-input-text/cura-input-text.js

@@ -104,9 +104,10 @@ export class CuraInputText {
      * Callback to restore the switch state from the form.
      */
     formStateRestoreCallback(state) {
+        var _a;
         this.value = state.value;
         this.applyValueToMask();
-        this.internals.setFormValue(this.value);
+        (_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue(this.value);
     }
     /**
      * Callback for form association.
@@ -118,9 +119,10 @@ export class CuraInputText {
      * Callback to reset the switch state when the form is reset.
      */
     formResetCallback() {
+        var _a, _b;
         this.handleClearInput();
-        this.internals.setValidity({});
-        this.internals.setFormValue('');
+        (_a = this.internals) === null || _a === void 0 ? void 0 : _a.setValidity({});
+        (_b = this.internals) === null || _b === void 0 ? void 0 : _b.setFormValue('');
     }
     /**
      * Callback to update the switch's disabled state when the form's disabled state changes.
@@ -320,6 +322,7 @@ export class CuraInputText {
         }
     }
     handleInputChange(event) {
+        var _a;
         const inputValue = event.target.value;
         this.valueChange.emit(inputValue);
         if (this.type === 'number') {
@@ -328,7 +331,7 @@ export class CuraInputText {
         else {
             this.handleTextInputChange(inputValue);
         }
-        this.internals.setFormValue(this.value);
+        (_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue(this.value);
     }
     handleNumberInputChange(inputValue) {
         const numericValue = parseFloat(inputValue);
@@ -361,7 +364,7 @@ export class CuraInputText {
             e.preventDefault();
     }
     render() {
-        return (h(Host, { key: 'ca2aecb12b93ceb875b3009b250aaad74cdae987', role: "textbox", "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, h("div", { key: 'cf01002eab6f77101c36e03c5cf849d7aaeac09e', style: this.styles, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), class: Object.assign({ 'cura-input-group': true }, this.getClasses()) }, h("div", { key: '632acdd25d3b425b26c6bd10b60f92f37af834c3', class: "input-wrapper" }, this.label && (h("cura-label", { key: '0cc9fa6b402907f8292188ff7450945d6e31edd8', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getLabelColor() }, this.label, " ", this.required && h("span", { key: 'aebf6ded909742c6d09c963172064b3035a5f141', class: "required" }, "* "))), h("div", { key: '8906d48f519c5053936d55d4ad9c4bc3570c70d4', class: "cura-input-field", part: "cura-input-field", style: this.styles }, this.renderIcon(), h("input", { key: 'e0954c117932336172cb4bc83ccc18038341dcd3', name: this.name ? this.name : '', type: this.type, onKeyDown: event => this.handleKeyDown(event), onBlur: this.handleInputBlur.bind(this), onFocus: this.handleInputFocus.bind(this), onInput: event => this.handleInputChange(event), class: this.getClasses(), style: this.styles, placeholder: this.placeholder, disabled: this.disabled || this.isLoading, required: this.required, readonly: this.readOnly, maxlength: this.maxlength, value: this.value !== undefined && this.value !== null ? this.value : '', inputmode: this.maskPreset ? 'tel' : this.inputMode, ref: ref => (this.inputRef = ref), autocomplete: this.autocomplete }), !!this.clearIcon && !this.readOnly && !this.isLoading && !this.disabled && this.value && this.isFocused && (h("cura-icon", { key: '26ea6fcc1cd8df12ee9d0c40f1d20600d696fbe9', size: this.size === 'large' || this.mode === 'transparent' ? 20 : 16, color: "primary-base", name: "closeCircle", iconset: "default", class: "clear-button", onMouseDown: () => this.handleClearInput() })), this.isLoading && h("cura-loader-circle", { key: '292a9c476520f9d03a9d7c2f4242d103dd157b90', size: this.size === 'large' ? 'medium' : 'small', color: "primary-base" })), this.renderHelperText()))));
+        return (h(Host, { key: '7794e2a816baa0438c256ba584d14ddbeb9cc9b8', role: "textbox", "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, h("div", { key: '60fd4d3edebfe6aeb720dd079efb94970626d975', style: this.styles, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), class: Object.assign({ 'cura-input-group': true }, this.getClasses()) }, h("div", { key: '55db1933b3eb29807029669e5c66002556b3bd03', class: "input-wrapper" }, this.label && (h("cura-label", { key: '1c4119cc0b2190fbdb1ddcc3f55c41c68ec88957', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getLabelColor() }, this.label, " ", this.required && h("span", { key: '779e4726201110a6daf2c474b494f6baa9db5dc0', class: "required" }, "* "))), h("div", { key: 'a409f41993833fea3eb3212821c26a63f62e970f', class: "cura-input-field", part: "cura-input-field", style: this.styles }, this.renderIcon(), h("input", { key: '75b3de8e8ca33eb2b9e8e8a285de19d172490552', name: this.name ? this.name : '', type: this.type, onKeyDown: event => this.handleKeyDown(event), onBlur: this.handleInputBlur.bind(this), onFocus: this.handleInputFocus.bind(this), onInput: event => this.handleInputChange(event), class: this.getClasses(), style: this.styles, placeholder: this.placeholder, disabled: this.disabled || this.isLoading, required: this.required, readonly: this.readOnly, maxlength: this.maxlength, value: this.value !== undefined && this.value !== null ? this.value : '', inputmode: this.maskPreset ? 'tel' : this.inputMode, ref: ref => (this.inputRef = ref), autocomplete: this.autocomplete }), !!this.clearIcon && !this.readOnly && !this.isLoading && !this.disabled && this.value && this.isFocused && (h("cura-icon", { key: '4a22b5b1608c5dc57a99b7edc93ab11ce2de4048', size: this.size === 'large' || this.mode === 'transparent' ? 20 : 16, color: "primary-base", name: "closeCircle", iconset: "default", class: "clear-button", onMouseDown: () => this.handleClearInput() })), this.isLoading && h("cura-loader-circle", { key: '65a078642ac17f1779726749b29516c018bc317d', size: this.size === 'large' ? 'medium' : 'small', color: "primary-base" })), this.renderHelperText()))));
     }
     static get is() { return "cura-input-text"; }
     static get encapsulation() { return "shadow"; }
@@ -380,7 +383,6 @@ export class CuraInputText {
         return {
             "mode": {
                 "type": "string",
-                "attribute": "mode",
                 "mutable": true,
                 "complexType": {
                     "original": "'default' | 'transparent' | string",
@@ -396,11 +398,11 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "mode",
                 "defaultValue": "'default'"
             },
             "status": {
                 "type": "string",
-                "attribute": "status",
                 "mutable": true,
                 "complexType": {
                     "original": "'error' | 'success' | 'default' | string",
@@ -416,11 +418,11 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "status",
                 "defaultValue": "'default'"
             },
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": true,
                 "complexType": {
                     "original": "'small' | 'medium' | 'large' | string",
@@ -436,11 +438,11 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "size",
                 "defaultValue": "'medium'"
             },
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -456,11 +458,11 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "type",
                 "defaultValue": "'text'"
             },
             "inputMode": {
                 "type": "string",
-                "attribute": "input-mode",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -476,11 +478,11 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "input-mode",
                 "defaultValue": "'text'"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -496,11 +498,11 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "label",
                 "defaultValue": "''"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -516,11 +518,11 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "name",
                 "defaultValue": "''"
             },
             "placeholder": {
                 "type": "string",
-                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string | null",
@@ -536,11 +538,11 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "placeholder",
                 "defaultValue": "null"
             },
             "value": {
                 "type": "any",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string | number",
@@ -556,11 +558,11 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "iconName": {
                 "type": "string",
-                "attribute": "icon-name",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -576,11 +578,11 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "icon-name",
                 "defaultValue": "''"
             },
             "helperText": {
                 "type": "string",
-                "attribute": "helper-text",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -595,11 +597,11 @@ export class CuraInputText {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "helper-text"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -615,11 +617,11 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -635,11 +637,11 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "maskPreset": {
                 "type": "any",
-                "attribute": "mask-preset",
                 "mutable": false,
                 "complexType": {
                     "original": "MaskPreset",
@@ -647,7 +649,7 @@ export class CuraInputText {
                     "references": {
                         "MaskPreset": {
                             "location": "local",
-                            "path": "/home/marcus/Documentos/www/rededor/web/cura/packages/component-lib/src/components/forms/cura-input-text/cura-input-text.tsx",
+                            "path": "/Users/fellipesoares/Code/cura/packages/component-lib/src/components/forms/cura-input-text/cura-input-text.tsx",
                             "id": "src/components/forms/cura-input-text/cura-input-text.tsx::MaskPreset"
                         }
                     }
@@ -663,11 +665,11 @@ export class CuraInputText {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "mask-preset"
             },
             "enableSelectionMode": {
                 "type": "boolean",
-                "attribute": "enable-selection-mode",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -683,11 +685,11 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "enable-selection-mode",
                 "defaultValue": "false"
             },
             "maskRegex": {
                 "type": "string",
-                "attribute": "mask-regex",
                 "mutable": true,
                 "complexType": {
                     "original": "string | null",
@@ -705,11 +707,11 @@ export class CuraInputText {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "mask-regex"
             },
             "maskAdvanced": {
                 "type": "any",
-                "attribute": "mask-advanced",
                 "mutable": true,
                 "complexType": {
                     "original": "any | string | null",
@@ -727,11 +729,11 @@ export class CuraInputText {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "mask-advanced"
             },
             "maxlength": {
                 "type": "number",
-                "attribute": "maxlength",
                 "mutable": true,
                 "complexType": {
                     "original": "number | undefined",
@@ -746,11 +748,11 @@ export class CuraInputText {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "maxlength"
             },
             "readOnly": {
                 "type": "boolean",
-                "attribute": "read-only",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -766,11 +768,11 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "read-only",
                 "defaultValue": "false"
             },
             "isLoading": {
                 "type": "boolean",
-                "attribute": "is-loading",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -786,11 +788,11 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "is-loading",
                 "defaultValue": "false"
             },
             "clearIcon": {
                 "type": "boolean",
-                "attribute": "clear-icon",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -806,11 +808,11 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "clear-icon",
                 "defaultValue": "true"
             },
             "hideErrorIcon": {
                 "type": "boolean",
-                "attribute": "hide-error-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -826,11 +828,11 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hide-error-icon",
                 "defaultValue": "false"
             },
             "autocomplete": {
                 "type": "string",
-                "attribute": "autocomplete",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -846,6 +848,7 @@ export class CuraInputText {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "autocomplete",
                 "defaultValue": "'on'"
             }
         };
@@ -944,4 +947,3 @@ export class CuraInputText {
     }
     static get attachInternalsMemberName() { return "internals"; }
 }
-//# sourceMappingURL=cura-input-text.js.map

package/dist/collection/components/forms/cura-input-text/cura-input-text.stories.js

@@ -294,4 +294,3 @@ export const InputText = {
         autocomplete: 'on',
     },
 };
-//# sourceMappingURL=cura-input-text.stories.js.map

package/dist/collection/components/forms/cura-input-text/mask-presets/input-mask-presets.js

@@ -42,4 +42,3 @@ export const maskOptions = {
         mask: '00/00/0000 - 00/00/0000'
     },
 };
-//# sourceMappingURL=input-mask-presets.js.map

package/dist/collection/components/forms/cura-label/cura-label.js

@@ -91,7 +91,6 @@ export class CuraLabel {
         return {
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "'medium' | 'large' | 'small' | 'xsmall' | string",
@@ -107,11 +106,11 @@ export class CuraLabel {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "size",
                 "defaultValue": "'medium'"
             },
             "weight": {
                 "type": "string",
-                "attribute": "weight",
                 "mutable": false,
                 "complexType": {
                     "original": "'regular' | 'bold'",
@@ -127,11 +126,11 @@ export class CuraLabel {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "weight",
                 "defaultValue": "'regular'"
             },
             "spotColor": {
                 "type": "string",
-                "attribute": "spot-color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -147,11 +146,11 @@ export class CuraLabel {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "spot-color",
                 "defaultValue": "'accent-dark'"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -166,11 +165,11 @@ export class CuraLabel {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "color"
             },
             "marginBlock": {
                 "type": "string",
-                "attribute": "margin-block",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -186,11 +185,11 @@ export class CuraLabel {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "margin-block",
                 "defaultValue": "'0'"
             },
             "lineHeight": {
                 "type": "string",
-                "attribute": "line-height",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -206,11 +205,11 @@ export class CuraLabel {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "line-height",
                 "defaultValue": "'125%'"
             },
             "textOverflow": {
                 "type": "string",
-                "attribute": "text-overflow",
                 "mutable": false,
                 "complexType": {
                     "original": "'none' | 'single' | string",
@@ -226,6 +225,7 @@ export class CuraLabel {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "text-overflow",
                 "defaultValue": "'none'"
             }
         };
@@ -246,4 +246,3 @@ export class CuraLabel {
             }];
     }
 }
-//# sourceMappingURL=cura-label.js.map

package/dist/collection/components/forms/cura-label/cura-label.stories.js

@@ -146,4 +146,3 @@ export const Label = {
         cssLineHeight: ''
     },
 };
-//# sourceMappingURL=cura-label.stories.js.map