@trilogy-ds/react 4.14.0-tab-fix → 4.14.0

package/lib/components/radio/tiles/tile/RadioTileProps.d.ts

@@ -1,17 +1,22 @@
 /// <reference types="react" />
+import { VariantProps } from '../../../../objects';
 import { TouchableOpacity } from 'react-native';
 import { IconName, IconNameValues } from '../../../../components/icon';
-import { RadioProps } from '../../../../components/radio/RadioProps';
-import { VariantProps } from '../../../../objects';
+import { RadioNativeProps, RadioProps } from '../../../../components/radio/RadioProps';
 /**
  * Columns Item Interface
  */
-export interface RadioTileProps extends RadioProps {
+interface RadioTilePropsCommon {
     horizontal?: boolean;
     icon?: IconName | IconNameValues;
     description?: string | React.ReactNode;
     sticker?: string;
     stickerVariant?: VariantProps['variant'];
 }
+export interface RadioTileProps extends RadioProps, RadioTilePropsCommon {
+}
+export interface RadioTileNativeProps extends RadioNativeProps, RadioTilePropsCommon {
+}
 export type RadioTileRef = HTMLDivElement;
 export type RadioTileNativeRef = TouchableOpacity;
+export {};

package/lib/components/radio/tiles/tile/RadioTilePropsCommonDefaults.js

@@ -0,0 +1,97 @@
+export default {
+  "horizontal": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "icon": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-calendar",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-calendar",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa"
+    ]
+  },
+  "description": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "sticker": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "stickerVariant": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "INFO",
+      "MAIN",
+      "ACCENT",
+      "MAIN",
+      "ACCENT",
+      "INFO"
+    ]
+  }
+};

package/lib/components/radio/tiles/tile/RadioTilePropsDefaults.js

@@ -1,4 +1,85 @@
 export default {
+  "checked": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "disabled": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "readonly": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "label": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "onChange": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "RadioChangeEventHandler"
+    ]
+  },
+  "name": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "value": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "required": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "horizontal": {
     "type": "boolean",
     "values": [
@@ -93,86 +174,5 @@ export default {
       "ACCENT",
       "INFO"
     ]
-  },
-  "checked": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "disabled": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "readonly": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "label": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "onChange": {
-    "type": "function",
-    "values": [
-      "undefined",
-      "RadioChangeEventHandler"
-    ]
-  },
-  "name": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "value": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "required": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "accessibilityLabel": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };

package/lib/components/segment-control/SegmentControlProps.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="react" />
+import { AlignableProps } from '../../objects';
 import type { View } from 'react-native';
 import { Clickable } from '../../objects/facets/Clickable';
 import { CommonProps } from '../../objects/facets/CommonProps';
-import { Alignable, AlignableValues } from '../../objects';
 /**
  * SegmentedControl Interface
  */
 export interface SegmentControlProps extends Clickable, CommonProps {
     children: React.ReactNode;
     activeIndex?: number;
-    align?: Alignable | AlignableValues;
+    align?: AlignableProps['align'];
 }
 export type SegmentControlRef = HTMLDivElement;
 export type SegmentControlNativeRef = View;

package/lib/components/segment-control/SegmentControlPropsDefaults.js

