@trilogy-ds/react 0.0.1-beta.5 → 0.0.1-beta.50

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,44 @@
+// Dependencies
+import * as React from "react";
+import { is } from "../../../services/";
+// Testing methods
+import { fireEvent, render, screen } from "@testing-library/react";
+import renderer from "react-test-renderer";
+// Component to test
+import { Image } from "../";
+describe("Image component", () => {
+    test('should have "image" className', () => {
+        render(React.createElement(Image, { src: "https://www.test.com" }));
+        expect(screen.getByRole("figure")).toBeInTheDocument();
+        expect(screen.getByRole("figure")).toHaveClass("image");
+    });
+    test("should have correct lib attribute", () => {
+        render(React.createElement(Image, { src: "https://www.test.com" }));
+        expect(screen.getByRole("img")).toHaveAttribute("src", "https://www.test.com");
+    });
+    test("should have correct alt attribute", () => {
+        render(React.createElement(Image, { alt: "test", src: "https://www.test.com" }));
+        expect(screen.getByRole("img")).toHaveAttribute("alt", "test");
+    });
+    test('should have "is-rounded" className', () => {
+        render(React.createElement(Image, { rounded: true, src: "https://www.test.com" }));
+        expect(screen.getByRole("img")).toHaveClass(is("rounded"));
+    });
+    test('should not have "is-rounded" className', () => {
+        render(React.createElement(Image, { rounded: false, src: "https://www.test.com" }));
+        expect(screen.getByRole("img")).not.toHaveClass(is("rounded"));
+    });
+    test("should onClick attribut work", () => {
+        const mockCallBack = jest.fn();
+        render(React.createElement(Image, { onClick: mockCallBack, src: "https://www.test.com" }));
+        fireEvent.click(screen.getByRole("img"));
+        expect(mockCallBack).toHaveBeenCalled();
+    });
+    test("snapshot", () => {
+        const tree = renderer
+            .create(React.createElement(Image, { src: "https://www.test.com", alt: "test", rounded: true, width: 400, height: 200, onClick: jest.fn() }))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=Image.test.js.map

package/lib/components/image/test/Image.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.test.js","sourceRoot":"","sources":["../../../../components/image/test/Image.test.tsx"],"names":[],"mappings":"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"}

package/lib/components/index.d.ts

@@ -1,44 +1,39 @@
 export * from './accordion';
+export * from './alert';
 export * from './autolayout';
-export * from './autocomplete';
 export * from './badge';
 export * from './box';
 export * from './breadcrumb';
 export * from './button';
 export * from './card';
 export * from './checkbox';
+export * from './chips';
 export * from './columns';
 export * from './container';
 export * from './countdown';
-export * from './disclaimer';
 export * from './divider';
-export * from './dropdown';
 export * from './fab';
 export * from './hero';
 export * from './icon';
 export * from './image';
-export * from './info-block';
 export * from './input';
 export * from './link';
 export * from './list';
-export * from './menu';
 export * from './modal';
-export * from './notification';
-export * from './options';
+export * from './otp';
 export * from './pagination';
 export * from './popover';
 export * from './price';
 export * from './product-tour';
 export * from './progress';
-export * from './otp';
 export * from './radio';
+export * from './range';
 export * from './rows';
 export * from './scroll-view';
 export * from './section';
+export * from './segment-control';
 export * from './select';
 export * from './selector';
-export * from './slice';
-export * from './slider';
 export * from './spacer';
 export * from './stepper';
 export * from './sticker';
@@ -48,13 +43,6 @@ export * from './tabs';
 export * from './tag';
 export * from './text';
 export * from './textarea';
-export * from './tile';
 export * from './timeline';
 export * from './title';
-export * from './toaster';
-export * from './toolbar';
 export * from './view';
-export * from './segment-control';
-export * from './alert';
-export * from './chips';
-export * from './range';

package/lib/components/index.js

@@ -1,45 +1,40 @@
 // Components exports
 export * from './accordion';
+export * from './alert';
 export * from './autolayout';
-export * from './autocomplete';
 export * from './badge';
 export * from './box';
 export * from './breadcrumb';
 export * from './button';
 export * from './card';
 export * from './checkbox';
+export * from './chips';
 export * from './columns';
 export * from './container';
 export * from './countdown';
-export * from './disclaimer';
 export * from './divider';
-export * from './dropdown';
 export * from './fab';
 export * from './hero';
 export * from './icon';
 export * from './image';
-export * from './info-block';
 export * from './input';
 export * from './link';
 export * from './list';
-export * from './menu';
 export * from './modal';
-export * from './notification';
-export * from './options';
+export * from './otp';
 export * from './pagination';
 export * from './popover';
 export * from './price';
 export * from './product-tour';
 export * from './progress';
-export * from './otp';
 export * from './radio';
+export * from './range';
 export * from './rows';
 export * from './scroll-view';
 export * from './section';
+export * from './segment-control';
 export * from './select';
 export * from './selector';
-export * from './slice';
-export * from './slider';
 export * from './spacer';
 export * from './stepper';
 export * from './sticker';
@@ -49,14 +44,7 @@ export * from './tabs';
 export * from './tag';
 export * from './text';
 export * from './textarea';
-export * from './tile';
 export * from './timeline';
 export * from './title';
-export * from './toaster';
-export * from './toolbar';
 export * from './view';
-export * from './segment-control';
-export * from './alert';
-export * from './chips';
-export * from './range';
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA"}

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

@@ -1,6 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { InputProps, InputWebEvents } from './InputProps';
-interface InputProp extends InputProps, InputWebEvents {
+import { AutoCompleteProps, Item } from './autocomplete';
+export interface InputProp extends InputProps, InputWebEvents {
 }
 /**
  * Input Component
@@ -45,8 +46,32 @@ interface InputProp extends InputProps, InputWebEvents {
  * @param minLength {number} Textarea min length
  * @param accessibilityLabel {string} Accessibility label
  * @param testId {string} Test Id for Test Integration
+ * @param required {boolean} Required input
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
  */
-declare const Input: ({ forceControl, className, disabled, onChange, onKeyPress, onKeyUp, onIconClick, onClick, onFocus, onBlur, patternValidator, onMouseEnter, onMouseLeave, name, placeholder, type, defaultValue, value, loading, hovered, focused, hasIcon, customIcon, status, help, iconClassname, search, reference, onStatusChange, customValidator, onSubmit, minLength, maxLength, testId, accessibilityLabel, autoCompleteType, customIconLeft, customIconRight, securityGauge, validationRules, ...others }: InputProp) => JSX.Element;
+declare const Input: {
+    ({ forceControl, className, disabled, onChange, onKeyPress, onKeyUp, onIconClick, onClick, onFocus, onBlur, patternValidator, onMouseEnter, onMouseLeave, name, placeholder, type, defaultValue, value, loading, hovered, focused, hasIcon, customIcon, status, help, iconClassname, search, reference, onStatusChange, customValidator, onSubmit, minLength, maxLength, testId, accessibilityLabel, autoCompleteType, customIconLeft, customIconRight, securityGauge, validationRules, required, ...others }: InputProp): JSX.Element;
+    /**
+     * AutoComplete Component
+     * @param placeholder {string} placeholder for input
+     * @param defaultValue {string} Default Value for Input
+     * @param data {string[]} Datas AutoComplete list Item
+     * @param value {string} Value of Input
+     * @param onChange {Function} OnChange Input Event
+     * @param onFocus {Function} OnFocus Input Event
+     * @param children {Function} Custom Component for dropdown list
+     * @param displayMenu {boolean} Display Autocomplete Menu (default: true)
+     * @param matching {Function} matching function
+     * - ------------------ WEB PROPERTIES -----------------------
+     * @param classNameMenu {string} Additionnal CSS Classes for Menu
+     * @param absoluteMenu {boolean} Absolute position for Menu
+     * @param fullwidthMenu {boolean} Fullwidth size for Menu
+     * @param className {string} Additionnal CSS Classes
+     * @param onItemSelected {Function} OnSelectedItemList event
+     * @param customIcon {string} Additional icon classes
+     * @param debounceSuggestionsTimeout {number} Timeout for getSuggestions debounce
+     */
+    AutoComplete<T extends string | Item<unknown> = string>(props: AutoCompleteProps<T>): React.JSX.Element;
+};
 export default Input;