@app-studio/web 0.3.55 → 0.3.56
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Form/Password/Password/Password.state.d.ts +27 -2
- package/dist/components/Form/TextArea/TextArea/TextArea.state.d.ts +1 -1
- package/dist/components/Form/TextField/TextField/TextField.state.d.ts +1 -1
- package/dist/web.cjs.development.js +8 -15
- package/dist/web.cjs.development.js.map +1 -1
- package/dist/web.cjs.production.min.js +1 -1
- package/dist/web.cjs.production.min.js.map +1 -1
- package/dist/web.esm.js +8 -15
- package/dist/web.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/web.esm.js
CHANGED
|
@@ -3342,8 +3342,7 @@ var DatePicker = DatePickerComponent;
|
|
|
3342
3342
|
|
|
3343
3343
|
var useTextFieldState = function useTextFieldState(_ref) {
|
|
3344
3344
|
var label = _ref.label,
|
|
3345
|
-
placeholder = _ref.placeholder
|
|
3346
|
-
defaultValue = _ref.value;
|
|
3345
|
+
placeholder = _ref.placeholder;
|
|
3347
3346
|
var _useState = useState(label != null ? label : placeholder),
|
|
3348
3347
|
hint = _useState[0],
|
|
3349
3348
|
setHint = _useState[1];
|
|
@@ -3353,7 +3352,7 @@ var useTextFieldState = function useTextFieldState(_ref) {
|
|
|
3353
3352
|
var _useState3 = useState(false),
|
|
3354
3353
|
isHovered = _useState3[0],
|
|
3355
3354
|
setIsHovered = _useState3[1];
|
|
3356
|
-
var _useState4 = useState(
|
|
3355
|
+
var _useState4 = useState(''),
|
|
3357
3356
|
value = _useState4[0],
|
|
3358
3357
|
setValue = _useState4[1];
|
|
3359
3358
|
useMemo(function () {
|
|
@@ -3379,7 +3378,7 @@ var usePasswordState = function usePasswordState(props) {
|
|
|
3379
3378
|
return _extends({
|
|
3380
3379
|
isVisible: isVisible,
|
|
3381
3380
|
setIsVisible: setIsVisible
|
|
3382
|
-
}, textFieldStates);
|
|
3381
|
+
}, props, textFieldStates);
|
|
3383
3382
|
};
|
|
3384
3383
|
|
|
3385
3384
|
var _excluded$p = ["id", "name", "label", "hint", "value", "onChange", "leftChild", "rightChild", "helperText", "placeholder", "onChangeText", "shadow", "styles", "size", "shape", "variant", "colorScheme", "error", "isFocused", "isHovered", "isDisabled", "isReadOnly", "isClearable", "isAutoFocus", "setHint", "setIsFocused", "setIsHovered", "setValue", "onClick", "onFocus", "onBlur"];
|
|
@@ -3471,7 +3470,7 @@ var TextFieldView = function TextFieldView(_ref) {
|
|
|
3471
3470
|
return setIsHovered(!isHovered);
|
|
3472
3471
|
};
|
|
3473
3472
|
var handleBlur = function handleBlur(event) {
|
|
3474
|
-
onBlur(event);
|
|
3473
|
+
if (onBlur) onBlur(event);
|
|
3475
3474
|
setIsFocused(false);
|
|
3476
3475
|
};
|
|
3477
3476
|
var handleChange = function handleChange(event) {
|
|
@@ -3496,12 +3495,8 @@ var TextFieldView = function TextFieldView(_ref) {
|
|
|
3496
3495
|
name: name
|
|
3497
3496
|
}
|
|
3498
3497
|
});
|
|
3499
|
-
|
|
3500
|
-
|
|
3501
|
-
name: name,
|
|
3502
|
-
value: ''
|
|
3503
|
-
}
|
|
3504
|
-
});
|
|
3498
|
+
if (onChangeText) onChangeText('');
|
|
3499
|
+
if (onChange) onChange('');
|
|
3505
3500
|
}
|
|
3506
3501
|
//for ios and android
|
|
3507
3502
|
if (typeof document === 'undefined' && onChangeText) onChangeText('');
|
|
@@ -3545,8 +3540,6 @@ var TextFieldView = function TextFieldView(_ref) {
|
|
|
3545
3540
|
}, fieldStyles, props, {
|
|
3546
3541
|
onChange: handleChange,
|
|
3547
3542
|
value: value
|
|
3548
|
-
}, onChange && {
|
|
3549
|
-
onChange: handleChange
|
|
3550
3543
|
}))), (rightChild || isClearable && value) && React.createElement(FieldIcons, null, rightChild && React.createElement(React.Fragment, null, rightChild), isClearable && value && !isReadOnly && !isDisabled && React.createElement(CloseSvg, {
|
|
3551
3544
|
size: Typography.fontSizes[size],
|
|
3552
3545
|
color: IconColor,
|
|
@@ -3569,8 +3562,8 @@ var PasswordComponent = function PasswordComponent(_ref) {
|
|
|
3569
3562
|
var _usePasswordState = usePasswordState(props),
|
|
3570
3563
|
isVisible = _usePasswordState.isVisible,
|
|
3571
3564
|
setIsVisible = _usePasswordState.setIsVisible,
|
|
3572
|
-
|
|
3573
|
-
return React.createElement(TextFieldView, Object.assign({},
|
|
3565
|
+
passwordProps = _objectWithoutPropertiesLoose(_usePasswordState, _excluded2$1);
|
|
3566
|
+
return React.createElement(TextFieldView, Object.assign({}, passwordProps, {
|
|
3574
3567
|
type: isVisible ? 'text' : 'password',
|
|
3575
3568
|
isClearable: false,
|
|
3576
3569
|
rightChild: React.createElement(View$1, {
|