@@ -31,7 +31,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "onClick": {

package/lib/components/tabs/TabsPropsDefaults.js

@@ -55,7 +55,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "verticalAlign": {
@@ -69,7 +77,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "onClick": {

package/lib/components/tabs/tab-list/TabListProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Alignable, AlignableValues, Dev } from '../../../objects';
+import { AlignableProps, Dev } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 import { ScrollView } from 'react-native';
 /**
@@ -7,7 +7,7 @@ import { ScrollView } from 'react-native';
  */
 export interface TabListProps extends Dev, CommonProps {
     children: React.ReactNode;
-    align?: Alignable | AlignableValues;
+    align?: AlignableProps['align'];
 }
 export type TabListRef = HTMLDivElement;
 export type TabListNativeRef = ScrollView;

package/lib/components/tabs/tab-list/TabListPropsDefaults.js

@@ -24,7 +24,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "testId": {

package/lib/components/tag/list/TagListProps.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { View } from 'react-native';
-import { Alignable, AlignableValues, Marginless } from '../../../objects';
+import { AlignableProps, Marginless } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Tag list Interface
  */
 export interface TagListProps extends Marginless, CommonProps {
-    align?: Alignable | AlignableValues;
+    align?: AlignableProps['align'];
     children?: React.ReactNode;
 }
 export type TagListRef = HTMLDivElement;

package/lib/components/tag/list/TagListPropsDefaults.js

@@ -10,7 +10,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "children": {

package/lib/components/view/ViewPropsDefaults.js

@@ -113,6 +113,15 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
+      "CENTER",
+      "START",
+      "END",
+      "CENTER",
+      "START",
+      "END",
+      "SPACE_BETWEEN",
+      "SPACE_AROUND",
+      "SPACE_EVENLY",
       "JUSTIFIED_CENTER",
       "JUSTIFIED_START",
       "JUSTIFIED_END",
@@ -120,7 +129,9 @@ export default {
       "JUSTIFIED_CENTER",
       "JUSTIFIED_START",
       "JUSTIFIED_END",
-      "SPACE_BETWEEN"
+      "SPACE_BETWEEN",
+      "SPACE_AROUND",
+      "SPACE_EVENLY"
     ]
   },
   "fullwidth": {
@@ -142,7 +153,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "verticalAlign": {
@@ -156,7 +175,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "backgroundColor": {

package/lib/objects/facets/Alignable.d.ts

@@ -1,6 +1,9 @@
 /**
  * Component Alignement
  */
+/**
+ * @deprecated
+ */
 export declare enum Alignable {
     ALIGNED_CENTER = "ALIGNED_CENTER",
     ALIGNED_START = "ALIGNED_START",
@@ -13,10 +16,14 @@ export declare enum Align {
     END = "END",
     STRETCH = "STRETCH"
 }
+/**
+ * @deprecated
+ */
 export type AlignableValues = `${Alignable}`;
+export type AlignValues = `${Align}`;
 export interface AlignableProps {
-    align?: Alignable | AlignableValues;
-    verticalAlign?: Alignable | AlignableValues;
+    align?: Alignable | AlignableValues | Align | AlignValues;
+    verticalAlign?: Alignable | AlignableValues | Align | AlignValues;
 }
 /**
  * Returns alignement classname depending on align type
@@ -29,4 +36,4 @@ export declare const getAlignClassName: (alignType?: string) => string;
  * @param alignType {Alignable|string} - Align type
  * @returns {string} - Align value
  */
-export declare const getAlignStyle: (alignType?: string) => "center" | "flex-start" | "flex-end";
+export declare const getAlignStyle: (alignType?: string) => "flex-start" | "center" | "flex-end";

package/lib/objects/facets/Alignable.js

@@ -1,6 +1,9 @@
 /**
  * Component Alignement
  */
+/**
+ * @deprecated
+ */
 export var Alignable;
 (function (Alignable) {
     Alignable["ALIGNED_CENTER"] = "ALIGNED_CENTER";
@@ -49,15 +52,17 @@ export var getAlignClassName = function (alignType) {
  */
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 export var getAlignStyle = function (alignType) {
-    switch (alignType) {
-        case 'ALIGNED_CENTER':
+    if (!alignType)
+        return 'flex-start';
+    switch (true) {
+        case ['ALIGNED_CENTER', 'CENTER'].includes(alignType):
             return 'center';
-        case 'ALIGNED_START':
+        case ['START', 'ALIGNED_START'].includes(alignType):
             return 'flex-start';
-        case 'ALIGNED_END':
+        case ['ALIGNED_END', 'END'].includes(alignType):
             return 'flex-end';
         default:
             return 'flex-start';
     }
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxpZ25hYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvQWxpZ25hYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsTUFBTSxDQUFOLElBQVksU0FLWDtBQUxELFdBQVksU0FBUztJQUNuQiw4Q0FBaUMsQ0FBQTtJQUNqQyw0Q0FBK0IsQ0FBQTtJQUMvQix3Q0FBMkIsQ0FBQTtJQUMzQixnREFBbUMsQ0FBQTtBQUNyQyxDQUFDLEVBTFcsU0FBUyxLQUFULFNBQVMsUUFLcEI7QUFFRCxNQUFNLENBQU4sSUFBWSxLQUtYO0FBTEQsV0FBWSxLQUFLO0lBQ2YsMEJBQWlCLENBQUE7SUFDakIsd0JBQWUsQ0FBQTtJQUNmLG9CQUFXLENBQUE7SUFDWCw0QkFBbUIsQ0FBQTtBQUNyQixDQUFDLEVBTFcsS0FBSyxLQUFMLEtBQUssUUFLaEI7QUFTRDs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLElBQU0saUJBQWlCLEdBQUcsVUFBQyxTQUFrQjtJQUNsRCxRQUFRLFNBQVMsRUFBRTtRQUNqQixLQUFLLGdCQUFnQjtZQUNuQixPQUFPLGdCQUFnQixDQUFBO1FBQ3pCLEtBQUssUUFBUTtZQUNYLE9BQU8sZ0JBQWdCLENBQUE7UUFDekIsS0FBSyxlQUFlO1lBQ2xCLE9BQU8sZUFBZSxDQUFBO1FBQ3hCLEtBQUssT0FBTztZQUNWLE9BQU8sZUFBZSxDQUFBO1FBQ3hCLEtBQUssYUFBYTtZQUNoQixPQUFPLGFBQWEsQ0FBQTtRQUN0QixLQUFLLEtBQUs7WUFDUixPQUFPLGFBQWEsQ0FBQTtRQUN0QixLQUFLLFNBQVM7WUFDWixPQUFPLGlCQUFpQixDQUFBO1FBQzFCLEtBQUssaUJBQWlCO1lBQ3BCLE9BQU8saUJBQWlCLENBQUE7UUFDMUI7WUFDRSxPQUFPLGVBQWUsQ0FBQTtLQUN6QjtBQUNILENBQUMsQ0FBQTtBQUVEOzs7O0dBSUc7QUFDSCw2RUFBNkU7QUFDN0UsTUFBTSxDQUFDLElBQU0sYUFBYSxHQUFHLFVBQUMsU0FBa0I7SUFDOUMsUUFBUSxTQUFTLEVBQUU7UUFDakIsS0FBSyxnQkFBZ0I7WUFDbkIsT0FBTyxRQUFRLENBQUE7UUFDakIsS0FBSyxlQUFlO1lBQ2xCLE9BQU8sWUFBWSxDQUFBO1FBQ3JCLEtBQUssYUFBYTtZQUNoQixPQUFPLFVBQVUsQ0FBQTtRQUNuQjtZQUNFLE9BQU8sWUFBWSxDQUFBO0tBQ3RCO0FBQ0gsQ0FBQyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxpZ25hYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvQWxpZ25hYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0g7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxTQUtYO0FBTEQsV0FBWSxTQUFTO0lBQ25CLDhDQUFpQyxDQUFBO0lBQ2pDLDRDQUErQixDQUFBO0lBQy9CLHdDQUEyQixDQUFBO0lBQzNCLGdEQUFtQyxDQUFBO0FBQ3JDLENBQUMsRUFMVyxTQUFTLEtBQVQsU0FBUyxRQUtwQjtBQUVELE1BQU0sQ0FBTixJQUFZLEtBS1g7QUFMRCxXQUFZLEtBQUs7SUFDZiwwQkFBaUIsQ0FBQTtJQUNqQix3QkFBZSxDQUFBO0lBQ2Ysb0JBQVcsQ0FBQTtJQUNYLDRCQUFtQixDQUFBO0FBQ3JCLENBQUMsRUFMVyxLQUFLLEtBQUwsS0FBSyxRQUtoQjtBQWNEOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLFNBQWtCO0lBQ2xELFFBQVEsU0FBUyxFQUFFO1FBQ2pCLEtBQUssZ0JBQWdCO1lBQ25CLE9BQU8sZ0JBQWdCLENBQUE7UUFDekIsS0FBSyxRQUFRO1lBQ1gsT0FBTyxnQkFBZ0IsQ0FBQTtRQUN6QixLQUFLLGVBQWU7WUFDbEIsT0FBTyxlQUFlLENBQUE7UUFDeEIsS0FBSyxPQUFPO1lBQ1YsT0FBTyxlQUFlLENBQUE7UUFDeEIsS0FBSyxhQUFhO1lBQ2hCLE9BQU8sYUFBYSxDQUFBO1FBQ3RCLEtBQUssS0FBSztZQUNSLE9BQU8sYUFBYSxDQUFBO1FBQ3RCLEtBQUssU0FBUztZQUNaLE9BQU8saUJBQWlCLENBQUE7UUFDMUIsS0FBSyxpQkFBaUI7WUFDcEIsT0FBTyxpQkFBaUIsQ0FBQTtRQUMxQjtZQUNFLE9BQU8sZUFBZSxDQUFBO0tBQ3pCO0FBQ0gsQ0FBQyxDQUFBO0FBRUQ7Ozs7R0FJRztBQUNILDZFQUE2RTtBQUM3RSxNQUFNLENBQUMsSUFBTSxhQUFhLEdBQUcsVUFBQyxTQUFrQjtJQUM5QyxJQUFJLENBQUMsU0FBUztRQUFFLE9BQU8sWUFBWSxDQUFBO0lBQ25DLFFBQVEsSUFBSSxFQUFFO1FBQ1osS0FBSyxDQUFDLGdCQUFnQixFQUFFLFFBQVEsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUM7WUFDbkQsT0FBTyxRQUFRLENBQUE7UUFDakIsS0FBSyxDQUFDLE9BQU8sRUFBRSxlQUFlLENBQUMsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDO1lBQ2pELE9BQU8sWUFBWSxDQUFBO1FBQ3JCLEtBQUssQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQztZQUM3QyxPQUFPLFVBQVUsQ0FBQTtRQUNuQjtZQUNFLE9BQU8sWUFBWSxDQUFBO0tBQ3RCO0FBQ0gsQ0FBQyxDQUFBIn0=

package/lib/objects/facets/Justifiable.d.ts

@@ -1,6 +1,9 @@
 /**
  * Typo align
  */
+/**
+ * @deprecated
+ */
 export declare enum Justifiable {
     JUSTIFIED_CENTER = "JUSTIFIED_CENTER",
     JUSTIFIED_START = "JUSTIFIED_START",
@@ -15,16 +18,20 @@ export declare enum Justify {
     SPACE_AROUND = "SPACE_AROUND",
     SPACE_EVENLY = "SPACE_EVENLY"
 }
+/**
+ * @deprecated
+ */
 export type JustifiableValues = keyof typeof Justifiable;
+export type JustifyValues = keyof typeof Justify;
 export interface JustifiableProps {
-    justify?: Justifiable | JustifiableValues;
+    justify?: Justifiable | JustifiableValues | Justify | JustifyValues;
 }
 /**
  * Returns justifyContent style depending on justify type
  * @param justifyContent {Justifiable|string} - justify type
  * @returns {string} - Justify value
  */
-export declare const getJustifyStyle: (justifyContent?: string) => "center" | "flex-start" | "flex-end" | "space-between";
-export declare const getJustifyClassName: (justifyContent?: string) => "centered" | "justified-center" | "justified-start" | "justified-end" | "spaced-between" | "spaced-around" | "spaced-evenly";
-export declare const getJustifiedClassName: (justifyContent?: string) => "justified-center" | "justified-start" | "justified-end";
+export declare const getJustifyStyle: (justifyContent?: string) => "flex-start" | "center" | "flex-end" | "space-between";
+export declare const getJustifyClassName: (justifyContent?: string) => "flex-start" | "centered" | "justified-start" | "justified-end" | "spaced-between" | "spaced-evenly";
+export declare const getJustifiedClassName: (justifyContent?: string) => "justified-start" | "justified-end" | "justified-center";
 export declare const getJustifySelfClassName: (justifyContent?: string) => string;