@trilogy-ds/react 4.9.0-beta-build-1 → 4.9.0

package/lib/components/input/Input.d.mts

@@ -1,49 +0,0 @@
-import React from 'react';
-import { Accessibility } from '../../objects';
-import { InputProps, InputWebEvents } from './InputProps';
-export interface InputProp extends Accessibility, InputProps, InputWebEvents {
-}
-/**
- * Input Component
- * @param name {string} Input name
- * @param label {string} Label for input
- * @param sample {string} Sample for input (below label)
- * @param disabled {boolean} Disabled input
- * @param onChange {Function} OnChange Input Event
- * @param onFocus {Function} onFocus Input Event
- * @param onBlur {Function} onBlur Input Event
- * @param placeholder {string} Placeholder Input
- * @param type {InputType} Type for input
- * @param defaultValue {string} Default Value for Input
- * @param hasIcon {boolean} Adding if you want icon - Default icon is defined by status
- * @param status {InputStatus} Input with status - (SUCCESS|WARNING|ERROR|DEFAULT)
- * @param patternValidator {RegExp} regex validator
- * @param customValidator {Function} custom function validator
- * @param onStatusChange {Function} status change event
- * @param help {string} Help for input
- * @param ref Pass a ref for input
- * @param onSubmit {Function} onSubmit Event
- * @param maxLength {number} Textarea max length
- * @param securityGauge {boolean} add security gauge for input type password
- * @param validationRules {IValidationRules} Textarea max length
- * @param readOnly {boolean} Read only input
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param loading {boolean} Loading input
- * @param value {string} Value for Input
- * @param focused {boolean} Fucus mode
- * @param className {string} Additional CSS Classes
- * @param onMouseEnter {Function} onMouseEnter Input Event
- * @param onMouseLeave {Function} onMouseLeave Input Event
- * @param onKeyPress {Function} onKeyPress Input Event
- * @param onKeyUp {Function} onKeyUp Input Event
- * @param onIconClick {Function} onIconClick Input Event
- * @param onClick {Function} onClick Input Event
- * @param forceControl {boolean} Force the control of the input value
- * @param minLength {number} Textarea min length
- * @param accessibilityLabel {string} Accessibility label
- * @param required {boolean} Required input
- * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
- */
-declare const Input: React.ForwardRefExoticComponent<InputProp & React.RefAttributes<HTMLInputElement>>;
-export default Input;

package/lib/components/input/Input.mjs

