linear-react-components-ui 1.1.20-beta.12 → 1.1.20-beta.14

package/lib/form/FieldArray.js

@@ -10,7 +10,7 @@ var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
 var _gridlayout = _interopRequireDefault(require("../gridlayout"));
 var _fieldset = _interopRequireDefault(require("../fieldset"));
 var _helpers = require("./helpers");
-const _excluded = ["cols", "label", "bordered", "labelContainerStyle", "skipLabel", "data", "name", "handlerStoreValidators", "component", "handlerFieldChange", "handlerFieldValidade", "changePropName", "fieldErrors", "externalMessagesErrors", "handlerRemoveValidators", "validators", "valuePropName", "originalData", "handlerSelecionados"];
+const _excluded = ["cols", "label", "bordered", "labelContainerStyle", "skipLabel", "data", "name", "handlerStoreValidators", "component", "handlerFieldChange", "handlerFieldValidate", "changePropName", "fieldErrors", "externalMessagesErrors", "handlerRemoveValidators", "validators", "valuePropName", "originalData", "handlerSelecionados"];
 /* eslint-disable react-hooks/rules-of-hooks */
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -23,7 +23,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
-const getDefaultProps = (props, handleShowValidateMessages) => {
+const getDefaultProps = props => {
   const {
     valuePropName = 'value',
     changePropName = 'onSelect',
@@ -35,9 +35,8 @@ const getDefaultProps = (props, handleShowValidateMessages) => {
   } = props;
   return {
     onBlur: (0, _react.useCallback)(e => {
-      if (handleShowValidateMessages) handleShowValidateMessages(true);
       if (onBlur) onBlur(e);
-    }, [handleShowValidateMessages, onBlur]),
+    }, [onBlur]),
     [valuePropName]: _lodash.default.get(data, name),
     [changePropName]: (0, _react.useCallback)(ids => {
       if (handlerFieldChange) handlerFieldChange({
@@ -47,8 +46,7 @@ const getDefaultProps = (props, handleShowValidateMessages) => {
         }
       });
       if (handlerSelecionados) handlerSelecionados(ids);
-      if (handleShowValidateMessages) handleShowValidateMessages(true);
-    }, [handlerFieldChange, handlerSelecionados, handleShowValidateMessages, changePropName])
+    }, [handlerFieldChange, handlerSelecionados, changePropName])
   };
 };
 const FieldArray = props => {
@@ -63,7 +61,7 @@ const FieldArray = props => {
       handlerStoreValidators,
       component: Component,
       handlerFieldChange,
-      handlerFieldValidade,
+      handlerFieldValidate,
       changePropName,
       fieldErrors,
       externalMessagesErrors,
@@ -74,40 +72,27 @@ const FieldArray = props => {
       handlerSelecionados
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
-  const [showValidateMessages, setShowValidateMessages] = (0, _react.useState)(false);
-  const currentValue = _lodash.default.get(data, name);
-  const originalValue = _lodash.default.get(originalData, name);
-  const handleShowValidateMessages = (0, _react.useCallback)(value => {
-    setShowValidateMessages(value);
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (!_lodash.default.isEqual(currentValue, originalValue) && Array.isArray(currentValue) && currentValue.length > 0) {
-      setShowValidateMessages(true);
-    } else if (_lodash.default.isEmpty(data) || _lodash.default.every(data, _lodash.default.isEmpty) || _lodash.default.isEqual(currentValue, originalValue)) {
-      setShowValidateMessages(false);
-    }
-  }, [currentValue]);
   let content = null;
   if (Component) {
     if (!skipLabel && label) {
       content = /*#__PURE__*/_react.default.createElement(_fieldset.default, {
         title: label,
-        customClass: `arraycontainer ${bordered && '-bordered'}`,
+        customClass: "arraycontainer ".concat(bordered && '-bordered'),
         style: labelContainerStyle,
         titleCustomClass: "label"
-      }, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props, handleShowValidateMessages), {
+      }, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props), {
         label: label,
         name: name,
         errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
-          fieldErrors: showValidateMessages ? props.fieldErrors : {}
+          fieldErrors: props.fieldErrors
         }))
       })));
     } else {
-      content = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props, handleShowValidateMessages), {
+      content = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props), {
         label: label,
         name: name,
         errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
-          fieldErrors: showValidateMessages ? props.fieldErrors : {}
+          fieldErrors: props.fieldErrors
         }))
       })));
     }

package/lib/form/FieldNumber.js

