@trilogy-ds/react 0.0.1-beta-143 → 0.0.1-beta-sc-1

package/lib/components/checkbox/Checkbox.native.js

@@ -1,14 +1,13 @@
 import { __read } from "tslib";
 import React, { useEffect, useState } from 'react';
 import { StyleSheet, TouchableOpacity } from 'react-native';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Icon, IconSize } from '../../components/icon';
 import { IconName } from '../../components/icon/IconNameEnum';
-import shortid from 'shortid';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
 import { Text, TextLevels } from '../../components/text';
 import { View } from '../../components/view';
-import { Icon, IconSize } from '../../components/icon';
-import { TypographyAlign, TypographyBold } from '../../objects';
-import { ComponentName } from '../../components/enumsComponentsName';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import { TypographyAlign, TypographyBold } from '../../objects/Typography';
 /**
  * Checkbox Native Component
  * @param checked {boolean} Checked Checkbox
@@ -19,16 +18,15 @@ import { ComponentName } from '../../components/enumsComponentsName';
  * @param onClick {ClickEvent}
  * @param onChange {ChangeEvent}
  * @param name {string} Name for checkbox
+ * @param tile {boolean} Checbox Tile
+ * @param description {string} Description for Checkbox tile
+ * @param iconTile {IconName} Name of icon for checkbox tile
+ * @param testId {string} Test Id for Test Integration
+ * @param horizontalTile {boolean} display horizontal Checkbox tile
  */
-var Checkbox = function (_a) {
-    var _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, checked = _a.checked, name = _a.name, onChange = _a.onChange, disabled = _a.disabled, readonly = _a.readonly, label = _a.label;
+var Checkbox = function (_a, ref) {
+    var _b = _a.id, id = _b === void 0 ? React.useId() : _b, checked = _a.checked, name = _a.name, onClick = _a.onClick, onChange = _a.onChange, disabled = _a.disabled, readonly = _a.readonly, label = _a.label, tile = _a.tile, description = _a.description, iconTile = _a.iconTile, horizontalTile = _a.horizontalTile, testId = _a.testId;
     var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
-    var horizontalTile = false;
-    // eslint-disable-next-line no-empty-pattern
-    var onClick = function (_a) { return null; };
-    var tile = false;
-    var description = 'de';
-    var iconTile = '';
     useEffect(function () {
         setChecked(checked || false);
     }, [checked]);
@@ -110,7 +108,7 @@ var Checkbox = function (_a) {
         }
     };
     if (horizontalTile) {
-        return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.horizontalTile, onPress: function () { return handleClick(); } },
+        return (React.createElement(TouchableOpacity, { ref: ref, testID: testId, disabled: disabled, style: styles.horizontalTile, onPress: function () { return handleClick(); } },
             React.createElement(View, { style: { flexDirection: 'row' } },
                 React.createElement(View, { style: {
                         width: '10%',
@@ -139,7 +137,7 @@ var Checkbox = function (_a) {
                     React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK }))))));
     }
     if (tile) {
-        return (React.createElement(TouchableOpacity, { disabled: disabled, style: horizontalTile ? styles.horizontalTile : styles.tile, onPress: function () { return handleClick(); } },
+        return (React.createElement(TouchableOpacity, { ref: ref, testID: testId, disabled: disabled, style: horizontalTile ? styles.horizontalTile : styles.tile, onPress: function () { return handleClick(); } },
             React.createElement(TouchableOpacity, { style: [{ alignSelf: 'flex-end', marginTop: 10 }, styles.checkBox], disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK })),
             React.createElement(View, { style: { width: '70%' } },
                 iconTile && (React.createElement(View, { style: {
@@ -152,10 +150,10 @@ var Checkbox = function (_a) {
                 label && typeof label.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.TWO, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyAlign.TEXT_CENTERED], style: styles.label }, String(label))),
                 description && typeof description.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.THREE, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyAlign.TEXT_CENTERED] }, String(description))))));
     }