@@ -1,205 +0,0 @@
-import { __assign, __read, __rest } from "tslib";
-import translation from '@trilogy-ds/locales/lib/input';
-import clsx from 'clsx';
-import React, { useCallback, useEffect, useId, useState } from 'react';
-import { Text, TextLevels, TextMarkup } from '../../components/text';
-import { useTrilogyContext } from '../../context';
-import { hashClass } from '../../helpers';
-import { TypographyColor } from '../../objects';
-import { has, is } from '../../services';
-import { ComponentName } from '../enumsComponentsName';
-import { Icon, IconName, IconSize } from '../icon';
-import { InputStatus, InputType } from './InputEnum';
-import InputGauge from './gauge/InputGauge';
-/**
- * Input Component
- * @param name {string} Input name
- * @param label {string} Label for input
- * @param sample {string} Sample for input (below label)
- * @param disabled {boolean} Disabled input
- * @param onChange {Function} OnChange Input Event
- * @param onFocus {Function} onFocus Input Event
- * @param onBlur {Function} onBlur Input Event
- * @param placeholder {string} Placeholder Input
- * @param type {InputType} Type for input
- * @param defaultValue {string} Default Value for Input
- * @param hasIcon {boolean} Adding if you want icon - Default icon is defined by status
- * @param status {InputStatus} Input with status - (SUCCESS|WARNING|ERROR|DEFAULT)
- * @param patternValidator {RegExp} regex validator
- * @param customValidator {Function} custom function validator
- * @param onStatusChange {Function} status change event
- * @param help {string} Help for input
- * @param ref Pass a ref for input
- * @param onSubmit {Function} onSubmit Event
- * @param maxLength {number} Textarea max length
- * @param securityGauge {boolean} add security gauge for input type password
- * @param validationRules {IValidationRules} Textarea max length
- * @param readOnly {boolean} Read only input
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param loading {boolean} Loading input
- * @param value {string} Value for Input
- * @param focused {boolean} Fucus mode
- * @param className {string} Additional CSS Classes
- * @param onMouseEnter {Function} onMouseEnter Input Event
- * @param onMouseLeave {Function} onMouseLeave Input Event
- * @param onKeyPress {Function} onKeyPress Input Event
- * @param onKeyUp {Function} onKeyUp Input Event
- * @param onIconClick {Function} onIconClick Input Event
- * @param onClick {Function} onClick Input Event
- * @param forceControl {boolean} Force the control of the input value
- * @param minLength {number} Textarea min length
- * @param accessibilityLabel {string} Accessibility label
- * @param required {boolean} Required input
- * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
- */
-var Input = React.forwardRef(function (_a, ref) {
-    var _b;
-    var forceControl = _a.forceControl, label = _a.label, sample = _a.sample, className = _a.className, _c = _a.id, id = _c === void 0 ? React.useId() : _c, disabled = _a.disabled, onChange = _a.onChange, onKeyPress = _a.onKeyPress, onKeyUp = _a.onKeyUp, onIconClick = _a.onIconClick, onClick = _a.onClick, onFocus = _a.onFocus, onBlur = _a.onBlur, patternValidator = _a.patternValidator, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, name = _a.name, placeholder = _a.placeholder, _d = _a.type, type = _d === void 0 ? InputType.TEXT : _d, defaultValue = _a.defaultValue, value = _a.value, loading = _a.loading, focused = _a.focused, status = _a.status, help = _a.help, onStatusChange = _a.onStatusChange, customValidator = _a.customValidator, onSubmit = _a.onSubmit, minLength = _a.minLength, maxLength = _a.maxLength, accessibilityLabel = _a.accessibilityLabel, autoCompleteType = _a.autoCompleteType, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, securityGauge = _a.securityGauge, validationRules = _a.validationRules, required = _a.required, readOnly = _a.readOnly, others = __rest(_a, ["forceControl", "label", "sample", "className", "id", "disabled", "onChange", "onKeyPress", "onKeyUp", "onIconClick", "onClick", "onFocus", "onBlur", "patternValidator", "onMouseEnter", "onMouseLeave", "name", "placeholder", "type", "defaultValue", "value", "loading", "focused", "status", "help", "onStatusChange", "customValidator", "onSubmit", "minLength", "maxLength", "accessibilityLabel", "autoCompleteType", "iconNameLeft", "iconNameRight", "securityGauge", "validationRules", "required", "readOnly"]);
-    var styled = useTrilogyContext().styled;
-    var idHelp = useId();
-    var idSample = useId();
-    var inputIcon = new Map();
-    inputIcon.set(InputStatus.SUCCESS, IconName.CHECK_CIRCLE);
-    inputIcon.set(InputStatus.WARNING, IconName.EXCLAMATION_CIRCLE);
-    inputIcon.set(InputStatus.ERROR, IconName.EXCLAMATION_CIRCLE);
-    var _e = __read(useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ''), 2), _value = _e[0], setValue = _e[1];
-    var _f = __read(useState(focused !== null && focused !== void 0 ? focused : false), 2), isFocused = _f[0], setIsFocused = _f[1];
-    var _g = __read(useState(false), 2), isDirty = _g[0], setIsDirty = _g[1];
-    var _h = __read(useState(false), 2), isTouched = _h[0], setIsTouched = _h[1];
-    var _j = __read(useState(status || InputStatus.DEFAULT), 2), localStatus = _j[0], setLocalStatus = _j[1];
-    var _k = __read(useState(type), 2), inputType = _k[0], setInputType = _k[1];
-    var _l = __read(useState(false), 2), isShowPwd = _l[0], setIsShowPwd = _l[1];
-    var helpClasses = clsx('help', localStatus && is(localStatus));
-    var loader = hashClass(styled, clsx(is('searching')));
-    var inputLabelClasses = hashClass(styled, 'input-label');
-    var iconTimesClasses = hashClass(styled, clsx(is('justified-self')));
-    var srOnlyClasses = hashClass(styled, clsx('sr-only'));
-    var classes = hashClass(styled, clsx('input', localStatus && is(localStatus)));
-    var wrapperClasses = hashClass(styled, clsx('field', className, type === InputType.PASSWORD && securityGauge && has('gauge')));
-    var hasIcon = iconNameLeft || iconNameRight;
-    var controlClasses = hashClass(styled, clsx('control', (_b = {},
-        _b[has('icons-right')] = hasIcon !== null && hasIcon !== void 0 ? hasIcon : (iconNameRight || type === InputType.PASSWORD),
-        _b[has('icons-left')] = iconNameLeft || type === InputType.SEARCH,
-        _b)));
-    var onPressKey = useCallback(function (e) {
-        var target = e.target;
-        return {
-            inputName: target.name,
-            inputValue: target.value,
-            inputKeyCode: e.keyCode,
-            target: target,
-            event: e,
-            preventDefault: function () { return e.preventDefault(); },
-        };
-    }, []);
-    var IconWrapper = useCallback(function (_a) {
-        var className = _a.className, name = _a.name, color = _a.color, closeIconSearch = _a.closeIconSearch, onPress = _a.onPress, srOnly = _a.srOnly, showPassword = _a.showPassword;
-        var Markup = showPassword ? 'button' : 'div';
-        return (React.createElement(Markup, __assign({}, (showPassword && { 'data-show-pwd': true, type: 'button' }), { onClick: function (e) {
-                onPress && onPress();
-                if (onIconClick) {
-                    onIconClick({ inputName: name !== null && name !== void 0 ? name : '', inputValue: _value, target: e.target });
-                }
-            } }),
-            React.createElement(Icon, { className: className, name: name, size: IconSize.SMALL, color: color }),
-            _value && _value.length > 0 && closeIconSearch && (React.createElement(Icon, { onClick: function () { return setValue(''); }, className: iconTimesClasses, name: IconName.TIMES_CIRCLE, size: IconSize.SMALL })),
-            showPassword && srOnly && React.createElement("span", { className: srOnlyClasses }, srOnly)));
-    }, [_value, styled]);
-    var validator = !customValidator && patternValidator
-        ? function (value) { return (patternValidator.test(value) ? InputStatus.SUCCESS : InputStatus.ERROR); }
-        : customValidator;
-    useEffect(function () {
-        var _a;
-        setValue((_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : '');
-    }, [value, defaultValue]);
-    useEffect(function () {
-        setIsFocused(focused !== null && focused !== void 0 ? focused : false);
-    }, [focused]);
-    useEffect(function () {
-        if (isFocused)
-            setIsDirty(true);
-        else if (isDirty)
-            setIsTouched(true);
-    }, [isFocused, isDirty]);
-    useEffect(function () {
-        if (!validator || !isTouched)
-            return;
-        setLocalStatus(validator(_value));
-    }, [isFocused, isTouched]);
-    useEffect(function () {
-        setLocalStatus(status || InputStatus.DEFAULT);
-    }, [status]);
-    useEffect(function () {
-        if (onStatusChange)
-            onStatusChange(localStatus);
-    }, [localStatus]);
-    return (React.createElement("div", { className: wrapperClasses, "data-has-gauge": securityGauge ? true : undefined },
-        label && (React.createElement("label", { className: inputLabelClasses, htmlFor: id },
-            label,
-            ' ',
-            required && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR }, "*")))),
-        sample && (React.createElement(Text, { className: 'input-sample', level: TextLevels.TWO, id: idSample }, sample)),
-        React.createElement("div", { className: controlClasses },
-            React.createElement("input", __assign({ "aria-describedby": "".concat(idHelp, " ").concat(idSample), id: id, required: required, readOnly: readOnly }, others, { "aria-label": !label ? accessibilityLabel : undefined, type: inputType, className: classes, value: value, defaultValue: defaultValue, name: name, onSubmit: onSubmit, ref: ref, disabled: disabled, minLength: minLength, maxLength: maxLength, autoComplete: autoCompleteType, onKeyUp: function (e) { return onKeyUp && onKeyUp(onPressKey(e)); }, onKeyPress: function (e) { return onKeyPress && onKeyPress(onPressKey(e)); }, onMouseEnter: function (e) { return onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e); }, onMouseLeave: function (e) { return onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e); }, placeholder: placeholder, onClick: function (e) {
-                    var target = e.target;
-                    if (onClick) {
-                        onClick({
-                            inputName: target.name,
-                            inputValue: target.value,
-                            target: target,
-                        });
-                    }
-                }, onChange: function (e) {
-                    // --- solution to prevent cursor jump ---
-                    if (inputType !== InputType.DATE &&
-                        inputType !== InputType.DATETIME_LOCAL &&
-                        inputType !== InputType.NUMBER &&
-                        inputType !== InputType.EMAIL) {
-                        var caret_1 = e.target.selectionStart;
-                        var element_1 = e.target;
-                        window.requestAnimationFrame(function () {
-                            element_1.selectionStart = caret_1;
-                            element_1.selectionEnd = caret_1;
-                        });
-                    }
-                    // ---------------------------------------
-                    // eslint-disable-next-line no-console
-                    if (!forceControl)
-                        setValue(e.target.value);
-                    if (onChange) {
-                        onChange({
-                            inputName: e.target.name,
-                            inputValue: e.target.value,
-                            inputSelectionStart: e.target.selectionStart,
-                            target: e.target,
-                            event: e,
-                        });
-                    }
-                }, onFocus: function (e) {
-                    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-                    setIsFocused(true);
-                }, onBlur: function (e) {
-                    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-                    setIsFocused(false);
-                } })),
-            hasIcon && !localStatus && !loading && iconNameLeft && React.createElement(IconWrapper, { name: iconNameLeft }),
-            (iconNameLeft || type === InputType.SEARCH) && (React.createElement(IconWrapper, { className: 'icon-left', name: iconNameLeft || IconName.SEARCH })),
-            iconNameRight && !loading && type !== InputType.PASSWORD && (React.createElement(IconWrapper, { className: 'icon-right', name: iconNameRight })),
-            !loading && type === InputType.PASSWORD && (React.createElement(IconWrapper, { showPassword: true, srOnly: !isShowPwd ? translation.showPassword : translation.hidePassword, className: 'icon-right', name: isShowPwd ? IconName.EYE_SLASH : IconName.EYE, onPress: function () {
-                    if (inputType === InputType.PASSWORD) {
-                        setInputType(InputType.TEXT);
-                        setIsShowPwd(true);
-                    }
-                    else {
-                        setInputType(InputType.PASSWORD);
-                        setIsShowPwd(false);
-                    }
-                } })),
-            loading && React.createElement("span", { className: loader })),
-        help && (React.createElement(Text, { className: helpClasses, id: idHelp }, help)),
-        securityGauge && type === InputType.PASSWORD && (React.createElement(InputGauge, { validationRules: validationRules, styled: styled, inputValue: _value }))));
-});
-Input.displayName = ComponentName.Input;
-export default Input;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L0lucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxXQUFXLE1BQU0sK0JBQStCLENBQUE7QUFDdkQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3RFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUNqRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3pDLE9BQU8sRUFBaUIsZUFBZSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQzlELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxJQUFJLEVBQWEsUUFBUSxFQUFrQixRQUFRLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDN0UsT0FBTyxFQUFFLFdBQVcsRUFBcUIsU0FBUyxFQUFtQixNQUFNLGFBQWEsQ0FBQTtBQUV4RixPQUFPLFVBQVUsTUFBTSxvQkFBb0IsQ0FBQTtBQWMzQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F5Q0c7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUNFLEVBd0NDLEVBQ0QsR0FBRzs7SUF4Q0QsSUFBQSxZQUFZLGtCQUFBLEVBQ1osS0FBSyxXQUFBLEVBQ0wsTUFBTSxZQUFBLEVBQ04sU0FBUyxlQUFBLEVBQ1QsVUFBa0IsRUFBbEIsRUFB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

