@trilogy-ds/react 0.0.9-beta-v4 → 0.0.9-calendar

package/lib/components/image/Image.d.ts

@@ -1,15 +1,19 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { ImageProps } from './ImageProps';
 /**
  * Image Component
  * @param src {string} Image source
  * @param alt {string} Image alt
- * @param rounded {boolean} Image rounded
+ * @param radius {RadiusValues} Image border radius size
  * @param width {number|string} Image width (Number if not percent else string)
  * @param height {number|string} Image height (Number if not percent else string)
  * @param onClick {Function} onClick Event
+ * @param align {Alignable} Align Image
+ * @param circled {boolean} Circled Image
+ * -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param cache {ImageCache} Caching strategy for the image
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
+ * @param className {string} Additional CSS Classes (ONLY FOR WEB)
  */
-declare const Image: ({ src, alt, className, id, circled, width, height, onClick, radius, align, ...others }: ImageProps) => JSX.Element;
+declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLElement>>;
 export default Image;

package/lib/components/image/Image.js

@@ -1,23 +1,28 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { has, is } from '../../services';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
 import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers';
 import { getJustifiedClassName } from '../../objects';
+import { has, is } from '../../services';
+import clsx from 'clsx';
+import * as React from 'react';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Image Component
  * @param src {string} Image source
  * @param alt {string} Image alt
- * @param rounded {boolean} Image rounded
+ * @param radius {RadiusValues} Image border radius size
  * @param width {number|string} Image width (Number if not percent else string)
  * @param height {number|string} Image height (Number if not percent else string)
  * @param onClick {Function} onClick Event
+ * @param align {Alignable} Align Image
+ * @param circled {boolean} Circled Image
+ * -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param cache {ImageCache} Caching strategy for the image
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
+ * @param className {string} Additional CSS Classes (ONLY FOR WEB)
  */