-    return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.container, onPress: function () { return handleClick(); } },
+    return (React.createElement(TouchableOpacity, { ref: ref, testID: testId, disabled: disabled, style: styles.container, onPress: function () { return handleClick(); } },
         React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK })),
         label && typeof label.valueOf() === 'string' ? React.createElement(Text, { style: styles.label }, String(label)) : label));
 };
 Checkbox.displayName = ComponentName.Checkbox;
-export default Checkbox;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3gubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC9DaGVja2JveC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFFekQsT0FBTyxPQUFPLE1BQU0sU0FBUyxDQUFBO0FBQzdCLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFRRjtRQVBkLFVBQXVCLEVBQXZCLEVBQUUsbUJBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxLQUFBLEVBQ3ZCLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQTtJQUVDLElBQUEsS0FBQSxPQUF5QixRQUFRLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQWxELFFBQVEsUUFBQSxFQUFFLFVB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
+export default React.forwardRef(Checkbox);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3gubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC9DaGVja2JveC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUczRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFDekQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRXRFOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQ2YsRUFjZ0IsRUFDaEIsR0FBZ0M7UUFkOUIsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFDbEIsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsSUFBSSxVQUFBLEVBQ0osV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNSLGNBQWMsb0JBQUEsRUFDZCxNQUFNLFlB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

package/lib/components/checkbox/CheckboxChangeEventDefaults.js

@@ -0,0 +1,21 @@
+export default {
+  "checkboxId": {
+    "type": "string",
+    "values": []
+  },
+  "checkboxValue": {
+    "type": "string",
+    "values": []
+  },
+  "checkboxName": {
+    "type": "string",
+    "values": []
+  },
+  "checkboxChecked": {
+    "type": "boolean",
+    "values": [
+      "false",
+      "true"
+    ]
+  }
+};

package/lib/components/checkbox/CheckboxClickEventDefaults.js

@@ -0,0 +1,21 @@
+export default {
+  "checkboxId": {
+    "type": "string",
+    "values": []
+  },
+  "checkboxValue": {
+    "type": "string",
+    "values": []
+  },
+  "checkboxName": {
+    "type": "string",
+    "values": []
+  },
+  "checkboxChecked": {
+    "type": "boolean",
+    "values": [
+      "false",
+      "true"
+    ]
+  }
+};

package/lib/components/checkbox/CheckboxProps.d.ts