package/lib/components/input/Input.native.d.mts

@@ -1,39 +0,0 @@
-import React from 'react';
-import { TextInput } from 'react-native';
-import { InputNativeEvents, InputProps } from './InputProps';
-export interface InputNativeProps extends InputProps, InputNativeEvents {
-}
-/**
- * Input Native Component
- * @param name {string} Input name
- * @param label {string} Label for input
- * @param sample {string} Sample for input (below label)
- * @param disabled {boolean} Disabled input
- * @param onChange {Function} OnChange Input Event
- * @param onFocus {Function} OnFocus Input Event
- * @param onBlur {Function} OnBlur Input Event
- * @param placeholder {string} Placeholder Input
- * @param type {InputType} Type for input
- * @param defaultValue {string} Default Value for Input
- * @param status {InputStatus} Input with status - (SUCCESS|WARNING|ERROR|DEFAULT)
- * @param help {string} Help for input
- * @param hasIcon {boolean} Input Has Icon, Precise IconName with customIcon
- * @param ref Pass a ref for input
- * @param customIcon {IconName} Adding if you want custom icon
- * @param keyboardStyle {InputKeyboardAppearance} Custom appearance for keyboard
- * @param autoCapitalize {InputAutoCapitalize} Capitalize => NONE | SENTENCES | WORDS | CHARS
- * @param autoCorrect {boolean} Auto correct sentence
- * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
- * @param textContentType {InputTextContentType} Give the keyboard and the system information
- * @param keyboardType {InputKeyboardType} Keybaord type
- * @param keyType {KeyType} Keyboard key return type
- * @param onSubmit {Function} onSubmit
- * @param maxLength {number} Textarea max length
- * @param accessibilityLabel {string} Accessibility label
- * @param testId {string} Test Id for Test Integration
- * @param required {boolean} Required input
- * @param accessibilityActivate {boolean}
- * @param readOnly {boolean} Read only input
- */
-declare const Input: React.ForwardRefExoticComponent<InputNativeProps & React.RefAttributes<TextInput>>;
-export default Input;