-var Image = function (_a) {
-    var src = _a.src, alt = _a.alt, className = _a.className, id = _a.id, circled = _a.circled, width = _a.width, height = _a.height, onClick = _a.onClick, radius = _a.radius, align = _a.align, others = __rest(_a, ["src", "alt", "className", "id", "circled", "width", "height", "onClick", "radius", "align"]);
+var Image = React.forwardRef(function (_a, ref) {
+    var src = _a.src, _b = _a.alt, alt = _b === void 0 ? '' : _b, className = _a.className, id = _a.id, circled = _a.circled, width = _a.width, height = _a.height, onClick = _a.onClick, radius = _a.radius, align = _a.align, others = __rest(_a, ["src", "alt", "className", "id", "circled", "width", "height", "onClick", "radius", "align"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('image', className, align && is(getJustifiedClassName(align))));
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -27,11 +32,12 @@ var Image = function (_a) {
             height: height,
         },
     };
-    return (React.createElement("figure", __assign({ id: id, onClick: function (e) {
+    return (React.createElement("figure", __assign({ ref: ref, id: id, onClick: function (e) {
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e.stopPropagation();
         }, className: classes }, others),
         React.createElement("img", { style: styles.image, className: hashClass(styled, clsx(radius && has("border-radius-".concat(radius)), circled ? is('circled') : '')), src: typeof src === 'string' ? src : '', alt: alt })));
-};
+});
+Image.displayName = ComponentName.Image;
 export default Image;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ltYWdlL0ltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDcEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVqRDs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQVlGO0lBWFgsSUFBQSxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDRixNQUFNLGNBWEksNkZBWWQsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQTtJQUV0Ryw4REFBOEQ7SUFDOUQsSUFBTSxNQUFNLEdBQThCO1FBQ3hDLEtBQUssRUFBRTtZQUNMLEtBQUssRUFBRSxLQUFLO1lBQ1osTUFBTSxFQUFFLE1BQU07U0FDZjtLQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wseUNBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU07UUFFViw2QkFDRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sSUFBSSxHQUFHLENBQUMsd0JBQWlCLE1BQU0sQ0FBRSxDQUFDLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQzFHLEdBQUcsRUFBRSxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUN2QyxHQUFHLEVBQUUsR0FBRyxHQUNSLENBQ0ssQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ltYWdlL0ltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ2pELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7Ozs7Ozs7O0dBY0c7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUF1QixVQUFDLEVBWXJELEVBQUUsR0FBRztJQVhKLElBQUEsR0FBRyxTQUFBLEVBQ0gsV0FBUSxFQUFSLEdBQUcsbUJBQUcsRUFBRSxLQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04sS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQVgyQyw2RkFZckQsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQTtJQUV0Ryw4REFBOEQ7SUFDOUQsSUFBTSxNQUFNLEdBQThCO1FBQ3hDLEtBQUssRUFBRTtZQUNMLEtBQUssRUFBRSxLQUFLO1lBQ1osTUFBTSxFQUFFLE1BQU07U0FDZjtLQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wseUNBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUE7WUFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7UUFDckIsQ0FBQyxFQUNELFNBQVMsRUFBRSxPQUFPLElBQ2QsTUFBTTtRQUVWLDZCQUNFLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUNuQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxJQUFJLEdBQUcsQ0FBQyx3QkFBaUIsTUFBTSxDQUFFLENBQUMsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFDMUcsR0FBRyxFQUFFLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQ3ZDLEdBQUcsRUFBRSxHQUFHLEdBQ1IsQ0FDSyxDQUNWLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLEtBQUssQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQTtBQUN2QyxlQUFlLEtBQUssQ0FBQSJ9

package/lib/components/image/Image.native.d.ts

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-import { ImageProps } from "./ImageProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import * as React from 'react';
+import { Image as ImageNative } from 'react-native';
+import { ImageProps } from './ImageProps';
 /**
  * Image Component
  * @param src {string} Image source
  * @param alt {string} Image alt
- * @param rounded {boolean} Image rounded
+ * @param radius {RadiusValues} Image border radius size
  * @param width {number|string} Image width (Number if not percent else string)
  * @param height {number|string} Image height (Number if not percent else string)
  * @param onClick {Function} onClick Event
+ * @param circled {boolean} Circled Image
+ * -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param cache {ImageCache} Caching strategy for the image
  */
-declare const Image: {
-    ({ src, alt, circled, width, height, onClick, ...others }: ImageProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<ImageNative>>;
 export default Image;

package/lib/components/image/Image.native.js

@@ -1,31 +1,54 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { Image as ImageNative, StyleSheet, TouchableOpacity, View, } from "react-native";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { ComponentName } from '../../components/enumsComponentsName';
+import * as React from 'react';
+import { Image as ImageNative, StyleSheet, TouchableOpacity, View } from 'react-native';
 /**
  * Image Component
  * @param src {string} Image source
  * @param alt {string} Image alt
- * @param rounded {boolean} Image rounded
+ * @param radius {RadiusValues} Image border radius size
  * @param width {number|string} Image width (Number if not percent else string)
  * @param height {number|string} Image height (Number if not percent else string)
  * @param onClick {Function} onClick Event
+ * @param circled {boolean} Circled Image
+ * -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param cache {ImageCache} Caching strategy for the image
  */
-var Image = function (_a) {
-    var src = _a.src, alt = _a.alt, circled = _a.circled, width = _a.width, height = _a.height, onClick = _a.onClick, others = __rest(_a, ["src", "alt", "circled", "width", "height", "onClick"]);
+var Image = React.forwardRef(function (_a, ref) {
+    var src = _a.src, _b = _a.alt, alt = _b === void 0 ? '' : _b, circled = _a.circled, width = _a.width, height = _a.height, onClick = _a.onClick, cache = _a.cache, others = __rest(_a, ["src", "alt", "circled", "width", "height", "onClick", "cache"]);
     var styles = StyleSheet.create({
         image: {
-            width: width ? width : "100%",
-            height: height ? height : "100%",
+            width: width ? width : '100%',
+            height: height ? height : '100%',
             borderRadius: circled ? 100 : 0,
-            overflow: circled ? "hidden" : "visible",
-            resizeMode: "contain"
+            overflow: circled ? 'hidden' : 'visible',
+            resizeMode: 'contain',
         },
     });
-    var image = (React.createElement(ImageNative, __assign({ style: styles.image, accessibilityLabel: alt, source: typeof src === "number" ? src : { uri: src } }, others)));
+    var getCachePolicy = function (cacheType) {
+        switch (cacheType) {
+            case 'immutable':
+                // Aggressive caching - image never changes, cache indefinitely
+                return 'force-cache';
+            case 'cacheOnly':
+                // Only load from cache, never fetch from network
+                return 'only-if-cached';
+            case 'web':
+            default:
+                // Standard web behavior - respect HTTP headers and cache intelligently
+                return 'default';
+        }
+    };
+    var imageSource = typeof src === 'number'
+        ? src
+        : {
+            uri: src,
+            cache: getCachePolicy(cache)
+        };
+    var image = (React.createElement(ImageNative, __assign({ ref: ref, style: styles.image, accessibilityLabel: alt, source: imageSource }, others, { alt: alt })));
     return onClick ? (React.createElement(View, null,
         React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, image))) : (image);
-};
+});
 Image.displayName = ComponentName.Image;
 export default Image;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9pbWFnZS9JbWFnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsS0FBSyxJQUFJLFdBQVcsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxHQUFHLE1BQU0sY0FBYyxDQUFBO0FBRXhGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFRRjtJQVBYLElBQUEsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ0osTUFBTSxjQVBJLHVEQVFkLENBRFU7SUFFVCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLEtBQUssRUFBRTtZQUNMLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUM3QixNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDaEMsWUFBWSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQy9CLFFBQVEsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUztZQUN4QyxVQUFVLEVBQUUsU0FBUztTQUN0QjtLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sS0FBSyxHQUFHLENBQ1osb0JBQUMsV0FBVyxhQUNWLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUNuQixrQkFBa0IsRUFBRSxHQUFHLEVBQ3ZCLE1BQU0sRUFBRSxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQ2hELE1BQU0sRUFDVixDQUNILENBQUE7SUFFRCxPQUFPLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDZixvQkFBQyxJQUFJO1FBQ0gsb0JBQUMsZ0JBQWdCLElBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsSUFBSSxJQUNwRCxLQUFLLENBQ1csQ0FDZCxDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0YsS0FBSyxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9pbWFnZS9JbWFnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLEtBQUssSUFBSSxXQUFXLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUd2Rjs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTZCLFVBQUMsRUFBb0UsRUFBRSxHQUFHO0lBQXZFLElBQUEsR0FBRyxTQUFBLEVBQUUsV0FBUSxFQUFSLEdBQUcsbUJBQUcsRUFBRSxLQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUFsRSxnRUFBb0UsQ0FBRjtJQUM1SCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLEtBQUssRUFBRTtZQUNMLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUM3QixNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDaEMsWUFBWSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQy9CLFFBQVEsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUztZQUN4QyxVQUFVLEVBQUUsU0FBUztTQUN0QjtLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sY0FBYyxHQUFHLFVBQUMsU0FBc0I7UUFDNUMsUUFBUSxTQUFTLEVBQUU7WUFDakIsS0FBSyxXQUFXO2dCQUNkLCtEQUErRDtnQkFDL0QsT0FBTyxhQUFhLENBQUE7WUFDdEIsS0FBSyxXQUFXO2dCQUNkLGlEQUFpRDtnQkFDakQsT0FBTyxnQkFBZ0IsQ0FBQTtZQUN6QixLQUFLLEtBQUssQ0FBQztZQUNYO2dCQUNFLHVFQUF1RTtnQkFDdkUsT0FBTyxTQUFTLENBQUE7U0FDbkI7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFNLFdBQVcsR0FBRyxPQUFPLEdBQUcsS0FBSyxRQUFRO1FBQ3pDLENBQUMsQ0FBQyxHQUFHO1FBQ0wsQ0FBQyxDQUFDO1lBQ0UsR0FBRyxFQUFFLEdBQUc7WUFDUixLQUFLLEVBQUUsY0FBYyxDQUFDLEtBQUssQ0FBQztTQUM3QixDQUFBO0lBRUwsSUFBTSxLQUFLLEdBQUcsQ0FDWixvQkFBQyxXQUFXLGFBQ1YsR0FBRyxFQUFFLEdBQUcsRUFDUixLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFDbkIsa0JBQWtCLEVBQUUsR0FBRyxFQUN2QixNQUFNLEVBQUUsV0FBVyxJQUNmLE1BQU0sSUFDVixHQUFHLEVBQUUsR0FBRyxJQUNSLENBQ0gsQ0FBQTtJQUVELE9BQU8sT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNmLG9CQUFDLElBQUk7UUFDSCxvQkFBQyxnQkFBZ0IsSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxJQUFJLElBQ3BELEtBQUssQ0FDVyxDQUNkLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixLQUFLLENBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBRXZDLGVBQWUsS0FBSyxDQUFBIn0=

package/lib/components/image/ImageProps.d.ts

@@ -1,11 +1,12 @@
 import { AlignableProps, Clickable } from '../../objects';
-import { DimensionValue } from 'react-native';
+import { DimensionValue, type Image } from 'react-native';
 import { CommonProps } from '../../objects/facets/CommonProps';
 export declare enum RadiusValues {
     SMALL = "small",
     MEDIUM = "medium",
     LARGE = "large"
 }
+export type ImageCache = 'immutable' | 'web' | 'cacheOnly';
 export interface ImageProps extends AlignableProps, Clickable, CommonProps {
     src: string | number;
     alt?: string;
@@ -13,4 +14,7 @@ export interface ImageProps extends AlignableProps, Clickable, CommonProps {
     width?: DimensionValue | number | undefined;
     height?: DimensionValue | number | undefined;
     radius?: RadiusValues;
+    cache?: ImageCache;
 }
+export type ImageRef = HTMLElement;
+export type ImageNativeRef = Image;

package/lib/components/image/ImagePropsDefaults.js

@@ -52,6 +52,15 @@ export default {
       "large"
     ]
   },
+  "cache": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "immutable",
+      "web",
+      "cacheOnly"
+    ]
+  },
   "align": {
     "type": "enum",
     "values": [
@@ -59,9 +68,11 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
+      "ALIGNED_STRETCH",
       "ALIGNED_CENTER",
       "ALIGNED_START",
-      "ALIGNED_END"
+      "ALIGNED_END",
+      "ALIGNED_STRETCH"
     ]
   },
   "verticalAlign": {
@@ -71,9 +82,11 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
+      "ALIGNED_STRETCH",
       "ALIGNED_CENTER",
       "ALIGNED_START",
-      "ALIGNED_END"
+      "ALIGNED_END",
+      "ALIGNED_STRETCH"
     ]
   },
   "onClick": {

package/lib/components/index.d.ts

@@ -6,6 +6,7 @@ export * from './badge';
 export * from './box';
 export * from './breadcrumb';
 export * from './button';
+export * from './calendar';
 export * from './card';
 export * from './checkbox';
 export * from './chips';
@@ -14,6 +15,7 @@ export * from './container';
 export * from './countdown';
 export * from './divider';
 export * from './fab';
+export * from './flex-box';
 export * from './hero';
 export * from './icon';
 export * from './image';

package/lib/components/index.js

@@ -7,6 +7,7 @@ export * from './badge';
 export * from './box';
 export * from './breadcrumb';
 export * from './button';
+export * from './calendar';
 export * from './card';
 export * from './checkbox';
 export * from './chips';
@@ -15,6 +16,7 @@ export * from './container';
 export * from './countdown';
 export * from './divider';
 export * from './fab';
+export * from './flex-box';
 export * from './hero';
 export * from './icon';
 export * from './image';
@@ -47,4 +49,4 @@ export * from './textarea';
 export * from './timeline';
 export * from './title';
 export * from './view';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFCQUFxQjtBQUNyQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLGdCQUFnQixDQUFBO0FBQzlCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsVUFBVSxDQUFBO0FBQ3hCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsZ0JBQWdCLENBQUE7QUFDOUIsY0FBYyxZQUFZLENBQUE7QUFDMUIsY0FBYyxTQUFTLENBQUE7QUFDdkIsY0FBYyxTQUFTLENBQUE7QUFDdkIsY0FBYyxRQUFRLENBQUE7QUFDdEIsY0FBYyxlQUFlLENBQUE7QUFDN0IsY0FBYyxXQUFXLENBQUE7QUFDekIsY0FBYyxtQkFBbUIsQ0FBQTtBQUNqQyxjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFdBQVcsQ0FBQTtBQUN6QixjQUFjLFdBQVcsQ0FBQTtBQUN6QixjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLFFBQVEsQ0FBQTtBQUN0QixjQUFjLE9BQU8sQ0FBQTtBQUNyQixjQUFjLFFBQVEsQ0FBQTtBQUN0QixjQUFjLFlBQVksQ0FBQTtBQUMxQixjQUFjLFlBQVksQ0FBQTtBQUMxQixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLFFBQVEsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFCQUFxQjtBQUNyQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLGdCQUFnQixDQUFBO0FBQzlCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsVUFBVSxDQUFBO0FBQ3hCLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsZ0JBQWdCLENBQUE7QUFDOUIsY0FBYyxZQUFZLENBQUE7QUFDMUIsY0FBYyxTQUFTLENBQUE7QUFDdkIsY0FBYyxTQUFTLENBQUE7QUFDdkIsY0FBYyxRQUFRLENBQUE7QUFDdEIsY0FBYyxlQUFlLENBQUE7QUFDN0IsY0FBYyxXQUFXLENBQUE7QUFDekIsY0FBYyxtQkFBbUIsQ0FBQTtBQUNqQyxjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFdBQVcsQ0FBQTtBQUN6QixjQUFjLFdBQVcsQ0FBQTtBQUN6QixjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLFFBQVEsQ0FBQTtBQUN0QixjQUFjLE9BQU8sQ0FBQTtBQUNyQixjQUFjLFFBQVEsQ0FBQTtBQUN0QixjQUFjLFlBQVksQ0FBQTtBQUMxQixjQUFjLFlBQVksQ0FBQTtBQUMxQixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLFFBQVEsQ0FBQSJ9

package/lib/components/input/ISecurityRulesDefaults.js

@@ -0,0 +1,23 @@
+export default {
+  "label": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "patternValidator": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "RegExp"
+    ]
+  },
+  "dataAttribute": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "{ [key: string]: string | number | boolean; }"
+    ]
+  }
+};

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