@@ -1,6 +1,26 @@
-import { Accessibility } from '../../objects';
-import { CommonProps } from '../../objects/facets/CommonProps';
-type CheckboxChangeEventHandler = (event: {
+/// <reference types="react" />
+import { IconName, IconNameValues } from '../../components/icon/IconNameEnum';
+import { Accessibility } from '../../objects/facets/Accessibility';
+import { Dev } from '../../objects/facets/Dev';
+export interface CheckboxChangeEvent {
+    checkboxId: string;
+    checkboxValue: string;
+    checkboxName: string;
+    checkboxChecked: boolean;
+}
+export type CheckboxChangeEventHandler = (event: {
+    checkboxValue: string;
+    checkboxName: string;
+    checkboxChecked: boolean;
+    checkboxId: string;
+}) => void;
+export interface CheckboxClickEvent {
+    checkboxId: string;
+    checkboxValue: string;
+    checkboxName: string;
+    checkboxChecked: boolean;
+}
+type CheckboxClickEventHandler = (event: {
     checkboxValue: string;
     checkboxName: string;
     checkboxChecked: boolean;
@@ -9,13 +29,21 @@ type CheckboxChangeEventHandler = (event: {
 /**
  * Checkbox Interface
  */
-export interface CheckboxProps extends Accessibility, CommonProps {
+export interface CheckboxProps extends Accessibility, Dev {
+    children?: React.ReactNode;
     checked?: boolean;
     disabled?: boolean;
     readonly?: boolean;
-    label?: string;
+    id?: string;
+    label?: string | React.ReactNode;
+    onClick?: CheckboxClickEventHandler;
     onChange?: CheckboxChangeEventHandler;
+    className?: string;
     name?: string;
     value?: string;
+    tile?: boolean;
+    description?: string | React.ReactNode;
+    iconTile?: IconName | IconNameValues;
+    horizontalTile?: boolean;
 }
 export {};

package/lib/components/checkbox/CheckboxPropsDefaults.js

@@ -1,4 +1,18 @@
 export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
   "checked": {
     "type": "boolean",
     "values": [
@@ -23,13 +37,34 @@ export default {
       "true"
     ]
   },
-  "label": {
+  "id": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
+  "label": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "CheckboxClickEventHandler"
+    ]
+  },
   "onChange": {
     "type": "function",
     "values": [
@@ -37,35 +72,117 @@ export default {
       "CheckboxChangeEventHandler"
     ]
   },
-  "name": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "value": {
+  "name": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "accessibilityLabel": {
+  "value": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "id": {
+  "tile": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "description": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "iconTile": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "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-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"
+    ]
+  },
+  "horizontalTile": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "className": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",

package/lib/components/checkbox/hook/useCheckbox.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { CheckboxChangeEventHandler } from '../../../components/checkbox/CheckboxProps';
+interface IParams {
+    checked?: boolean;
+    readonly?: boolean;
+    onChange?: CheckboxChangeEventHandler;
+    value?: string;
+    onClick?: CheckboxChangeEventHandler;
+}
+export declare const useCheckbox: ({ checked, readonly, value, onChange, onClick }: IParams) => {
+    handleChange: (e: React.ChangeEvent) => React.ChangeEvent<Element>;
+    handleClick: (e: React.MouseEvent) => void;
+    _checked: boolean;
+} | {
+    _checked: boolean | undefined;
+    handleChange?: undefined;
+    handleClick?: undefined;
+};
+export {};

package/lib/components/checkbox/hook/useCheckbox.js

@@ -0,0 +1,49 @@
+import { __read } from "tslib";
+import React from 'react';
+export var useCheckbox = function (_a) {
+    var checked = _a.checked, readonly = _a.readonly, value = _a.value, onChange = _a.onChange, onClick = _a.onClick;
+    try {
+        var _b = __read(React.useState(checked || false), 2), _checked = _b[0], setChecked_1 = _b[1];
+        var handleClick = React.useCallback(function (e) {
+            var target = e.target;
+            if (!readonly && target.checked !== undefined) {
+                setChecked_1(target.checked);
+            }
+            target.value = value || '';
+            if (onChange) {
+                onChange({
+                    checkboxId: target.id,
+                    checkboxValue: target.value,
+                    checkboxName: target.name,
+                    checkboxChecked: target.checked,
+                });
+            }
+            if (onClick) {
+                onClick({
+                    checkboxId: target.id,
+                    checkboxValue: target.value,
+                    checkboxName: target.name,
+                    checkboxChecked: target.checked,
+                });
+            }
+        }, []);
+        var handleChange = React.useCallback(function (e) {
+            return e;
+        }, []);
+        React.useEffect(function () {
+            if (!readonly)
+                setChecked_1(checked || false);
+        }, [checked, readonly]);
+        return {
+            handleChange: handleChange,
+            handleClick: handleClick,
+            _checked: _checked,
+        };
+    }
+    catch (_c) {
+        return {
+            _checked: checked,
+        };
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L2hvb2svdXNlQ2hlY2tib3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFZekIsTUFBTSxDQUFDLElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBd0Q7UUFBdEQsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBO0lBQ3ZFLElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBeUIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxPQUFPLElBQUksS0FBSyxDQUFDLElBQUEsRUFBakUsUUFBUSxRQUFBLEVBQUUsWUFBVSxRQUE2QyxDQUFBO1FBRXhFLElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUMsVUFBQyxDQUFtQjtZQUN4RCxJQUFNLE1BQU0sR0FBRyxDQUFDLENBQUMsTUFBMEIsQ0FBQTtZQUMzQyxJQUFJLENBQUMsUUFBUSxJQUFJLE1BQU0sQ0FBQyxPQUFPLEtBQUssU0FBUyxFQUFFO2dCQUM3QyxZQUFVLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFBO2FBQzNCO1lBQ0QsTUFBTSxDQUFDLEtBQUssR0FBRyxLQUFLLElBQUksRUFBRSxDQUFBO1lBQzFCLElBQUksUUFBUSxFQUFFO2dCQUNaLFFBQVEsQ0FBQztvQkFDUCxVQUFVLEVBQUUsTUFBTSxDQUFDLEVBQUU7b0JBQ3JCLGFBQWEsRUFBRSxNQUFNLENBQUMsS0FBSztvQkFDM0IsWUFBWSxFQUFFLE1BQU0sQ0FBQyxJQUFJO29CQUN6QixlQUFlLEVBQUUsTUFBTSxDQUFDLE9BQU87aUJBQ2hDLENBQUMsQ0FBQTthQUNIO1lBQ0QsSUFBSSxPQUFPLEVBQUU7Z0JBQ1gsT0FBTyxDQUFDO29CQUNOLFVBQVUsRUFBRSxNQUFNLENBQUMsRUFBRTtvQkFDckIsYUFBYSxFQUFFLE1BQU0sQ0FBQyxLQUFLO29CQUMzQixZQUFZLEVBQUUsTUFBTSxDQUFDLElBQUk7b0JBQ3pCLGVBQWUsRUFBRSxNQUFNLENBQUMsT0FBTztpQkFDaEMsQ0FBQyxDQUFBO2FBQ0g7UUFDSCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUE7UUFFTixJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDLFVBQUMsQ0FBb0I7WUFDMUQsT0FBTyxDQUFDLENBQUE7UUFDVixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUE7UUFFTixLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsSUFBSSxDQUFDLFFBQVE7Z0JBQUUsWUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtRQUM3QyxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQTtRQUV2QixPQUFPO1lBQ0wsWUFBWSxjQUFBO1lBQ1osV0FBVyxhQUFBO1lBQ1gsUUFBUSxVQUFBO1NBQ1QsQ0FBQTtLQUNGO0lBQUMsV0FBTTtRQUNOLE9BQU87WUFDTCxRQUFRLEVBQUUsT0FBTztTQUNsQixDQUFBO0tBQ0Y7QUFDSCxDQUFDLENBQUEifQ==

package/lib/components/checkbox/index.d.ts

@@ -1,4 +1 @@
-import Checkbox from './Checkbox';
-import CheckboxTile from './tiles/tile/CheckboxTile';
-import CheckboxTiles from './tiles/CheckboxTiles';
-export { Checkbox, CheckboxTiles, CheckboxTile };
+export { default as Checkbox } from '../../components/checkbox/Checkbox';

package/lib/components/checkbox/index.js

@@ -1,5 +1,2 @@
-import Checkbox from './Checkbox';
-import CheckboxTile from './tiles/tile/CheckboxTile';
-import CheckboxTiles from './tiles/CheckboxTiles';
-export { Checkbox, CheckboxTiles, CheckboxTile };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUNqQyxPQUFPLFlBQVksTUFBTSwyQkFBMkIsQ0FBQTtBQUNwRCxPQUFPLGFBQWEsTUFBTSx1QkFBdUIsQ0FBQTtBQUVqRCxPQUFPLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsQ0FBQSJ9
+export { default as Checkbox } from '../../components/checkbox/Checkbox';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLElBQUksUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUEifQ==

package/lib/components/chips/Chips.d.ts

@@ -1,16 +1,4 @@
-/// <reference types="react" />
-import { ChipsProps } from "./ChipsProps";
-/**
- * Chips Component - has to be in a ChipsList component
- * @param children {string} Chips content
- * @param id {string} Chips id
- * @param onClick {Function} onClick Event for all Chips
- * @param active {boolean} active Render Chips Active
- * @param disabled {boolean} Disabled chips
- *  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param testId {string} Test Id for Test Integration
- * @param others
- */
-declare const Chips: ({ className, onClick, children, active, disabled, id, ...others }: ChipsProps) => JSX.Element;
-export default Chips;
+import React from 'react';
+import { ChipsProps } from '../../components/chips/ChipsProps';
+declare const _default: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLButtonElement>>;
+export default _default;

package/lib/components/chips/Chips.js

@@ -1,9 +1,8 @@
 import { __assign, __rest } from "tslib";
-import React from "react";
-import { is } from "../../services";
-import clsx from "clsx";
-import { hashClass } from "../../helpers";
-import { useTrilogyContext } from "../../context";
+import clsx from 'clsx';
+import React from 'react';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services/classify';
 /**
  * Chips Component - has to be in a ChipsList component
  * @param children {string} Chips content
@@ -16,13 +15,10 @@ import { useTrilogyContext } from "../../context";
  * @param testId {string} Test Id for Test Integration
  * @param others
  */
-var Chips = function (_a) {
-    var className = _a.className, onClick = _a.onClick, children = _a.children, active = _a.active, disabled = _a.disabled, id = _a.id, others = __rest(_a, ["className", "onClick", "children", "active", "disabled", "id"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx("chips", active && is("active"), className));
-    return (React.createElement("button", __assign({}, { disabled: disabled }, { "aria-disabled": disabled, id: id, "aria-pressed": !!active, className: classes, onClick: function (e) {
-            onClick === null || onClick === void 0 ? void 0 : onClick(e);
-        } }, others), children));
+var Chips = function (_a, ref) {
+    var className = _a.className, onClick = _a.onClick, children = _a.children, active = _a.active, disabled = _a.disabled, id = _a.id, testId = _a.testId, others = __rest(_a, ["className", "onClick", "children", "active", "disabled", "id", "testId"]);
+    var classes = hashClass(clsx('chips', active && is('active'), className));
+    return (React.createElement("button", __assign({}, { disabled: disabled }, { "aria-disabled": disabled, "data-testid": testId, id: id, "aria-pressed": !!active, className: classes, onClick: onClick && onClick, ref: ref }, others), children));
 };
-export default Chips;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoaXBzL0NoaXBzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQVFGO0lBUFgsSUFBQSxTQUFTLGVBQUEsRUFDVCxPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixFQUFFLFFBQUEsRUFDQyxNQUFNLGNBUEksZ0VBUWQsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixPQUFPLEVBQ1AsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFDdEIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCwyQ0FDTSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUscUJBQ1gsUUFBUSxFQUN2QixFQUFFLEVBQUUsRUFBRSxrQkFDUSxDQUFDLENBQUMsTUFBTSxFQUN0QixTQUFTLEVBQUUsT0FBTyxFQUNsQixPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1FBQ2QsQ0FBQyxJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0YsQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUEifQ==
+export default React.forwardRef(Chips);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoaXBzL0NoaXBzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFDWixFQUFxRixFQUNyRixHQUFpQztJQUQvQixJQUFBLFNBQVMsZUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBdkUsMEVBQXlFLENBQUY7SUFHdkUsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRTNFLE9BQU8sQ0FDTCwyQ0FDTSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUscUJBQ1gsUUFBUSxpQkFDVixNQUFNLEVBQ25CLEVBQUUsRUFBRSxFQUFFLGtCQUNRLENBQUMsQ0FBQyxNQUFNLEVBQ3RCLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUMzQixHQUFHLEVBQUUsR0FBRyxJQUNKLE1BQU0sR0FFVCxRQUFRLENBQ0YsQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFBIn0=

package/lib/components/chips/Chips.native.d.ts

@@ -1,16 +1,5 @@
-/// <reference types="react" />
-import { ChipsProps } from "./ChipsProps";
-import { ComponentName } from "../../components/enumsComponentsName";
-/**
- * Chips Component - has to be in a ChipsList component
- * @param children {string} Chips content
- * @param id {string} Chips id
- * @param onClick {Function} onClick Event for all Chips
- * @param active {boolean} active Render Chips Active
- * @param disabled {boolean} Disabled chips
- */
-declare const Chips: {
-    ({ children, onClick, disabled, active, ...others }: ChipsProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default Chips;
+import React from 'react';
+import { TouchableOpacity } from 'react-native';
+import { ChipsProps } from '../../components/chips/ChipsProps';
+declare const _default: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<TouchableOpacity>>;
+export default _default;

package/lib/components/chips/Chips.native.js

@@ -1,12 +1,12 @@
 import { __assign, __read, __rest } from "tslib";
-import React, { useContext, useEffect, useState } from "react";
-import { StyleSheet, TouchableOpacity, } from "react-native";
-import { Text, TextLevels } from "../../components/text";
-import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
-import { Icon, IconColor, IconName, IconSize } from "../icon";
-import { ChipsContext } from "./list/ChipsList.native";
-import { Spacer, SpacerSize } from "../../components/spacer";
-import { ComponentName } from "../../components/enumsComponentsName";
+import React, { useContext, useEffect, useState } from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+import { ChipsContext } from '../../components/chips/list/ChipsList.native';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Icon, IconColor, IconName, IconSize } from '../../components/icon';
+import { Spacer, SpacerSize } from '../../components/spacer';
+import { Text, TextLevels } from '../../components/text';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
 /**
  * Chips Component - has to be in a ChipsList component
  * @param children {string} Chips content
@@ -15,7 +15,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param active {boolean} active Render Chips Active
  * @param disabled {boolean} Disabled chips
  */
-var Chips = function (_a) {
+var Chips = function (_a, ref) {
     var children = _a.children, onClick = _a.onClick, disabled = _a.disabled, active = _a.active, others = __rest(_a, ["children", "onClick", "disabled", "active"]);
     var _b = __read(useState(active || false), 2), activeItem = _b[0], setActiveItem = _b[1];
     var chipsContext = useContext(ChipsContext);
@@ -35,17 +35,17 @@ var Chips = function (_a) {
             margin: 6,
             borderColor: active ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.NEUTRAL),
             borderWidth: 1,
-            flexDirection: "row",
+            flexDirection: 'row',
         },
         text: {
-            alignSelf: "center",
+            alignSelf: 'center',
             color: (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
                 (active && getColorStyle(TrilogyColor.BACKGROUND)) ||
                 getColorStyle(TrilogyColor.MAIN),
             paddingTop: 1,
-        }
+        },
     });
-    return (React.createElement(TouchableOpacity, __assign({ disabled: disabled, style: styles.chips, onPress: function (e) {
+    return (React.createElement(TouchableOpacity, __assign({ ref: ref, disabled: disabled, style: styles.chips, onPress: function (e) {
             setActiveItem(active || false);
             if (onClick) {
                 onClick(e);
@@ -57,5 +57,5 @@ var Chips = function (_a) {
         React.createElement(Text, { level: TextLevels.TWO, style: styles.text }, children)));
 };
 Chips.displayName = ComponentName.Chips;
-export default Chips;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHMubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jaGlwcy9DaGlwcy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzlELE9BQU8sRUFBeUIsVUFBVSxFQUFFLGdCQUFnQixHQUFHLE1BQU0sY0FBYyxDQUFBO0FBRW5GLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7OztHQU9HO0FBRUgsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQU1hO0lBTFgsSUFBQSxRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBTFgsNkNBTUMsQ0FEVTtJQUVsQixJQUFBLEtBQUEsT0FBOEIsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQXNDLENBQUE7SUFDdEUsSUFBTSxZQUFZLEdBQUcsVUFBVSxDQUFDLFlBQVksQ0FBQyxDQUFBO0lBRTdDLFNBQVMsQ0FBQztRQUNSLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtJQUVaLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUNiLENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDLENBQUM7Z0JBQ3RELENBQUMsVUFBVSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ2hELGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO1lBQ3hDLFlBQVksRUFBRSxFQUFFO1lBQ2hCLFdBQVcsRUFBRSxFQUFFO1lBQ2YsWUFBWSxFQUFFLEVBQUU7WUFDaEIsVUFBVSxFQUFFLENBQUM7WUFDYixhQUFhLEVBQUUsQ0FBQztZQUNoQixNQUFNLEVBQUUsQ0FBQztZQUNULFdBQVcsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1lBQzVGLFdBQVcsRUFBRSxDQUFDO1lBQ2QsYUFBYSxFQUFFLEtBQUs7U0FDckI7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsUUFBUTtZQUNuQixLQUFLLEVBQ0gsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDbEQsQ0FBQyxNQUFNLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDbEQsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDbEMsVUFBVSxFQUFFLENBQUM7U0FDZDtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0IsYUFDZixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFDbkIsT0FBTyxFQUFFLFVBQUMsQ0FBeUI7WUFDakMsYUFBYSxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsQ0FBQTtZQUM5QixJQUFJLE9BQU8sRUFBRTtnQkFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7YUFDWDtRQUNILENBQUMsSUFDRyxNQUFNO1FBRVQsWUFBWSxDQUFDLFVBQVUsSUFBSSxNQUFNLElBQUksQ0FDcEM7WUFDRSxvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLFFBQVEsQ0FBQyxPQUFPLEVBQ3RCLEtBQUssRUFBRSxTQUFTLENBQUMsS0FBSyxFQUN0QixJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssR0FDcEI7WUFDRixvQkFBQyxNQUFNLElBQUMsVUFBVSxRQUFDLElBQUksRUFBRSxVQUFVLENBQUMsR0FBRyxHQUFHLENBQ3pDLENBQ0o7UUFDRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQzVDLFFBQVEsQ0FDSixDQUNVLENBQ3BCLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==
+export default React.forwardRef(Chips);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHMubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jaGlwcy9DaGlwcy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzlELE9BQU8sRUFBeUIsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR2xGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQTtBQUN2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXBFOzs7Ozs7O0dBT0c7QUFFSCxJQUFNLEtBQUssR0FBRyxVQUNaLEVBQThELEVBQzlELEdBQWdDO0lBRDlCLElBQUEsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUFoRCw2Q0FBa0QsQ0FBRjtJQUcxQyxJQUFBLEtBQUEsT0FBOEIsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQXNDLENBQUE7SUFDdEUsSUFBTSxZQUFZLEdBQUcsVUFBVSxDQUFDLFlBQVksQ0FBQyxDQUFBO0lBRTdDLFNBQVMsQ0FBQztRQUNSLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtJQUVaLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUNiLENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDLENBQUM7Z0JBQ3RELENBQUMsVUFBVSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ2hELGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO1lBQ3hDLFlBQVksRUFBRSxFQUFFO1lBQ2hCLFdBQVcsRUFBRSxFQUFFO1lBQ2YsWUFBWSxFQUFFLEVBQUU7WUFDaEIsVUFBVSxFQUFFLENBQUM7WUFDYixhQUFhLEVBQUUsQ0FBQztZQUNoQixNQUFNLEVBQUUsQ0FBQztZQUNULFdBQVcsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1lBQzVGLFdBQVcsRUFBRSxDQUFDO1lBQ2QsYUFBYSxFQUFFLEtBQUs7U0FDckI7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsUUFBUTtZQUNuQixLQUFLLEVBQ0gsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDbEQsQ0FBQyxNQUFNLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDbEQsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDbEMsVUFBVSxFQUFFLENBQUM7U0FDZDtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0IsYUFDZixHQUFHLEVBQUUsR0FBRyxFQUNSLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUNuQixPQUFPLEVBQUUsVUFBQyxDQUF5QjtZQUNqQyxhQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO1lBQzlCLElBQUksT0FBTyxFQUFFO2dCQUNYLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTthQUNYO1FBQ0gsQ0FBQyxJQUNHLE1BQU07UUFFVCxZQUFZLENBQUMsVUFBVSxJQUFJLE1BQU0sSUFBSSxDQUNwQztZQUNFLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssR0FBSTtZQUM5RSxvQkFBQyxNQUFNLElBQUMsVUFBVSxRQUFDLElBQUksRUFBRSxVQUFVLENBQUMsR0FBRyxHQUFJLENBQzFDLENBQ0o7UUFDRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQzVDLFFBQVEsQ0FDSixDQUNVLENBQ3BCLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFBIn0=