@trilogy-ds/react 0.0.3-beta-v4 → 0.0.3-fix-timepicker

package/lib/components/button/ButtonProps.d.ts

@@ -1,9 +1,12 @@
 /// <reference types="react" />
-import { ButtonMarkup, ButtonMarkupValues, ButtonType, ButtonTypeValues, ButtonVariant, ButtonVariantValues } from './ButtonEnum';
-import { Fullwidth } from '../../objects/facets/Fullwidth';
-import { Accessibility, Clickable, Dev } from '../../objects/facets';
+import { TouchableOpacity } from 'react-native';
 import { IconName, IconNameValues } from '../../components/icon';
+import { Accessibility } from '../../objects/facets/Accessibility';
+import { Clickable } from '../../objects/facets/Clickable';
 import { CommonProps } from '../../objects/facets/CommonProps';
+import { Dev } from '../../objects/facets/Dev';
+import { Fullwidth } from '../../objects/facets/Fullwidth';
+import { ButtonMarkup, ButtonMarkupValues, ButtonType, ButtonTypeValues, ButtonVariant, ButtonVariantValues } from './ButtonEnum';
 /**
  * Button Interface
  */
@@ -20,3 +23,5 @@ export interface ButtonProps extends Accessibility, Fullwidth, Clickable, Dev, C
     iconName?: IconName | IconNameValues;
     variant?: ButtonVariant | ButtonVariantValues;
 }
+export type ButtonRef = HTMLAnchorElement | HTMLElement | HTMLInputElement | HTMLButtonElement;
+export type ButtonNativeRef = TouchableOpacity;

package/lib/components/button/ButtonPropsDefaults.js

@@ -25,8 +25,8 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "a",
       "button",
+      "a",
       "input",
       "button",
       "input",