@@ -1,7 +1,49 @@
-import { Accessibility } from '../../objects';
 import React from 'react';
+import { Accessibility } from '../../objects';
 import { InputProps, InputWebEvents } from './InputProps';
 export interface InputProp extends Accessibility, InputProps, InputWebEvents {
 }
-declare const _default: React.ForwardRefExoticComponent<InputProp & React.RefAttributes<HTMLInputElement>>;
-export default _default;
+/**
+ * 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.js

@@ -1,11 +1,13 @@
 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 clsx from 'clsx';
-import React, { forwardRef, useCallback, useEffect, useState } from 'react';
+import { ComponentName } from '../enumsComponentsName';
 import { Icon, IconName, IconSize } from '../icon';
 import { InputStatus, InputType } from './InputEnum';
 import InputGauge from './gauge/InputGauge';
@@ -32,12 +34,12 @@ import InputGauge from './gauge/InputGauge';
  * @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} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param onMouseEnter {Function} onMouseEnter Input Event
  * @param onMouseLeave {Function} onMouseLeave Input Event
  * @param onKeyPress {Function} onKeyPress Input Event
@@ -51,28 +53,34 @@ import InputGauge from './gauge/InputGauge';
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
  */
-var Input = function (_a, ref) {
+var Input = React.forwardRef(function (_a, ref) {
     var _b;
-    var forceControl = _a.forceControl, label = _a.label, sample = _a.sample, className = _a.className, id = _a.id, 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, _c = _a.type, type = _c === void 0 ? InputType.TEXT : _c, 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, textContentType = _a.textContentType, securityGauge = _a.securityGauge, validationRules = _a.validationRules, required = _a.required, 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", "textContentType", "securityGauge", "validationRules", "required"]);
+    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, securityRules = _a.securityRules, 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", "securityRules", "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 _d = __read(useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ''), 2), _value = _d[0], setValue = _d[1];
-    var _e = __read(useState(focused !== null && focused !== void 0 ? focused : false), 2), isFocused = _e[0], setIsFocused = _e[1];
-    var _f = __read(useState(false), 2), isDirty = _f[0], setIsDirty = _f[1];
-    var _g = __read(useState(false), 2), isTouched = _g[0], setIsTouched = _g[1];
-    var _h = __read(useState(status || InputStatus.DEFAULT), 2), localStatus = _h[0], setLocalStatus = _h[1];
-    var _j = __read(useState(type), 2), inputType = _j[0], setInputType = _j[1];
-    var _k = __read(useState(false), 2), isShowPwd = _k[0], setIsShowPwd = _k[1];
+    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 === 'password' && securityGauge && 'has-gauge'));
+    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 === 'password'),
-        _b['has-icons-left'] = iconNameLeft || type === InputType.SEARCH,
+        _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;
@@ -81,19 +89,22 @@ var Input = function (_a, ref) {
             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;
-        return (React.createElement("div", __assign({}, (type === 'password' && { 'data-show-pwd': true }), { onClick: function (e) {
+        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: hashClass(styled, clsx(is('justified-self'))), name: IconName.TIMES_CIRCLE, size: IconSize.SMALL }))));
+            _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); }
@@ -124,13 +135,13 @@ var Input = function (_a, ref) {
             onStatusChange(localStatus);
     }, [localStatus]);
     return (React.createElement("div", { className: wrapperClasses, "data-has-gauge": securityGauge ? true : undefined },
-        label && (React.createElement("label", { className: "input-label" },
+        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, typo: TypographyColor.TEXT_DISABLED }, sample)),
+        sample && (React.createElement(Text, { className: 'input-sample', level: TextLevels.TWO, id: idSample }, sample)),
         React.createElement("div", { className: controlClasses },
-            React.createElement("input", __assign({ id: id, required: required, role: 'textbox' }, others, { "aria-label": accessibilityLabel, 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) {
+            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({
@@ -162,6 +173,7 @@ var Input = function (_a, ref) {
                             inputValue: e.target.value,
                             inputSelectionStart: e.target.selectionStart,
                             target: e.target,
+                            event: e,
                         });
                     }
                 }, onFocus: function (e) {
@@ -171,11 +183,11 @@ var Input = function (_a, ref) {
                     onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
                     setIsFocused(false);
                 } })),
-            hasIcon && !localStatus && !loading && React.createElement(IconWrapper, { name: iconNameLeft }),
-            iconNameLeft && !loading && React.createElement(IconWrapper, { className: 'icon-left', name: iconNameLeft }),
-            iconNameRight && !loading && type !== 'password' && (React.createElement(IconWrapper, { className: 'icon-right', name: iconNameRight })),
-            !loading && type === 'password' && (React.createElement(IconWrapper, { className: 'icon-right', name: isShowPwd ? IconName.EYE_SLASH : IconName.EYE, onPress: function () {
-                    if (inputType === 'password') {
+            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);
                     }
@@ -184,9 +196,10 @@ var Input = function (_a, ref) {
                         setIsShowPwd(false);
                     }
                 } })),
-            loading && React.createElement("span", { className: hashClass(styled, clsx(is('searching'))) })),
-        help && React.createElement(Text, { className: helpClasses }, help),
-        securityGauge && type === 'password' && (React.createElement(InputGauge, { validationRules: validationRules, styled: styled, inputValue: _value }))));
-};
-export default forwardRef(Input);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L0lucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUE7QUFDcEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ2pELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDekMsT0FBTyxFQUFpQixlQUFlLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDOUQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQWEsV0FBVyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdEYsT0FBTyxFQUFFLElBQUksRUFBYSxRQUFRLEVBQWtCLFFBQVEsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUM3RSxPQUFPLEVBQUUsV0FBVyxFQUFxQixTQUFTLEVBQW1CLE1BQU0sYUFBYSxDQUFBO0FBRXhGLE9BQU8sVUFBVSxNQUFNLG9CQUFvQixDQUFBO0FBYTNDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXlDRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQ1osRUF3Q1ksRUFDWixHQUFnQzs7SUF4QzlCLElBQUEsWUFBWSxrQkFBQSxFQUNaLEtBQUssV0FBQSxFQUNMLE1BQU0sWUFBQSxFQUNOLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDVixPQUFPLGFBQUEsRUFDUCxXQUFXLGlCQUFBLEVBQ1gsT0FBTyxhQUFBLEVBQ1AsT0FB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
+            loading && React.createElement("span", { className: loader })),
+        help && (React.createElement(Text, { className: helpClasses, id: idHelp }, help)),
+        securityGauge && type === InputType.PASSWORD && (React.createElement(InputGauge, { validationRules: validationRules, securityRules: securityRules, styled: styled, inputValue: _value }))));
+});
+Input.displayName = ComponentName.Input;
+export default Input;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L0lucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxXQUFXLE1BQU0sK0JBQStCLENBQUE7QUFDdkQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3RFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUNqRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3pDLE9BQU8sRUFBaUIsZUFBZSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQzlELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxJQUFJLEVBQWEsUUFBUSxFQUFrQixRQUFRLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDN0UsT0FBTyxFQUFFLFdBQVcsRUFBcUIsU0FBUyxFQUFtQixNQUFNLGFBQWEsQ0FBQTtBQUV4RixPQUFPLFVBQVUsTUFBTSxvQkFBb0IsQ0FBQTtBQWMzQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F5Q0c7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUNFLEVBeUNDLEVBQ0QsR0FBRzs7SUF6Q0QsSUFBQSxZQUFZLGtCQUFBLEVBQ1osS0FBSyxXQUFBLEVBQ0wsTUFBTSxZQUFBLEVBQ04sU0FBUyxlQUFBLEVBQ1QsVUFBa0IsRUFBbEIsRUFB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

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { ComponentName } from '../../components/enumsComponentsName';
+import React from 'react';
+import { TextInput } from 'react-native';
 import { InputNativeEvents, InputProps } from './InputProps';
 export interface InputNativeProps extends InputProps, InputNativeEvents {
 }
@@ -33,9 +33,7 @@ export interface InputNativeProps extends InputProps, InputNativeEvents {
  * @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: {
-    ({ defaultValue, name, label, sample, onChange, onFocus, onBlur, disabled, status, help, placeholder, type, keyboardStyle, autoCapitalize, autoCorrect, autoCompleteType, textContentType, keyboardType, keyType, onSubmit, maxLength, testId, accessibilityLabel, iconNameLeft, iconNameRight, securityGauge, validationRules, onIconClick, required, ...others }: InputNativeProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Input: React.ForwardRefExoticComponent<InputNativeProps & React.RefAttributes<TextInput>>;
 export default Input;