@@ -25,29 +25,26 @@ const getEventProps = _ref => {
     onBlur,
     onKeyDown,
     onChange,
-    handlerFieldValidade,
+    handlerFieldValidate,
     handlerFieldChange,
-    handleShowValidateMessages,
     component
   } = _ref;
   return {
     onBlur: e => {
-      if (handlerFieldChange) handlerFieldChange(e);
-      if (validators && handlerFieldValidade) handlerFieldValidade(name, e.target.value, validators);
+      if ((component === null || component === void 0 ? void 0 : component.name) !== 'NumberField' && handlerFieldChange) handlerFieldChange(e);
+      if (validators && handlerFieldValidate) handlerFieldValidate(name, e.target.value, validators);
       if (onBlur) onBlur(e);
-      handleShowValidateMessages(true);
     },
     onKeyDown: e => {
       if ([constants.keyCodes.ENTER].includes(e.keyCode)) {
-        if (validators) handlerFieldValidade?.(name, e.target.value, validators);
+        if (validators) handlerFieldValidate === null || handlerFieldValidate === void 0 ? void 0 : handlerFieldValidate(name, e.target.value, validators);
         if (onKeyDown) onKeyDown(e);
-        handleShowValidateMessages(true);
       }
     },
     onChange: e => {
-      if (component?.name === 'NumberField') {
-        if (validators && e.target && handlerFieldValidade) {
-          handlerFieldValidade(name, e.target.value, validators);
+      if ((component === null || component === void 0 ? void 0 : component.name) === 'NumberField') {
+        if (validators && e.target && handlerFieldValidate) {
+          handlerFieldValidate(name, e.target.value, validators);
         }
         if (handlerFieldChange) handlerFieldChange(e);
         if (onChange) onChange(e);
@@ -64,18 +61,9 @@ const FieldMask = props => {
   const currentValue = _lodash.default.get(data, name);
   const [showValidateMessages, setShowValidateMessages] = (0, _react.useState)(false);
   const originalValue = _lodash.default.get(originalData, name);
-  (0, _react.useEffect)(() => {
-    if (currentValue && currentValue !== originalValue && !!currentValue) {
-      setShowValidateMessages(true);
-    } else if (_lodash.default.isEmpty(data) || _lodash.default.every(data, _lodash.default.isEmpty) || currentValue === originalValue) {
-      setShowValidateMessages(false);
-    }
-  }, [currentValue, originalValue]);
-  return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEventProps(_objectSpread(_objectSpread({}, props), {}, {
-    handleShowValidateMessages: value => setShowValidateMessages(value)
-  })), {
+  return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEventProps(_objectSpread({}, props)), {
     errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
-      fieldErrors: showValidateMessages ? props.fieldErrors : {}
+      fieldErrors: props.fieldErrors
     })),
     value: currentValue
   }));

package/lib/form/FieldPeriod.js

@@ -19,7 +19,7 @@ const FieldPeriod = props => {
     nameDateInitial,
     nameDateFinal,
     handlerFieldChange,
-    handlerFieldValidade,
+    handlerFieldValidate: handlerFieldValidate,
     fieldErrors,
     externalMessagesErrors,
     onChange,
@@ -55,8 +55,8 @@ const FieldPeriod = props => {
           initial,
           final
         } = _ref;
-        if (validators && handlerFieldValidade) {
-          handlerFieldValidade(nameDateInitial, {
+        if (validators && handlerFieldValidate) {
+          handlerFieldValidate(nameDateInitial, {
             [nameDateInitial]: initial,
             [nameDateFinal]: final
           }, validators);
@@ -79,8 +79,8 @@ const FieldPeriod = props => {
         });
       },
       value: {
-        initial: _lodash.default.get(data, `${name}.${nameDateInitial}`),
-        final: _lodash.default.get(data, `${name}.${nameDateFinal}`)
+        initial: _lodash.default.get(data, "".concat(name, ".").concat(nameDateInitial)),
+        final: _lodash.default.get(data, "".concat(name, ".").concat(nameDateFinal))
       }
     }));
   }

package/lib/form/index.js

@@ -75,6 +75,7 @@ const Form = _ref => {
   const [fieldErrors, setFieldErrors] = (0, _react.useState)({});
   const fieldsValidators = (0, _react.useRef)({});
   const [oldFieldsValidatorsQuantity, setOldFieldsValidatorsQuantity] = (0, _react.useState)(0);
+  const [isValid, setIsValid] = (0, _react.useState)(false);
   const context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
   const usedData = useInternalState ? data : dataSource;
   const getValidatesErrorMessages = (validators, fieldValue) => {
@@ -107,8 +108,9 @@ const Form = _ref => {
     let updateState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     let currentValidators = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
     const currentFieldErrors = getErrorMessages(currentData, currentValidators || fieldsValidators.current);
-    if (updateState) setFieldErrors(currentFieldErrors);
-    return Object.values(currentFieldErrors).every(value => value.length === 0);
+    const isValidNow = Object.values(currentFieldErrors).every(value => value.length === 0);
+    if (updateState) setIsValid(isValidNow);
+    return isValidNow;
   };
   const onFieldChange = (0, _react.useCallback)(event => {
     const {
@@ -235,7 +237,7 @@ const Form = _ref => {
     }
   }, [submitOnPressEnterKey]);
   (0, _react.useEffect)(() => {
-    const validatorsQuantity = Object.values(fieldsValidators.current).reduce((acc, currentValue) => acc + (currentValue?.length || 0), 0);
+    const validatorsQuantity = Object.values(fieldsValidators.current).reduce((acc, currentValue) => acc + ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) || 0), 0);
     if (fieldsValidators.current && onValidateForm && oldFieldsValidatorsQuantity !== validatorsQuantity) {
       setOldFieldsValidatorsQuantity(validatorsQuantity);
       onValidateForm(checkIsValid(usedData, true, fieldsValidators.current));
@@ -244,7 +246,7 @@ const Form = _ref => {
   const contextValues = {
     skeletonize,
     handlerFieldChange: onFieldChange,
-    handlerFieldValidade: onValidate,
+    handlerFieldValidate: onValidate,
     handlerStoreValidators: (fieldName, fieldValidates) => {
       fieldsValidators.current = _objectSpread(_objectSpread({}, fieldsValidators.current), {}, {
         [fieldName]: fieldValidates
@@ -254,7 +256,8 @@ const Form = _ref => {
     data: useInternalState ? data : dataSource,
     originalData,
     fieldErrors,
-    externalFieldErrors
+    externalFieldErrors,
+    isFormValid: isValid
   };
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_helpers.FormContext.Provider, {
     value: contextValues
@@ -262,7 +265,7 @@ const Form = _ref => {
     style: style
   }, formProps(), {
     role: "presentation",
-    className: `form-component ${customClass}`
+    className: "form-component ".concat(customClass)
   }), children)), /*#__PURE__*/_react.default.createElement(_dialog.DialogQuestion, {
     zIndex: "99999999",
     title: securityTitle || 'Dados Alterados',

package/lib/form/types.d.ts

@@ -57,7 +57,7 @@ interface IFieldProps extends WithFieldProps {
     value?: string;
     label?: string;
     handlerFieldChange?: (event: ChangeEvent<HTMLInputElement> | CustomKeyboardEvent) => ChangeEvent;
-    handlerFieldValidade?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
+    handlerFieldValidate?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
     component: ComponentType<any>;
     componentType?: 'Radio' | 'Checkbox';
     onChange?: (event: ChangeEvent) => ChangeEvent;
@@ -86,6 +86,10 @@ interface IFieldProps extends WithFieldProps {
     autoCompleteMask?: 'left' | 'right';
     mask?: string;
     removeZeroLeft?: boolean;
+    textAlign?: 'left' | 'right';
+    disabled?: boolean;
+    displayCurrencySymbol?: boolean;
+    currencySymbol?: string;
 }
 interface CustomEvent {
     target: {
@@ -120,7 +124,7 @@ interface IFieldArrayProps extends WithFieldProps {
     multiple?: boolean;
     disabled?: boolean;
     onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
-    handlerFieldValidade?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
+    handlerFieldValidate?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
     required?: boolean;
 }
 type PeriodChangeEvent = {
@@ -152,20 +156,21 @@ interface IFieldPeriodProps extends WithFieldProps {
     externalFieldErrors?: {
         [name: string]: string[];
     };
-    handlerFieldValidade?: (name: string, value: object, validatorsArray: PeriodValidator[] | PeriodValidator) => void;
+    handlerFieldValidate?: (name: string, value: object, validatorsArray: PeriodValidator[] | PeriodValidator) => void;
     onChange?: (event: PeriodChangeEvent) => PeriodChangeEvent;
     gridLayout?: string;
 }
 interface FormContextProps {
     skeletonize?: boolean;
     handlerFieldChange: (event: OnFielChangeEvent) => void;
-    handlerFieldValidade: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
+    handlerFieldValidate: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
     handlerStoreValidators: (fieldName: string, fieldValidates: Validator) => void;
     handlerRemoveValidators: (fieldName: string) => void;
     data: object;
     originalData: object;
     fieldErrors: object;
     externalFieldErrors?: object;
+    isFormValid?: boolean;
 }
 interface WithFieldProps {
     name: string;
@@ -200,10 +205,9 @@ interface IEventParams {
     onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     onKeyDown?: (event: CustomKeyboardEvent) => void;
-    handlerFieldValidade?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
+    handlerFieldValidate?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
     handlerFieldChange?: (event: ChangeEvent<HTMLInputElement> | CustomKeyboardEvent) => void;
     validatorFromComponent?: Validator | Validator[];
-    handleShowValidateMessages: (value: boolean) => void;
     component?: ComponentType<any>;
 }
 interface IGetErrorMessagesParams {

package/lib/form/withFieldHOC.js

@@ -45,7 +45,7 @@ const withFieldHOC = WrappedComponent => {
     return /*#__PURE__*/_react.default.createElement(_helpers.FormContext.Consumer, null, _ref => {
       let {
         handlerFieldChange,
-        handlerFieldValidade,
+        handlerFieldValidate: handlerFieldValidate,
         data,
         fieldErrors,
         externalFieldErrors,
@@ -56,7 +56,7 @@ const withFieldHOC = WrappedComponent => {
       return /*#__PURE__*/_react.default.createElement(EnhancedComponent, _extends({}, props, {
         skeletonize: skeletonize,
         handlerFieldChange: handlerFieldChange,
-        handlerFieldValidade: handlerFieldValidade,
+        handlerFieldValidate: handlerFieldValidate,
         handlerStoreValidators: handlerStoreValidators,
         handlerRemoveValidators: handlerRemoveValidators,
         data: data,

package/lib/gridlayout/GridCol.js

@@ -10,10 +10,10 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const getClass = col => {
   const cols = col ? col.split(' ') : [];
   let classes = 'grid-container ';
-  if (cols[0]) classes += `col-xs-${cols[0]}`;
-  if (cols[1]) classes += ` col-sm-${cols[1]}`;
-  if (cols[2]) classes += ` col-md-${cols[2]}`;
-  if (cols[3]) classes += ` col-lg-${cols[3]}`;
+  if (cols[0]) classes += "col-xs-".concat(cols[0]);
+  if (cols[1]) classes += " col-sm-".concat(cols[1]);
+  if (cols[2]) classes += " col-md-".concat(cols[2]);
+  if (cols[3]) classes += " col-lg-".concat(cols[3]);
   return classes;
 };
 const GridCol = props => {
@@ -27,7 +27,7 @@ const GridCol = props => {
   const gridClasses = getClass(cols || '');
   if (!visible) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${customClass} ${gridClasses}`,
+    className: "".concat(customClass, " ").concat(gridClasses),
     style: style
   }, children);
 };

package/lib/gridlayout/GridRow.js

@@ -12,10 +12,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const getClass = props => `row ${props.customClass}
-    ${props.withTrim && ' -withtrim'}
-    ${props.verticalAlign && ` align-items-${props.verticalAlign}`}
-    ${props.horizontalAlign && ` justify-content-${props.horizontalAlign}`}`;
+const getClass = props => "row ".concat(props.customClass, "\n    ").concat(props.withTrim && ' -withtrim', "\n    ").concat(props.verticalAlign && " align-items-".concat(props.verticalAlign), "\n    ").concat(props.horizontalAlign && " justify-content-".concat(props.horizontalAlign));
 const GridRow = props => {
   const {
     style,

package/lib/gridlayout/types.d.ts

@@ -8,7 +8,7 @@ interface IGridCol {
     visible?: boolean;
 }
 interface IGridRow {
-    children: ReactNode | ReactNode[];
+    children?: ReactNode | ReactNode[];
     verticalAlign?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
     horizontalAlign?: string;
     style?: CSSProperties;

package/lib/hint/index.js

@@ -22,13 +22,7 @@ const Hint = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     "aria-disabled": disabled,
     style: style,
-    className: `
-        hint-component
-        ${customClass}
-        ${skeletonize ? '-skeletonized' : ''}
-        ${disabled ? '-disabled' : ''}
-        -${color}
-      `
+    className: "\n        hint-component\n        ".concat(customClass, "\n        ").concat(skeletonize ? '-skeletonized' : '', "\n        ").concat(disabled ? '-disabled' : '', "\n        -").concat(color, "\n      ")
   }, Array.isArray(description) ? (0, _helpers.showHintList)(description) : /*#__PURE__*/_react.default.createElement("span", {
     "aria-disabled": disabled
   }, description));

package/lib/icons/helper.d.ts

@@ -19,6 +19,10 @@ declare const _default: {
         viewbox: string;
         paths: string[];
     };
+    supplier: {
+        viewbox: string;
+        paths: string[];
+    };
     mail: {
         viewbox: string;
         paths: string[];
@@ -607,6 +611,22 @@ declare const _default: {
         viewbox: string;
         paths: string[];
     };
+    similarity: {
+        viewbox: string;
+        paths: string[];
+    };
+    fileStack: {
+        viewbox: string;
+        paths: string[];
+    };
+    tree: {
+        viewbox: string;
+        paths: string[];
+    };
+    bank: {
+        viewbox: string;
+        paths: string[];
+    };
 };
 
 export { _default as default };

package/lib/icons/helper.js

@@ -25,6 +25,10 @@ var _default = exports.default = {
     viewbox: '0 0 16 16',
     paths: ['M4 5c0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.209-1.791 4-4 4s-4-1.791-4-4zM12 10h-8c-2.209 0-4 1.791-4 4v1h16v-1c0-2.209-1.791-4-4-4z']
   },
+  supplier: {
+    viewbox: '0 0 16 16',
+    paths: ['M12 12.041v-0.825c1.101-0.621 2-2.168 2-3.716 0-2.485 0-4.5-3-4.5s-3 2.015-3 4.5c0 1.548 0.898 3.095 2 3.716v0.825c-3.392 0.277-6 1.944-6 3.959h14c0-2.015-2.608-3.682-6-3.959z', 'M3.242 9.625c-0.212 0.077-0.416 0.161-0.611 0.25h4.782c-0.038-0.083-0.075-0.166-0.109-0.25h-4.062z', 'M0.425 11.625c-0.053 0.082-0.101 0.165-0.144 0.25h5.834c0.192-0.089 0.389-0.172 0.593-0.25h-6.284z', 'M1.367 10.625c-0.105 0.081-0.204 0.164-0.299 0.25h6.933c-0.060-0.081-0.118-0.165-0.174-0.25h-6.461z', 'M5.261 9.125c-0.424 0.062-0.833 0.146-1.222 0.25h3.17c-0.030-0.083-0.057-0.166-0.083-0.25h-1.864z', 'M6 8.625v0.25h1.054c-0.022-0.083-0.041-0.166-0.059-0.25h-0.995z', 'M5.851 8.125c0.049 0.032 0.099 0.063 0.149 0.091v0.159h0.947c-0.014-0.083-0.025-0.167-0.035-0.25h-1.062z', 'M0.030 12.625c-0.013 0.083-0.022 0.166-0.027 0.25h4.501c0.102-0.085 0.209-0.169 0.321-0.25h-4.795z', 'M1.719 10.375h5.955c-0.024-0.042-0.048-0.084-0.072-0.127-0.022-0.041-0.044-0.082-0.066-0.123h-5.402c-0.145 0.080-0.283 0.163-0.415 0.25z', 'M4.005 3.625c-0.002 0.083-0.003 0.166-0.003 0.25h3.339c0.004-0.009 0.008-0.018 0.012-0.028 0.035-0.076 0.073-0.15 0.112-0.222h-3.46z', 'M0.168 12.125c-0.032 0.082-0.060 0.166-0.083 0.25h5.109c0.136-0.087 0.277-0.17 0.423-0.25h-5.449z', 'M4.643 0.875h4.713c-0.070-0.089-0.148-0.173-0.234-0.25h-4.245c-0.086 0.077-0.164 0.161-0.234 0.25z', 'M0.602 11.375h6.845c0.256-0.076 0.519-0.145 0.787-0.204-0.013-0.015-0.025-0.030-0.038-0.046h-7.381c-0.076 0.082-0.147 0.165-0.213 0.25z', 'M5.255 7.625c0.085 0.089 0.173 0.173 0.263 0.25h1.371c-0.006-0.083-0.010-0.167-0.012-0.25h-1.622z', 'M4.848 7.125c0.060 0.086 0.123 0.17 0.188 0.25h1.84c0-0.084 0-0.167 0-0.25h-2.027z', 'M4.255 1.625c-0.027 0.081-0.050 0.164-0.072 0.25h5.632c-0.021-0.086-0.045-0.169-0.072-0.25h-5.489z', 'M4.13 2.125c-0.015 0.082-0.029 0.165-0.041 0.25h4.625c0.179-0.098 0.372-0.181 0.578-0.25h-5.162z', 'M4.022 3.125c-0.004 0.082-0.008 0.166-0.010 0.25h3.605c0.058-0.087 0.12-0.17 0.185-0.25h-3.78z', 'M4.059 2.625c-0.008 0.082-0.016 0.165-0.022 0.25h3.995c0.092-0.089 0.189-0.173 0.292-0.25h-4.265z', 'M5.866 0.125c-0.243 0.062-0.455 0.146-0.638 0.25h3.544c-0.184-0.104-0.396-0.188-0.639-0.25h-2.266z', 'M4.544 6.625c0.045 0.085 0.092 0.169 0.141 0.25h2.192c0.001-0.084 0.002-0.167 0.003-0.25h-2.336z', 'M4.475 1.125c-0.046 0.080-0.088 0.163-0.125 0.25h5.3c-0.037-0.087-0.079-0.17-0.125-0.25h-5.050z', 'M4.152 5.625c0.022 0.084 0.048 0.167 0.074 0.25h2.683c0.005-0.084 0.012-0.167 0.019-0.25h-2.777z', 'M4.316 6.125c0.033 0.085 0.068 0.168 0.105 0.25h2.464c0.003-0.084 0.006-0.167 0.009-0.25h-2.579z', 'M4 4.125c-0 0.083-0 0.166-0 0.25h3.155c0.025-0.085 0.053-0.168 0.084-0.25h-3.238z', 'M4.002 4.625c0.003 0.083 0.008 0.167 0.016 0.25h3.014c0.016-0.084 0.035-0.168 0.055-0.25h-3.085z', 'M4.048 5.125c0.013 0.084 0.027 0.167 0.045 0.25h2.862c0.010-0.084 0.021-0.167 0.034-0.25h-2.941z']
+  },
   mail: {
     viewbox: '0 0 16 16',
     paths: ['M13.333 0h-10.666c-1.467 0-2.667 1.2-2.667 2.667v10.666c0 1.468 1.2 2.667 2.667 2.667h10.666c1.467 0 2.667-1.199 2.667-2.667v-10.666c0-1.467-1.2-2.667-2.667-2.667zM2.854 13.854l-1.207-1.207 4-4 0.457 0.457-3.25 4.75zM2.396 3.104l0.457-0.457 5.146 4.146 5.146-4.146 0.457 0.457-5.604 6.604-5.604-6.604zM13.146 13.854l-3.25-4.75 0.457-0.457 4 4-1.207 1.207z']
@@ -612,5 +616,21 @@ var _default = exports.default = {
   user_block: {
     viewbox: '0 0 16 16',
     paths: ['M7.5 16h-6.977c-0.14 0-0.274-0.059-0.369-0.163s-0.141-0.242-0.129-0.382c0.11-1.22 0.585-2.363 1.373-3.305 0.697-0.832 1.59-1.452 2.602-1.809l0-0.475c-0.562-0.385-1.037-0.926-1.385-1.582-0.402-0.758-0.615-1.634-0.615-2.535 0-1.251 0.405-2.431 1.139-3.323 0.758-0.92 1.774-1.427 2.861-1.427 2.119 0 3.874 1.966 3.993 4.476 0.013 0.276-0.2 0.51-0.476 0.523s-0.51-0.2-0.523-0.476c-0.094-1.976-1.41-3.524-2.995-3.524-1.654 0-3 1.682-3 3.75 0 1.457 0.687 2.795 1.75 3.408 0.155 0.089 0.25 0.254 0.25 0.433l-0 1.116c0 0.224-0.149 0.42-0.364 0.481-0.967 0.274-1.822 0.828-2.471 1.604-0.538 0.643-0.901 1.397-1.064 2.208h6.4c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z', 'M11.5 7c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5zM8 11.5c0-1.93 1.57-3.5 3.5-3.5 0.785 0 1.511 0.26 2.095 0.698l-4.897 4.897c-0.438-0.584-0.698-1.31-0.698-2.095zM11.5 15c-0.785 0-1.511-0.26-2.095-0.698l4.897-4.897c0.438 0.584 0.698 1.31 0.698 2.095 0 1.93-1.57 3.5-3.5 3.5z']
+  },
+  similarity: {
+    viewbox: '0 0 16 16',
+    paths: ['M13 4h-3v-1l-3-3h-7v12h6v4h10v-9l-3-3zM13 5.414l1.586 1.586h-1.586v-1.586zM7 1.414l1.586 1.586h-1.586v-1.586zM1 1h5v3h3v7h-8v-10zM15 15h-8v-3h3v-7h2v3h3v7z']
+  },
+  fileStack: {
+    viewbox: '0 0 16 16',
+    paths: ['M13.75 4h-0.75v-0.75c0-0.689-0.561-1.25-1.25-1.25h-0.75v-0.75c0-0.689-0.561-1.25-1.25-1.25h-7.5c-0.689 0-1.25 0.561-1.25 1.25v9.5c0 0.689 0.561 1.25 1.25 1.25h0.75v0.75c0 0.689 0.561 1.25 1.25 1.25h0.75v0.75c0 0.689 0.561 1.25 1.25 1.25h7.5c0.689 0 1.25-0.561 1.25-1.25v-9.5c0-0.689-0.561-1.25-1.25-1.25zM2.25 11c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.137 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.113 0.25 0.25v0.75h-5.75c-0.689 0-1.25 0.561-1.25 1.25v7.75h-0.75zM4.25 13c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.138 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.112 0.25 0.25v0.75h-5.75c-0.689 0-1.25 0.561-1.25 1.25v7.75h-0.75zM14 14.75c0 0.137-0.113 0.25-0.25 0.25h-7.5c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.138 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.112 0.25 0.25v9.5z']
+  },
+  tree: {
+    viewbox: '0 0 16 16',
+    paths: ['M15.25 12h-0.25v-3.25c0-0.965-0.785-1.75-1.75-1.75h-4.25v-2h0.25c0.412 0 0.75-0.338 0.75-0.75v-2.5c0-0.413-0.338-0.75-0.75-0.75h-2.5c-0.412 0-0.75 0.337-0.75 0.75v2.5c0 0.412 0.338 0.75 0.75 0.75h0.25v2h-4.25c-0.965 0-1.75 0.785-1.75 1.75v3.25h-0.25c-0.412 0-0.75 0.338-0.75 0.75v2.5c0 0.412 0.338 0.75 0.75 0.75h2.5c0.413 0 0.75-0.338 0.75-0.75v-2.5c0-0.412-0.337-0.75-0.75-0.75h-0.25v-3h4v3h-0.25c-0.412 0-0.75 0.338-0.75 0.75v2.5c0 0.412 0.338 0.75 0.75 0.75h2.5c0.412 0 0.75-0.338 0.75-0.75v-2.5c0-0.412-0.338-0.75-0.75-0.75h-0.25v-3h4v3h-0.25c-0.412 0-0.75 0.338-0.75 0.75v2.5c0 0.412 0.338 0.75 0.75 0.75h2.5c0.412 0 0.75-0.338 0.75-0.75v-2.5c0-0.412-0.338-0.75-0.75-0.75zM3 15h-2v-2h2v2zM9 15h-2v-2h2v2zM7 4v-2h2v2h-2zM15 15h-2v-2h2v2z']
+  },
+  bank: {
+    viewbox: '0 0 16 16',
+    paths: ['M16 15v-1h-1v-6h1v-1h-3v1h1v6h-3v-6h1v-1h-3v1h1v6h-3v-6h1v-1h-3v1h1v6h-3v-6h1v-1h-3v1h1v6h-1v1h-1v1h17v-1h-1z', 'M8 0h1l8 5v1h-17v-1l8-5z']
   }
 };

package/lib/icons/index.js

@@ -34,35 +34,38 @@ const Icon = _ref => {
   const isUsingColorStyle = colorStyle !== 'default';
   const colorFromProp = isUsingColorStyle || !color ? undefined : color;
   const refSvg = (0, _react.useRef)(null);
-  const viewBoxFromIconOrSvgStrcut = name ? listIcon[name].viewbox : svgStruct?.viewbox;
-  const getPaths = () => name ? listIcon[name].paths : svgStruct?.paths;
-  const getSvg = () => /*#__PURE__*/_react.default.createElement("svg", {
-    "data-testid": "icon",
-    "data-color-style": colorStyle,
-    onClick: () => {
-      if (onClick && !disabled) onClick();
-    },
-    ref: r => {
-      refSvg.current = r;
-    },
-    width: `${size}px`,
-    height: `${size}px`,
-    fill: disabled ? disabledIconColor : colorFromProp,
-    viewBox: viewBox || viewBoxFromIconOrSvgStrcut,
-    className: `icon-component ${customClass}`,
-    pointerEvents: pointerEvents,
-    style: style
-  }, getPaths()?.map(value => /*#__PURE__*/_react.default.createElement("path", {
-    "data-testid": "icon-path",
-    d: value,
-    key: value
-  })));
+  const viewBoxFromIconOrSvgStrcut = name ? listIcon[name].viewbox : svgStruct === null || svgStruct === void 0 ? void 0 : svgStruct.viewbox;
+  const getPaths = () => name ? listIcon[name].paths : svgStruct === null || svgStruct === void 0 ? void 0 : svgStruct.paths;
+  const getSvg = () => {
+    var _getPaths;
+    return /*#__PURE__*/_react.default.createElement("svg", {
+      "data-testid": "icon",
+      "data-color-style": colorStyle,
+      onClick: () => {
+        if (onClick && !disabled) onClick();
+      },
+      ref: r => {
+        refSvg.current = r;
+      },
+      width: "".concat(size, "px"),
+      height: "".concat(size, "px"),
+      fill: disabled ? disabledIconColor : colorFromProp,
+      viewBox: viewBox || viewBoxFromIconOrSvgStrcut,
+      className: "icon-component ".concat(customClass),
+      pointerEvents: pointerEvents,
+      style: style
+    }, (_getPaths = getPaths()) === null || _getPaths === void 0 ? void 0 : _getPaths.map(value => /*#__PURE__*/_react.default.createElement("path", {
+      "data-testid": "icon-path",
+      d: value,
+      key: value
+    })));
+  };
   if (color && colorStyle !== 'default') throw new Error('Expected only one of the two properties: colorStyle or color');
   if (!name && !svgStruct) throw new Error('One of the "name" and "svgStruct" props must be filled');
   if (!visible) return null;
   if (!tooltip) return getSvg();
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `icon-component-container ${customClassForContainer}`,
+    className: "icon-component-container ".concat(customClassForContainer),
     ref: r => {
       if (targetRef && r) targetRef(r);
     }

package/lib/inputs/base/InputTextBase.js

@@ -118,11 +118,13 @@ const InputTextBase = props => {
     if (!disableCallbacks) {
       propsInput = _objectSpread(_objectSpread({}, propsInput), {}, {
         onFocus: e => {
-          props.onInputReceiveFocus?.();
+          var _props$onInputReceive;
+          (_props$onInputReceive = props.onInputReceiveFocus) === null || _props$onInputReceive === void 0 ? void 0 : _props$onInputReceive.call(props);
           if (props.onFocus) props.onFocus(e);
         },
         onBlur: e => {
-          props.onInputLostFocus?.();
+          var _props$onInputLostFoc;
+          (_props$onInputLostFoc = props.onInputLostFocus) === null || _props$onInputLostFoc === void 0 ? void 0 : _props$onInputLostFoc.call(props);
           if (props.onBlur) props.onBlur(e);
         },
         onKeyDown: e => {
@@ -186,7 +188,7 @@ const InputTextBase = props => {
   if (!visible || unvisible) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
     style: style,
-    className: `input-base-component ${skeletonize ? '-skeletonized' : ''} ${customClass}`,
+    className: "input-base-component ".concat(skeletonize ? '-skeletonized' : '', " ").concat(customClass),
     ref: inputBaseRef
   }, label && /*#__PURE__*/_react.default.createElement("div", {
     className: "labelcontainer",
@@ -210,14 +212,15 @@ const InputTextBase = props => {
     }))
   }, leftElements && /*#__PURE__*/_react.default.createElement("div", {
     style: styleForSideButtons,
-    className: `sidebuttons ${customClassForSideButtons}`
+    className: "sidebuttons ".concat(customClassForSideButtons)
   }, leftElements), /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "testInputContent",
     style: styleForInputContent,
-    className: `inputcontent ${customClassForInputContent}`
+    className: "inputcontent ".concat(customClassForInputContent)
   }, type === 'textarea' ? /*#__PURE__*/_react.default.createElement("textarea", _extends({
     rows: props.rows,
-    cols: props.cols
+    cols: props.cols,
+    tabIndex: applyTabIndex()
   }, inputProps())) : /*#__PURE__*/_react.default.createElement("input", _extends({
     autoComplete: autoComplete,
     tabIndex: applyTabIndex(),

package/lib/inputs/base/Label.js

@@ -27,7 +27,7 @@ const Label = props => {
       }
     },
     onMouseEnter: onHoverLabel,
-    className: `label ${customClassForLabel} ${labelUppercase && ' -uppercase'}`
+    className: "label ".concat(customClassForLabel, " ").concat(labelUppercase && ' -uppercase')
   }, label, required && /*#__PURE__*/_react.default.createElement("span", {
     className: "-requiredlabel"
   }, "*"));

package/lib/inputs/base/helpers.js

@@ -13,7 +13,7 @@ const getInputClass = _ref => {
     readOnly,
     readOnlyClass
   } = _ref;
-  return `textinput text-align-${textAlign} ${readOnlyClass} ${readOnly ? ' -readonly' : ''}`;
+  return "textinput text-align-".concat(textAlign, " ").concat(readOnlyClass, " ").concat(readOnly ? ' -readonly' : '');
 };
 exports.getInputClass = getInputClass;
 const getInputWrapperClass = props => {
@@ -24,11 +24,7 @@ const getInputWrapperClass = props => {
     errorMessages,
     disabled
   } = props;
-  return `inputwrapper ${inputHasFocus && ' -focusable'}
-          ${customClassForWrapper}
-          ${errorMessages && errorMessages.length > 0 && ' -requirederror'}
-          ${rounded && ' -roundedborders'}
-          ${disabled && ' -disabled'}`;
+  return "inputwrapper ".concat(inputHasFocus && ' -focusable', "\n          ").concat(customClassForWrapper, "\n          ").concat(errorMessages && errorMessages.length > 0 && ' -requirederror', "\n          ").concat(rounded && ' -roundedborders', "\n          ").concat(disabled && ' -disabled');
 };
 exports.getInputWrapperClass = getInputWrapperClass;
 const getRightElements = (errorMessages, skeletonize, rightElements) => {
@@ -38,7 +34,7 @@ const getRightElements = (errorMessages, skeletonize, rightElements) => {
     elements = [elements];
   }
   elements = elements.map((element, index) => element && /*#__PURE__*/_react.default.cloneElement(element, {
-    key: `rightelement-${index + 1}`
+    key: "rightelement-".concat(index + 1)
   }));
   if (errorMessages) return elements;
   return elements;

package/lib/inputs/date/helpers.js

@@ -15,10 +15,7 @@ const getCalendarDropdownStyle = _ref => {
     width,
     minWidth
   } = _ref;
-  return `top: ${topPosition}px;
-  left: ${leftPosition}px;
-  width: ${width}px;
-  min-width: ${minWidth}px;`;
+  return "top: ".concat(topPosition, "px;\n  left: ").concat(leftPosition, "px;\n  width: ").concat(width, "px;\n  min-width: ").concat(minWidth, "px;");
 };
 exports.getCalendarDropdownStyle = getCalendarDropdownStyle;
 const getMomentValue = value => {