@trilogy-ds/react 0.0.2-calendar → 0.0.2-storybook

package/lib/components/button/Button.js

@@ -20,18 +20,17 @@ import { ButtonMarkup } from './ButtonEnum';
  * @param testId {string} Test Id for Test Integration
  * @param iconName {IconName} If Icon, Button + Icon && Button IconName
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param markup {ButtonMarkup} HTML element : button|input|a (ONLY FOR WEB)
- * @param className {string} Additional css classes (ONLY FOR WEB)
- * @param id {string} Custom id for button (ONLY FOR WEB)
- * @param to {string} Link
+ * @param markup {ButtonMarkup} HTML element : button|input|a
+ * @param className {string} Additional CSS Classes
+ * @param id {string} Custom id attribute
+ * @param to {string} Router link destination
  * @param href {string} Href
  * @param name {string} Button name attribute
- * @param routerLink Custom Router Link as props
- * @param styled {boolean} Component Wearing Styles - Hashed Trilogy Css
- * @param type {ButtonType} button type (button|reset|submit)
+ * @param routerLink {React.ElementType} Custom Router Link component
+ * @param type {ButtonType} Button type (button|reset|submit)
  */
 var Button = React.forwardRef(function (_a, ref) {
-    var markup = _a.markup, loading = _a.loading, variant = _a.variant, href = _a.href, id = _a.id, fullwidth = _a.fullwidth, children = _a.children, className = _a.className, to = _a.to, accessibilityLabel = _a.accessibilityLabel, onClick = _a.onClick, name = _a.name, routerLink = _a.routerLink, type = _a.type, iconName = _a.iconName, disabled = _a.disabled, others = __rest(_a, ["markup", "loading", "variant", "href", "id", "fullwidth", "children", "className", "to", "accessibilityLabel", "onClick", "name", "routerLink", "type", "iconName", "disabled"]);
+    var markup = _a.markup, loading = _a.loading, variant = _a.variant, href = _a.href, id = _a.id, fullwidth = _a.fullwidth, children = _a.children, className = _a.className, to = _a.to, accessibilityLabel = _a.accessibilityLabel, onClick = _a.onClick, name = _a.name, routerLink = _a.routerLink, type = _a.type, iconName = _a.iconName, disabled = _a.disabled, testId = _a.testId, others = __rest(_a, ["markup", "loading", "variant", "href", "id", "fullwidth", "children", "className", "to", "accessibilityLabel", "onClick", "name", "routerLink", "type", "iconName", "disabled", "testId"]);
     var isDisabled = disabled || false;
     var styled = useTrilogyContext().styled;
     /** Check if specified markup is valid */
@@ -45,16 +44,16 @@ var Button = React.forwardRef(function (_a, ref) {
     var classes = hashClass(styled, getClassNames(loading, variant, fullwidth, className));
     var Tag = markup && isCorrectMarkup(markup) ? markup : 'button';
     if (Tag === 'button' && !href && !to) {
-        return (React.createElement("button", __assign({ ref: ref, id: id, "aria-label": accessibilityLabel, className: classes, disabled: isDisabled, name: name, onClick: function (e) {
+        return (React.createElement("button", __assign({ "data-testid": testId, ref: ref, id: id, "aria-label": accessibilityLabel, className: classes, disabled: isDisabled, name: name, onClick: function (e) {
                 // eslint-disable-next-line no-unused-expressions
                 !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
                 e.stopPropagation();
             }, type: type !== null && type !== void 0 ? type : 'button' }, others),
-            iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
+            iconName && React.createElement(Icon, { name: iconName }),
             children));
     }
     if (Tag === 'input') {
-        return (React.createElement("input", __assign({ ref: ref, id: id, className: classes, "aria-label": accessibilityLabel, name: name, onClick: function (e) {
+        return (React.createElement("input", __assign({ "data-testid": testId, ref: ref, id: id, className: classes, "aria-label": accessibilityLabel, name: name, onClick: function (e) {
                 // eslint-disable-next-line no-unused-expressions
                 !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
                 e.stopPropagation();
@@ -62,18 +61,18 @@ var Button = React.forwardRef(function (_a, ref) {
     }
     if (routerLink && to && !isDisabled) {
         var RouterLink = (routerLink ? routerLink : 'a');
-        return (React.createElement(RouterLink, __assign({ ref: ref, "aria-label": accessibilityLabel, to: to, className: classes }, others),
-            iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
+        return (React.createElement(RouterLink, __assign({ ref: ref, "aria-label": accessibilityLabel, to: to, className: classes, "data-testid": testId }, others),
+            iconName && React.createElement(Icon, { name: iconName }),
             children));
     }
-    return (React.createElement("a", __assign({ ref: ref, id: id, "aria-label": accessibilityLabel, className: classes, href: href, onClick: function (e) {
+    return (React.createElement("a", __assign({ "data-testid": testId, ref: ref, id: id, "aria-label": accessibilityLabel, className: classes, href: href, onClick: function (e) {
             // eslint-disable-next-line no-unused-expressions
             !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
             e.stopPropagation();
         } }, others, (disabled && { 'aria-disabled': true })),
-        iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
+        iconName && React.createElement(Icon, { name: iconName }),
         children));
 });
 Button.displayName = ComponentName.Button;
 export default Button;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFbEUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxZQUFZLEVBQTBELE1BQU0sY0FBYyxDQUFBO0FBR25HOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFDSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixVQUNFLEVBa0JDLEVBQ0QsR0FBRztJQWxCRCxJQUFBLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLEVBQUUsUUFBQSxFQUNGLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQWpCWCxpTEFrQkMsQ0FEVTtJQUlYLElBQU0sVUFBVSxHQUFHLFFBQVEsSUFBSSxLQUFLLENBQUE7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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFbEUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxZQUFZLEVBQTBELE1BQU0sY0FBYyxDQUFBO0FBR25HOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CRztBQUNILElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzdCLFVBQ0UsRUFtQkMsRUFDRCxHQUFHO0lBbkJELElBQUEsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0Ysa0JBQWtCLHdCQUFBLEVBQ2xCLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBbEJYLDJMQW1CQyxDQURVO0lBSVgsSUFBTSxVQUFVLEdBQUcsUUFBUSxJ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

package/lib/components/button/Button.native.d.ts

@@ -2,16 +2,16 @@ import * as React from 'react';
 import { TouchableOpacity } from 'react-native';
 import { ButtonProps } from './ButtonProps';
 /**
- * Button Native Component
+ * Button Component
  * @param loading {boolean} Loading button
  * @param disabled {boolean} Disabled button
- * @param variant {Color} Button color : primary|secondary
- * @param children {React.ReactNode} Button child
- * @param onClick {Function} Click Event
+ * @param variant {ButtonVariant} Button variant : accent|primary|secondary|ghost
+ * @param children {ReactNode} Button child
  * @param fullwidth {boolean} Fullwidth button
- * @param testId {string} id for test
- * @param accessibilityLabel {string}
- * @param iconName {IconName} If Icon, Button + Icon && Button IconName
+ * @param onClick {Function} Click Event
+ * @param accessibilityLabel {string} Accessibility label
+ * @param testId {string} Test Id for Test Integration
+ * @param iconName {IconName} Icon displayed inside the button
  */
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<TouchableOpacity>>;
 export default Button;

package/lib/components/button/Button.native.js

@@ -10,16 +10,16 @@ import * as React from 'react';
 import { ActivityIndicator, StyleSheet, Text, TouchableOpacity } from 'react-native';
 import { ButtonVariant } from './ButtonEnum';
 /**
- * Button Native Component
+ * Button Component
  * @param loading {boolean} Loading button
  * @param disabled {boolean} Disabled button
- * @param variant {Color} Button color : primary|secondary
- * @param children {React.ReactNode} Button child
- * @param onClick {Function} Click Event
+ * @param variant {ButtonVariant} Button variant : accent|primary|secondary|ghost
+ * @param children {ReactNode} Button child
  * @param fullwidth {boolean} Fullwidth button
- * @param testId {string} id for test
- * @param accessibilityLabel {string}
- * @param iconName {IconName} If Icon, Button + Icon && Button IconName
+ * @param onClick {Function} Click Event
+ * @param accessibilityLabel {string} Accessibility label
+ * @param testId {string} Test Id for Test Integration
+ * @param iconName {IconName} Icon displayed inside the button
  */
 var Button = React.forwardRef(function (_a, ref) {
     var children = _a.children, variant = _a.variant, onClick = _a.onClick, disabled = _a.disabled, loading = _a.loading, fullwidth = _a.fullwidth, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, iconName = _a.iconName, others = __rest(_a, ["children", "variant", "onClick", "disabled", "loading", "fullwidth", "testId", "accessibilityLabel", "iconName"]);

package/lib/components/button/ButtonPropsDefaults.js

@@ -26,8 +26,8 @@ export default {
     "values": [
       "undefined",
       "button",
-      "a",
       "input",
+      "a",
       "button",
       "input",
       "a"
@@ -68,18 +68,29 @@ export default {
       "undefined",
       "symbol",
       "object",
+      "button",
+      "input",
+      "a",
+      "span",
+      "div",
       "p",
+      "ul",
+      "li",
+      "label",
+      "main",
+      "summary",
+      "details",
+      "ol",
+      "dl",
+      "dt",
+      "dd",
+      "dialog",
+      "h1",
       "h2",
       "h3",
       "h4",
       "h5",
       "h6",
-      "text",
-      "search",
-      "button",
-      "image",
-      "time",
-      "a",
       "abbr",
       "address",
       "area",
@@ -103,14 +114,8 @@ export default {
       "colgroup",
       "data",
       "datalist",
-      "dd",
       "del",
-      "details",
       "dfn",
-      "dialog",
-      "div",
-      "dl",
-      "dt",
       "em",
       "embed",
       "fieldset",
@@ -118,7 +123,6 @@ export default {
       "figure",
       "footer",
       "form",
-      "h1",
       "head",
       "header",
       "hgroup",
@@ -127,15 +131,11 @@ export default {
       "i",
       "iframe",
       "img",
-      "input",
       "ins",
       "kbd",
       "keygen",
-      "label",
       "legend",
-      "li",
       "link",
-      "main",
       "map",
       "mark",
       "menu",
@@ -145,7 +145,6 @@ export default {
       "nav",
       "noindex",
       "noscript",
-      "ol",
       "optgroup",
       "option",
       "output",
@@ -159,17 +158,16 @@ export default {
       "ruby",
       "s",
       "samp",
+      "search",
       "slot",
       "script",
       "section",
       "select",
       "small",
       "source",
-      "span",
       "strong",
       "style",
       "sub",
-      "summary",
       "sup",
       "table",
       "template",
@@ -179,11 +177,11 @@ export default {
       "tfoot",
       "th",
       "thead",
+      "time",
       "title",
       "tr",
       "track",
       "u",
-      "ul",
       "var",
       "video",
       "wbr",
@@ -225,6 +223,7 @@ export default {
       "filter",
       "foreignObject",
       "g",
+      "image",
       "line",
       "linearGradient",
       "marker",
@@ -240,6 +239,7 @@ export default {
       "set",
       "stop",
       "switch",
+      "text",
       "textPath",
       "tspan",
       "use",
@@ -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

@@ -3,10 +3,12 @@ import { ButtonListWebProps } from './ButtonListProps';
 /**
  * Button List Component
  * @param children {ReactNode} ButtonList children
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param id
- * @param align
- * @param direction
+ * @param align {JustifiedAlign} Justified align
+ * @param direction {ButtonListDirectionEnum} Button list direction
+ * @param className {string} Additional CSS Classes
  */
 declare const ButtonList: React.ForwardRefExoticComponent<ButtonListWebProps & React.RefAttributes<HTMLDivElement>>;
 export default ButtonList;

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

@@ -10,16 +10,18 @@ import { ButtonListDirectionEnum } from './ButtonListEnum';
 /**
  * Button List Component
  * @param children {ReactNode} ButtonList children
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param id
- * @param align
- * @param direction
+ * @param align {JustifiedAlign} Justified align
+ * @param direction {ButtonListDirectionEnum} Button list direction
+ * @param className {string} Additional CSS Classes
  */
 var ButtonList = React.forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, align = _a.align, direction = _a.direction, others = __rest(_a, ["className", "id", "align", "direction"]);
+    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({ ref: ref, id: id, className: hashClass(styled, clsx('buttons', className, align && is(getJustifiedClassName(align)), direction === ButtonListDirectionEnum.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBRzFEOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUFDLEVBQThDLEVBQUUsR0FBRztJQUFqRCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFLLE1BQU0sY0FBNUMseUNBQThDLENBQUY7SUFDbkMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxTQUFTLEVBQ1QsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUN6QyxTQUFTLEtBQUssdUJBQXVCLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FDL0QsQ0FDRixJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFVBQVUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFVBQVUsQ0FBQTtBQUNqRCxlQUFlLFVBQVUsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBRzFEOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2pDLFVBQUMsRUFBc0QsRUFBRSxHQUFHO0lBQXpELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUFwRCxtREFBc0QsQ0FBRjtJQUMzQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wscURBQ2UsTUFBTSxFQUNuQixHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsU0FBUyxFQUNULEtBQUssSUFBSSxFQUFFLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFDekMsU0FBUyxLQUFLLHVCQUF1QixDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLENBQy9ELENBQ0YsSUFDRyxNQUFNLEVBQ1YsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFDakQsZUFBZSxVQUFVLENBQUEifQ==

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

@@ -2,8 +2,10 @@ import * as React from 'react';
 import { View } from 'react-native';
 import type { ButtonListProps } from './ButtonListProps';
 /**
- * ButtonList Native Component
+ * Button List Component
  * @param children {ReactNode} ButtonList children
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
  */
 declare const ButtonList: React.ForwardRefExoticComponent<ButtonListProps & React.RefAttributes<View>>;
 export default ButtonList;

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

@@ -3,13 +3,15 @@ import { ComponentName } from '../../../components/enumsComponentsName';
 import * as React from 'react';
 import { View } from 'react-native';
 /**
- * ButtonList Native Component
+ * Button List Component
  * @param children {ReactNode} ButtonList children
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
  */
 var ButtonList = React.forwardRef(function (_a, ref) {
-    var children = _a.children;
-    return React.createElement(View, __assign({ ref: ref }, { children: children }));
+    var children = _a.children, testId = _a.testId;
+    return React.createElement(View, __assign({ ref: ref, testID: testId }, { children: children }));
 });
 ButtonList.displayName = ComponentName.ButtonList;
 export default ButtonList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHbkM7OztHQUdHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBdUMsVUFBQyxFQUFZLEVBQUUsR0FBRztRQUFmLFFBQVEsY0FBQTtJQUNuRixPQUFPLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFNLEVBQUUsUUFBUSxVQUFBLEVBQUUsRUFBSSxDQUFBO0FBQzdDLENBQUMsQ0FBQyxDQUFBO0FBRUYsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHbkM7Ozs7O0dBS0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUF1QyxVQUFDLEVBQW9CLEVBQUUsR0FBRztRQUF2QixRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUE7SUFDM0YsT0FBTyxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsTUFBTSxJQUFNLEVBQUUsUUFBUSxVQUFBLEVBQUUsRUFBSSxDQUFBO0FBQzdELENBQUMsQ0FBQyxDQUFBO0FBRUYsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=

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

@@ -3,13 +3,13 @@ import { ButtonListDirectionEnum, ButtonListDirectionEnumValues } from '../../..
 import { View } from 'react-native';
 import type { ButtonProps } from '../../../components/button/ButtonProps';
 import type { DividerProps } from '../../../components/divider/DividerProps';
-import { Alignable, AlignableValues } from '../../../objects';
+import { AlignableProps, Dev } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 type ButtonListChildrenTypes = React.ReactElement<ButtonProps | DividerProps> | undefined;
 /**
  * Button List Interface
  */
-export interface ButtonListProps {
+export interface ButtonListProps extends Dev {
     children?: ButtonListChildrenTypes | ButtonListChildrenTypes[];
 }
 /**
@@ -17,7 +17,7 @@ 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;

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

@@ -13,6 +13,9 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
+      "CENTER",
+      "START",
+      "END",
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
@@ -20,7 +23,12 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "STRETCH"
     ]
   },
   "children": {
@@ -31,6 +39,13 @@ export default {
       "ButtonListChildrenTypes[]"
     ]
   },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "id": {
     "type": "string",
     "values": [

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

@@ -1,8 +1,18 @@
 import React from 'react';
-import { ComponentName } from '../enumsComponentsName';
 import { CalendarProps } from './CalendarProps';
-declare const Calendar: {
-    ({ value, minDate, maxDate, disabled, readOnly, disabledDates, onChange, onMonthChange, }: CalendarProps): React.JSX.Element;
-    displayName: ComponentName;
-};
+/**
+ * Calendar Component
+ * @param value {Date | [Date, Date] | [Date] | []} Calendar selected date(s)
+ * @param minDate {Date} Minimum selectable date
+ * @param maxDate {Date} Maximum selectable date
+ * @param disabled {boolean} Disabled calendar
+ * @param readOnly {boolean} Read only calendar
+ * @param disabledDates {Date[]} List of disabled/unavailable dates
+ * @param onChange {Function} Callback when selected date(s) change
+ * @param onMonthChange {Function} Callback when the displayed month changes
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ */
+declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLTableElement>>;
 export default Calendar;