@@ -68,8 +68,17 @@ export default {
       "undefined",
       "symbol",
       "object",
+      "p",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6",
       "text",
       "search",
+      "button",
+      "image",
+      "time",
       "a",
       "abbr",
       "address",
@@ -85,7 +94,6 @@ export default {
       "blockquote",
       "body",
       "br",
-      "button",
       "canvas",
       "caption",
       "center",
@@ -111,11 +119,6 @@ export default {
       "footer",
       "form",
       "h1",
-      "h2",
-      "h3",
-      "h4",
-      "h5",
-      "h6",
       "head",
       "header",
       "hgroup",
@@ -146,7 +149,6 @@ export default {
       "optgroup",
       "option",
       "output",
-      "p",
       "param",
       "picture",
       "pre",
@@ -177,7 +179,6 @@ export default {
       "tfoot",
       "th",
       "thead",
-      "time",
       "title",
       "tr",
       "track",
@@ -224,7 +225,6 @@ export default {
       "filter",
       "foreignObject",
       "g",
-      "image",
       "line",
       "linearGradient",
       "marker",
@@ -253,9 +253,9 @@ export default {
     "values": [
       "undefined",
       "button",
-      "button",
       "reset",
       "submit",
+      "button",
       "reset",
       "submit"
     ]
@@ -269,13 +269,17 @@ export default {
       "tri-arrow-left",
       "tri-arrow-right",
       "tri-arrow-up",
+      "tri-arrow-high",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -287,18 +291,24 @@ export default {
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
       "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-clock",
       "tri-alert",
       "tri-arrow-down",
       "tri-arrow-left",
       "tri-arrow-right",
       "tri-arrow-up",
+      "tri-arrow-high",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -309,7 +319,9 @@ export default {
       "tri-picto-payment-cb",
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
-      "tri-picto-payment-visa"
+      "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-clock"
     ]
   },
   "variant": {

package/lib/components/button/list/ButtonList.d.ts

@@ -1,8 +1,12 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { ButtonListWebProps } from './ButtonListProps';
 /**
  * Button List Component
  * @param children {ReactNode} ButtonList children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param id
+ * @param align
+ * @param direction
  */
-declare const ButtonList: ({ className, id, align, direction, ...others }: ButtonListWebProps) => JSX.Element;
+declare const ButtonList: React.ForwardRefExoticComponent<ButtonListWebProps & React.RefAttributes<HTMLDivElement>>;
 export default ButtonList;

package/lib/components/button/list/ButtonList.js

@@ -1,18 +1,25 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { is } from '../../../services';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { useTrilogyContext } from '../../../context';
-import { getJustifiedClassName } from '../../../objects';
+import { hashClass } from '../../../helpers';
+import { getJustifiedClassName } from '../../../objects/facets/Justifiable';
+import { is } from '../../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
+import { ButtonListDirectionEnum } from './ButtonListEnum';
 /**
  * Button List Component
  * @param children {ReactNode} ButtonList children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param id
+ * @param align
+ * @param direction
  */
-var ButtonList = function (_a) {
-    var className = _a.className, id = _a.id, align = _a.align, _b = _a.direction, direction = _b === void 0 ? 'row' : _b, others = __rest(_a, ["className", "id", "align", "direction"]);
+var ButtonList = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, align = _a.align, direction = _a.direction, testId = _a.testId, others = __rest(_a, ["className", "id", "align", "direction", "testId"]);
     var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('buttons', className, align && is(getJustifiedClassName(align)), direction === 'column' && 'is-vertical')) }, others)));
-};
+    return (React.createElement("div", __assign({ "data-testid": testId, ref: ref, id: id, className: hashClass(styled, clsx('buttons', className, align && is(getJustifiedClassName(align)), direction === ButtonListDirectionEnum.COLUMN && is('vertical'))) }, others)));
+});
+ButtonList.displayName = ComponentName.ButtonList;
 export default ButtonList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVqRDs7O0dBR0c7QUFFSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBQTBFO0lBQXhFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsaUJBQWlCLEVBQWpCLFNBQVMsbUJBQUcsS0FBSyxLQUFBLEVBQUssTUFBTSxjQUFwRCx5Q0FBc0QsQ0FBRjtJQUM5RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFNBQVMsS0FBSyxRQUFRLElBQUksYUFBYSxDQUFDLENBQy9HLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBRzFEOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUFDLEVBQXNELEVBQUUsR0FBRztJQUF6RCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBcEQsbURBQXNELENBQUY7SUFDM0MsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHFEQUNlLE1BQU0sRUFDbkIsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQ2xCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULFNBQVMsRUFDVCxLQUFLLElBQUksRUFBRSxDQUFDLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ3pDLFNBQVMsS0FBSyx1QkFBdUIsQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUMvRCxDQUNGLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBQ2pELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/button/list/ButtonList.native.d.ts

@@ -1,12 +1,9 @@
-/// <reference types="react" />
-import type { ButtonListProps } from "./ButtonListProps";
-import { ComponentName } from "../../../components/enumsComponentsName";
+import * as React from 'react';
+import { View } from 'react-native';
+import type { ButtonListProps } from './ButtonListProps';
 /**
  * ButtonList Native Component
  * @param children {ReactNode} ButtonList children
  */
-declare const ButtonList: {
-    ({ children, }: ButtonListProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const ButtonList: React.ForwardRefExoticComponent<ButtonListProps & React.RefAttributes<View>>;
 export default ButtonList;

package/lib/components/button/list/ButtonList.native.js

@@ -1,15 +1,15 @@
 import { __assign } from "tslib";
-import * as React from "react";
-import { View } from '../../../components/view';
-import { ComponentName } from "../../../components/enumsComponentsName";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from 'react';
+import { View } from 'react-native';
 /**
  * ButtonList Native Component
  * @param children {ReactNode} ButtonList children
  */
-var ButtonList = function (_a) {
+var ButtonList = React.forwardRef(function (_a, ref) {
     var children = _a.children;
-    return React.createElement(View, __assign({}, { children: children }));
-};
+    return React.createElement(View, __assign({ ref: ref }, { children: children }));
+});
 ButtonList.displayName = ComponentName.ButtonList;
 export default ButtonList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBRUY7UUFEaEIsUUFBUSxjQUFBO0lBRVIsT0FBTyxvQkFBQyxJQUFJLGVBQUssRUFBRSxRQUFRLFVBQUEsRUFBRSxFQUFJLENBQUE7QUFDbkMsQ0FBQyxDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHbkM7OztHQUdHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBdUMsVUFBQyxFQUFZLEVBQUUsR0FBRztRQUFmLFFBQVEsY0FBQTtJQUNuRixPQUFPLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFNLEVBQUUsUUFBUSxVQUFBLEVBQUUsRUFBSSxDQUFBO0FBQzdDLENBQUMsQ0FBQyxDQUFBO0FBRUYsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/button/list/ButtonListProps.d.ts

@@ -1,14 +1,15 @@
 /// <reference types="react" />
-import { Alignable, AlignableValues } from '../../../objects';
-import type { DividerProps } from '../../../components/divider/DividerProps';
+import { ButtonListDirectionEnum, ButtonListDirectionEnumValues } from '../../../components/button/list/ButtonListEnum';
+import { View } from 'react-native';
 import type { ButtonProps } from '../../../components/button/ButtonProps';
+import type { DividerProps } from '../../../components/divider/DividerProps';
+import { AlignableProps, Dev } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
-import { ButtonListDirectionEnum, ButtonListDirectionEnumValues } from '../../../components/button/list/ButtonListEnum';
 type ButtonListChildrenTypes = React.ReactElement<ButtonProps | DividerProps> | undefined;
 /**
  * Button List Interface
  */
-export interface ButtonListProps {
+export interface ButtonListProps extends Dev {
     children?: ButtonListChildrenTypes | ButtonListChildrenTypes[];
 }
 /**
@@ -16,6 +17,8 @@ export interface ButtonListProps {
  */
 export interface ButtonListWebProps extends ButtonListProps, CommonProps {
     direction?: ButtonListDirectionEnum | ButtonListDirectionEnumValues;
-    align?: Alignable | AlignableValues;
+    align?: AlignableProps['align'];
 }
+export type ButtonListRef = HTMLDivElement;
+export type ButtonListNativeRef = View;
 export {};

package/lib/components/button/list/ButtonListPropsDefaults.js

@@ -6,5 +6,12 @@ export default {
       "JSXElementConstructor<any>>",
       "ButtonListChildrenTypes[]"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/button/list/ButtonListWebPropsDefaults.js

@@ -16,9 +16,19 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
+      "ALIGNED_STRETCH",
       "ALIGNED_CENTER",
       "ALIGNED_START",
-      "ALIGNED_END"
+      "ALIGNED_END",
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "children": {
@@ -29,6 +39,13 @@ export default {
       "ButtonListChildrenTypes[]"
     ]
   },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "id": {
     "type": "string",
     "values": [

package/lib/components/button/list/index.d.ts

@@ -1,2 +1,3 @@
 import ButtonList from './ButtonList';
+export * from './ButtonListEnum';
 export { ButtonList };

package/lib/components/button/list/index.js

@@ -1,3 +1,4 @@
 import ButtonList from './ButtonList';
+export * from './ButtonListEnum';
 export { ButtonList };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUVyQyxPQUFPLEVBQUUsVUFBVSxFQUFFLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUNyQyxjQUFjLGtCQUFrQixDQUFBO0FBRWhDLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQSJ9

package/lib/components/calendar/Calendar.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { CalendarProps } from './CalendarProps';
+/**
+ * Calendar Component
+ * @param value {Date | [Date, Date] | [Date] | []} Value for calendar
+ * @param minDate {Date} Min value for calendar
+ * @param maxDate {Date} Max value for calendar
+ * @param disabled {boolean} Disabled calendar
+ * @param readOnly {boolean} Read only calendar
+ * @param disabledDates {Date[]} Values disabled
+ * @param onChange {Function} OnChange Calendar Event
+ * @param onMonthChange {Function} onMonthChange Calendar Event
+ */
+declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLTableElement>>;
+export default Calendar;