@raiadrogasil/pulso-react-components - npm Package Compare versions

Comparing version 2.23.0 to 2.23.1

Counter/Counter.styles.d.ts

@@ -7,2 +7,3 @@ interface CounterProps {
     width?: string;
+    minWidth?: string;
     fullWidth?: boolean;
@@ -9,0 +10,0 @@ }

Counter/Counter.styles.js

@@ -32,6 +32,9 @@ "use strict";
 var styled_components_1 = __importStar(require("styled-components"));
-exports.CounterField = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  transition-duration: 0.6s;\n  transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1);\n  border-radius: ", ";\n  border-width: ", ";\n  border-style: solid;\n  display: flex;\n  height: 40px;\n  position: relative;\n  box-sizing: border-box;\n  border-color: ", ";\n  width: ", ";\n  min-width: 120px;\n  max-width: 100%;\n\n  ", "\n\n  ", "\n\n    ", "\n\n    ", "\n\n    ", "\n"], ["\n  transition-duration: 0.6s;\n  transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1);\n  border-radius: ", ";\n  border-width: ", ";\n  border-style: solid;\n  display: flex;\n  height: 40px;\n  position: relative;\n  box-sizing: border-box;\n  border-color: ", ";\n  width: ", ";\n  min-width: 120px;\n  max-width: 100%;\n\n  ", "\n\n  ", "\n\n    ", "\n\n    ", "\n\n    ", "\n"])), function (props) { return props.theme.borderRadiusRounded; }, function (props) { return props.theme.borderWidthHairline; }, function (props) { return props.theme.colorBackground500; }, function (_a) {
+exports.CounterField = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  transition-duration: 0.6s;\n  transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1);\n  border-radius: ", ";\n  border-width: ", ";\n  border-style: solid;\n  display: flex;\n  height: 40px;\n  position: relative;\n  box-sizing: border-box;\n  border-color: ", ";\n  width: ", ";\n  min-width: ", ";\n  max-width: 100%;\n\n  ", "\n\n  ", "\n\n    ", "\n\n    ", "\n\n    ", "\n"], ["\n  transition-duration: 0.6s;\n  transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1);\n  border-radius: ", ";\n  border-width: ", ";\n  border-style: solid;\n  display: flex;\n  height: 40px;\n  position: relative;\n  box-sizing: border-box;\n  border-color: ", ";\n  width: ", ";\n  min-width: ", ";\n  max-width: 100%;\n\n  ", "\n\n  ", "\n\n    ", "\n\n    ", "\n\n    ", "\n"])), function (props) { return props.theme.borderRadiusRounded; }, function (props) { return props.theme.borderWidthHairline; }, function (props) { return props.theme.colorBackground500; }, function (_a) {
     var fullWidth = _a.fullWidth, width = _a.width;
     return (fullWidth ? "100%" : width);
 }, function (_a) {
+    var minWidth = _a.minWidth;
+    return minWidth || "120px";
+}, function (_a) {
     var inverse = _a.inverse;
@@ -38,0 +41,0 @@ return inverse && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      border-color: ", ";\n    "], ["\n      border-color: ", ";\n    "])), function (props) { return props.theme.colorBackground300; });

Counter/index.d.ts

@@ -172,2 +172,6 @@ import React from "react";
     /**
+     * Essa prop permite que o componente tenha um tamanho mínimo.
+     */
+    minWidth?: string;
+    /**
      * Adiciona o comportamento de loading no elemento \<input\> .
@@ -174,0 +178,0 @@ */

Counter/index.js

@@ -59,3 +59,3 @@ "use strict";
 var Counter = react_1.default.forwardRef(function (_a, ref) {
-    var accesskey = _a.accesskey, autocomplete = _a.autocomplete, autofocus = _a.autofocus, autosave = _a.autosave, dataCollect = _a.dataCollect, dataCollectDecrease = _a.dataCollectDecrease, dataCollectIncrease = _a.dataCollectIncrease, dataCollectInfo = _a.dataCollectInfo, dataCollectInfoDecrease = _a.dataCollectInfoDecrease, dataCollectInfoIncrease = _a.dataCollectInfoIncrease, dataQA = _a.dataQA, dataQADecrease = _a.dataQADecrease, dataQAIncrease = _a.dataQAIncrease, dataTestId = _a.dataTestId, dataTestIdDecrease = _a.dataTestIdDecrease, dataTestIdIncrease = _a.dataTestIdIncrease, disabled = _a.disabled, error = _a.error, form = _a.form, formaction = _a.formaction, helperText = _a.helperText, id = _a.id, inverse = _a.inverse, list = _a.list, max = _a.max, maxlength = _a.maxlength, min = _a.min, minlength = _a.minlength, multiple = _a.multiple, name = _a.name, onChange = _a.onChange, onDecrease = _a.onDecrease, onIncrease = _a.onIncrease, readonly = _a.readonly, required = _a.required, size = _a.size, spellcheck = _a.spellcheck, src = _a.src, step = _a.step, tabindex = _a.tabindex, value = _a.value, loading = _a.loading, increaseDisabled = _a.increaseDisabled, decreaseDisabled = _a.decreaseDisabled, _b = _a.fullWidth, fullWidth = _b === void 0 ? true : _b, width = _a.width;
+    var accesskey = _a.accesskey, autocomplete = _a.autocomplete, autofocus = _a.autofocus, autosave = _a.autosave, dataCollect = _a.dataCollect, dataCollectDecrease = _a.dataCollectDecrease, dataCollectIncrease = _a.dataCollectIncrease, dataCollectInfo = _a.dataCollectInfo, dataCollectInfoDecrease = _a.dataCollectInfoDecrease, dataCollectInfoIncrease = _a.dataCollectInfoIncrease, dataQA = _a.dataQA, dataQADecrease = _a.dataQADecrease, dataQAIncrease = _a.dataQAIncrease, dataTestId = _a.dataTestId, dataTestIdDecrease = _a.dataTestIdDecrease, dataTestIdIncrease = _a.dataTestIdIncrease, disabled = _a.disabled, error = _a.error, form = _a.form, formaction = _a.formaction, helperText = _a.helperText, id = _a.id, inverse = _a.inverse, list = _a.list, max = _a.max, maxlength = _a.maxlength, min = _a.min, minlength = _a.minlength, multiple = _a.multiple, name = _a.name, onChange = _a.onChange, onDecrease = _a.onDecrease, onIncrease = _a.onIncrease, readonly = _a.readonly, required = _a.required, size = _a.size, spellcheck = _a.spellcheck, src = _a.src, step = _a.step, tabindex = _a.tabindex, value = _a.value, loading = _a.loading, increaseDisabled = _a.increaseDisabled, decreaseDisabled = _a.decreaseDisabled, _b = _a.fullWidth, fullWidth = _b === void 0 ? true : _b, width = _a.width, minWidth = _a.minWidth;
     var mainElement = "pulso-counter";
@@ -72,3 +72,3 @@ var mainClass = mainElement +
         react_1.default.createElement(S.BorderFocus, null,
-            react_1.default.createElement(S.CounterField, { className: "".concat(mainElement, "__field"), inverse: inverse, disabled: disabled, error: error, loading: loading, width: width, fullWidth: fullWidth },
+            react_1.default.createElement(S.CounterField, { className: "".concat(mainElement, "__field"), inverse: inverse, disabled: disabled, error: error, loading: loading, width: width, minWidth: minWidth, fullWidth: fullWidth },
                 react_1.default.createElement(S.MinusButtonHolder, { className: "field__minus-button-holder" },
@@ -75,0 +75,0 @@ react_1.default.createElement(S.MinusButtonHolderPos, { className: "minus-button-holder__pos" },

package.json

@@ -8,3 +8,3 @@ {
   },
-  "version": "2.23.0",
+  "version": "2.23.1",
   "main": "./index.js",
@@ -11,0 +11,0 @@ "keywords": [

TextField/index.js

@@ -59,3 +59,3 @@ "use strict";
 var TextField = react_1.default.forwardRef(function (_a, ref) {
-    var label = _a.label, id = _a.id, name = _a.name, value = _a.value, leadingIcon = _a.leadingIcon, helperText = _a.helperText, disabled = _a.disabled, error = _a.error, onReset = _a.onReset, onShowHidePassword = _a.onShowHidePassword, inverse = _a.inverse, backgroundColorName = _a.backgroundColorName, onChange = _a.onChange, onBlur = _a.onBlur, accesskey = _a.accesskey, autocomplete = _a.autocomplete, autofocus = _a.autofocus, autosave = _a.autosave, form = _a.form, formaction = _a.formaction, inputmode = _a.inputmode, _b = _a.type, type = _b === void 0 ? "text" : _b, list = _a.list, max = _a.max, maxlength = _a.maxlength, minWidth = _a.minWidth, min = _a.min, minlength = _a.minlength, multiple = _a.multiple, pattern = _a.pattern, readonly = _a.readonly, required = _a.required, _c = _a.showHidePasswordButton, showHidePasswordButton = _c === void 0 ? false : _c, size = _a.size, spellcheck = _a.spellcheck, src = _a.src, step = _a.step, tabindex = _a.tabindex, width = _a.width, dataQA = _a.dataQA, dataQAReset = _a.dataQAReset, dataQAShowHidePassword = _a.dataQAShowHidePassword, dataCollect = _a.dataCollect, dataCollectReset = _a.dataCollectReset, dataCollectShowHidePassword = _a.dataCollectShowHidePassword, dataCollectInfo = _a.dataCollectInfo, dataCollectInfoReset = _a.dataCollectInfoReset, dataCollectInfoShowHidePassword = _a.dataCollectInfoShowHidePassword, dataTestId = _a.dataTestId, dataTestIdReset = _a.dataTestIdReset, dataTestIdShowHidePassword = _a.dataTestIdShowHidePassword, passwordStrength = _a.passwordStrength, placeholder = _a.placeholder, fixedLabel = _a.fixedLabel, _d = _a.fullWidth, fullWidth = _d === void 0 ? true : _d;
+    var label = _a.label, id = _a.id, name = _a.name, value = _a.value, leadingIcon = _a.leadingIcon, helperText = _a.helperText, disabled = _a.disabled, error = _a.error, onReset = _a.onReset, onShowHidePassword = _a.onShowHidePassword, inverse = _a.inverse, backgroundColorName = _a.backgroundColorName, onChange = _a.onChange, onBlur = _a.onBlur, accesskey = _a.accesskey, autocomplete = _a.autocomplete, autofocus = _a.autofocus, autosave = _a.autosave, form = _a.form, formaction = _a.formaction, inputmode = _a.inputmode, _b = _a.type, type = _b === void 0 ? "text" : _b, list = _a.list, max = _a.max, maxlength = _a.maxlength, minWidth = _a.minWidth, min = _a.min, minlength = _a.minlength, multiple = _a.multiple, pattern = _a.pattern, readonly = _a.readonly, required = _a.required, _c = _a.showHidePasswordButton, showHidePasswordButton = _c === void 0 ? false : _c, size = _a.size, spellcheck = _a.spellcheck, src = _a.src, step = _a.step, tabindex = _a.tabindex, width = _a.width, dataQA = _a.dataQA, dataQAReset = _a.dataQAReset, dataQAShowHidePassword = _a.dataQAShowHidePassword, dataCollect = _a.dataCollect, dataCollectReset = _a.dataCollectReset, dataCollectShowHidePassword = _a.dataCollectShowHidePassword, dataCollectInfo = _a.dataCollectInfo, dataCollectInfoReset = _a.dataCollectInfoReset, dataCollectInfoShowHidePassword = _a.dataCollectInfoShowHidePassword, dataTestId = _a.dataTestId, dataTestIdReset = _a.dataTestIdReset, dataTestIdShowHidePassword = _a.dataTestIdShowHidePassword, passwordStrength = _a.passwordStrength, placeholder = _a.placeholder, fixedLabel = _a.fixedLabel, _d = _a.fullWidth, fullWidth = _d === void 0 ? true : _d, onKeyDown = _a.onKeyDown;
     var _e = (0, react_1.useState)(value || ""), inputValue = _e[0], setInputValue = _e[1], _f = (0, react_1.useState)(type), inputType = _f[0], setInputType = _f[1];
@@ -101,2 +101,4 @@ (0, react_1.useEffect)(function () {
                     onBlur ? onBlur(event) : null;
+                }, onKeyDown: function (event) {
+                    onKeyDown ? onKeyDown(event) : null;
                 }, accessKey: accesskey || "", autoComplete: autocomplete || "off", autoFocus: autofocus || false, autoSave: autosave || "", form: form || "", formAction: formaction || "", inputMode: inputmode || "text", list: list || "", max: max || "", maxLength: maxlength || undefined, min: min || "", minLength: minlength || undefined, multiple: multiple || false, pattern: pattern || "", readOnly: readonly || false, ref: ref || null, required: required || false, size: size || undefined, spellCheck: spellcheck || false, src: src || "", step: step || "", tabIndex: tabindex || undefined, width: width || "", "data-qa": dataQA || null, "data-collect": dataCollect || null, "data-collect-info": dataCollectInfo || null, "data-testid": dataTestId || null, backgroundColorName: backgroundColorName, leadingIcon: leadingIcon !== undefined && leadingIcon !== "", error: error, inverse: inverse, passwordStrength: !!(type === "password" && passwordStrength), placeholder: placeholder && fixedLabel ? placeholder : "", fixedLabel: fixedLabel }),
@@ -103,0 +105,0 @@ react_1.default.createElement(TextField_styles_1.Label, { className: "".concat(mainElement, "__label").concat(" ".concat(mainElement, "__label--field-has-value")), htmlFor: id, leadingIcon: leadingIcon !== undefined && leadingIcon !== "", error: error, fieldHasValue: inputValue !== "", fixedLabel: fixedLabel },

TextField/types.d.ts

@@ -220,2 +220,6 @@ import { IconName } from "@raiadrogasil/pulso-icons";
     fullWidth?: boolean;
+    /**
+     * Adiciona função de callback ao pressionar uma tecla.
+     */
+    onKeyDown?: Function;
 }
@@ -222,0 +226,0 @@ interface TextFieldWithFixedLabel {

No alert changes

Improved metrics

Total package byte prevSize

1090842

increased by0.05%

Lines of code

13598

increased by0.1%

No dependency changes