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

package/lib/components/prompt/toolbar/tools/select/PromptSelect.native.js

@@ -0,0 +1,22 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../../../components/enumsComponentsName';
+import { PromptContext } from '../../../../../components/prompt/context';
+import Select from '../../../../../components/select/Select.native';
+import React, { useContext } from 'react';
+var PromptSelect = React.forwardRef(function (_a, ref) {
+    var disabled = _a.disabled, readOnly = _a.readOnly, others = __rest(_a, ["disabled", "readOnly"]);
+    var _b = useContext(PromptContext), isDisabled = _b.isDisabled, isReadonly = _b.isReadonly;
+    var isDisable = isDisabled || disabled;
+    var isReadOnly = isReadonly || readOnly;
+    return (React.createElement(Select, __assign({ readOnly: isReadOnly, disabled: isDisable, ref: ref }, __assign(__assign({}, others), { wrapper: {
+            borderWidth: 0,
+            height: 36,
+            maxWidth: '100%',
+        }, inputStyle: {
+            width: '100%',
+            paddingRight: 40,
+        } }))));
+});
+PromptSelect.displayName = ComponentName.PromptSelect;
+export default PromptSelect;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0U2VsZWN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvbXB0L3Rvb2xiYXIvdG9vbHMvc2VsZWN0L1Byb21wdFNlbGVjdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQzNELE9BQU8sTUFBTSxNQUFNLG1DQUFtQyxDQUFBO0FBRXRELE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBR3pDLElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLFVBQUMsRUFBaUMsRUFBRSxHQUFHO0lBQXBDLElBQUEsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUEvQix3QkFBaUMsQ0FBRjtJQUN4QixJQUFBLEtBQTZCLFVBQVUsQ0FBQyxhQUFhLENBQUMsRUFBcEQsVUFBVSxnQkFBQSxFQUFFLFVBQVUsZ0JBQThCLENBQUE7SUFDNUQsSUFBTSxTQUFTLEdBQUcsVUFBVSxJQUFJLFFBQVEsQ0FBQTtJQUN4QyxJQUFNLFVBQVUsR0FBRyxVQUFVLElBQUksUUFBUSxDQUFBO0lBRXpDLE9BQU8sQ0FDTCxvQkFBQyxNQUFNLGFBQ0wsUUFBUSxFQUFFLFVBQVUsRUFDcEIsUUFBUSxFQUFFLFNBQVMsRUFDbkIsR0FBRyxFQUFFLEdBQUcsMEJBRUgsTUFBTSxLQUNULE9BQU8sRUFBRTtZQUNQLFdBQVcsRUFBRSxDQUFDO1lBQ2QsTUFBTSxFQUFFLEVBQUU7WUFDVixRQUFRLEVBQUUsTUFBTTtTQUNqQixFQUNELFVBQVUsRUFBRTtZQUNWLEtBQUssRUFBRSxNQUFNO1lBQ2IsWUFBWSxFQUFFLEVBQUU7U0FDakIsS0FFSCxDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFlBQVksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQTtBQUNyRCxlQUFlLFlBQVksQ0FBQSJ9

package/lib/components/prompt/toolbar/tools/select/PromptSelectProps.d.ts

@@ -0,0 +1,3 @@
+import { TextInput } from 'react-native';
+export type PromptSelectRef = HTMLSelectElement | HTMLInputElement;
+export type PromptSelectNativeRef = TextInput;

package/lib/components/prompt/toolbar/tools/select/PromptSelectProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0U2VsZWN0UHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC90b29sYmFyL3Rvb2xzL3NlbGVjdC9Qcm9tcHRTZWxlY3RQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/prompt/toolbar/tools/select/index.d.ts

@@ -0,0 +1,3 @@
+import PromptSelect from './PromptSelect';
+export * from './PromptSelectProps';
+export { PromptSelect };

package/lib/components/prompt/toolbar/tools/select/index.js

@@ -0,0 +1,4 @@
+import PromptSelect from './PromptSelect';
+export * from './PromptSelectProps';
+export { PromptSelect };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC90b29sYmFyL3Rvb2xzL3NlbGVjdC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFlBQVksTUFBTSxnQkFBZ0IsQ0FBQTtBQUV6QyxjQUFjLHFCQUFxQixDQUFBO0FBQ25DLE9BQU8sRUFBRSxZQUFZLEVBQUUsQ0FBQSJ9

package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOption.d.ts

@@ -0,0 +1,12 @@
+import { SelectOptionProps } from '../../../../../../components/select/option/SelectOptionProps';
+import React from 'react';
+/**
+ * PromptSelectOption component - Option item for PromptSelect dropdown
+ * @param value {string} Option value
+ * @param children {ReactNode} Option display text
+ * @param disabled {boolean} Whether the option is disabled
+ * @param className {string} Additional CSS classes (ONLY FOR WEB)
+ * @param testId {string} Test Id for Test Integration
+ */
+declare const PromptSelectOption: React.ForwardRefExoticComponent<SelectOptionProps<string> & React.RefAttributes<HTMLOptionElement>>;
+export default PromptSelectOption;

package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOption.js

@@ -0,0 +1,19 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../../../../components/enumsComponentsName';
+import { SelectOption } from '../../../../../../components/select';
+import React from 'react';
+/**
+ * PromptSelectOption component - Option item for PromptSelect dropdown
+ * @param value {string} Option value
+ * @param children {ReactNode} Option display text
+ * @param disabled {boolean} Whether the option is disabled
+ * @param className {string} Additional CSS classes (ONLY FOR WEB)
+ * @param testId {string} Test Id for Test Integration
+ */
+var PromptSelectOption = React.forwardRef(function (_a, ref) {
+    var others = __rest(_a, []);
+    return React.createElement(SelectOption, __assign({ ref: ref }, others));
+});
+PromptSelectOption.displayName = ComponentName.PromptSelectOption;
+export default PromptSelectOption;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0U2VsZWN0T3B0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9tcHQvdG9vbGJhci90b29scy9zZWxlY3Qvb3B0aW9ucy9Qcm9tcHRTZWxlY3RPcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRWxELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6Qjs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxrQkFBa0IsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUEyQyxVQUFDLEVBQWEsRUFBRSxHQUFHO1FBQWIsTUFBTSxjQUFYLEVBQWEsQ0FBRjtJQUNoRyxPQUFPLG9CQUFDLFlBQVksYUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQy9DLENBQUMsQ0FBQyxDQUFBO0FBRUYsa0JBQWtCLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQTtBQUNqRSxlQUFlLGtCQUFrQixDQUFBIn0=

package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOption.native.d.ts

@@ -0,0 +1,4 @@
+import { SelectOptionProps } from '../../../../../../components/select/option/SelectOptionProps';
+import React from 'react';
+declare const PromptSelectOption: React.ForwardRefExoticComponent<SelectOptionProps<string> & React.RefAttributes<import("react-native/types").TouchableOpacity>>;
+export default PromptSelectOption;

package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOption.native.js

@@ -0,0 +1,11 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../../../../components/enumsComponentsName';
+import SelectOption from '../../../../../../components/select/option/SelectOption.native';
+import React from 'react';
+var PromptSelectOption = React.forwardRef(function (_a, ref) {
+    var others = __rest(_a, []);
+    return React.createElement(SelectOption, __assign({ ref: ref }, others));
+});
+PromptSelectOption.displayName = ComponentName.PromptSelectOption;
+export default PromptSelectOption;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0U2VsZWN0T3B0aW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvbXB0L3Rvb2xiYXIvdG9vbHMvc2VsZWN0L29wdGlvbnMvUHJvbXB0U2VsZWN0T3B0aW9uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLFlBQVksTUFBTSxnREFBZ0QsQ0FBQTtBQUV6RSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsSUFBTSxrQkFBa0IsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFpRCxVQUFDLEVBQWEsRUFBRSxHQUFHO1FBQWIsTUFBTSxjQUFYLEVBQWEsQ0FBRjtJQUN0RyxPQUFPLG9CQUFDLFlBQVksYUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQy9DLENBQUMsQ0FBQyxDQUFBO0FBRUYsa0JBQWtCLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQTtBQUNqRSxlQUFlLGtCQUFrQixDQUFBIn0=

package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOptionProps.d.ts

@@ -0,0 +1,3 @@
+import { TouchableOpacity } from 'react-native';
+export type PromptSelectOptionRef = HTMLOptionElement;
+export type PromptSelectOptionNativeRef = TouchableOpacity;

package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOptionProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0U2VsZWN0T3B0aW9uUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC90b29sYmFyL3Rvb2xzL3NlbGVjdC9vcHRpb25zL1Byb21wdFNlbGVjdE9wdGlvblByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/components/prompt/toolbar/tools/select/options/index.d.ts

@@ -0,0 +1,3 @@
+import PromptSelectOption from './PromptSelectOption';
+export * from './PromptSelectOptionProps';
+export { PromptSelectOption };

package/lib/components/prompt/toolbar/tools/select/options/index.js

@@ -0,0 +1,4 @@
+import PromptSelectOption from './PromptSelectOption';
+export * from './PromptSelectOptionProps';
+export { PromptSelectOption };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC90b29sYmFyL3Rvb2xzL3NlbGVjdC9vcHRpb25zL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sa0JBQWtCLE1BQU0sc0JBQXNCLENBQUE7QUFFckQsY0FBYywyQkFBMkIsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQSJ9

package/lib/components/radio/EventHandlerDefaults.js

@@ -0,0 +1,21 @@
+export default {
+  "radioValue": {
+    "type": "string",
+    "values": []
+  },
+  "radioName": {
+    "type": "string",
+    "values": []
+  },
+  "radioChecked": {
+    "type": "boolean",
+    "values": [
+      "false",
+      "true"
+    ]
+  },
+  "radioId": {
+    "type": "string",
+    "values": []
+  }
+};

package/lib/components/radio/Radio.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { RadioProps } from './RadioProps';
+import { RadioProps } from '../../components/radio/RadioProps';
+import React from 'react';
 /**
- * radio Component
+ * Radio
  * @param checked {boolean} Checked radio
  * @param disabled {boolean} Disabled
  * @param readOnly {boolean} readonly radio
@@ -9,9 +9,10 @@ import { RadioProps } from './RadioProps';
  * @param label {string} Label for radio
  * @param onChange {ChangeEvent}
  * @param name {string} Name for radio
- * - -------------------------- WEB PROPERTIES -------------------------------
  * @param value {string} Value for radio
- * @param className {string} Additionnal css classes (ONLY FOR WEB)
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional css classes (ONLY FOR WEB)
+ * @param required {boolean} Required radio
  */
-declare const Radio: ({ checked, className, disabled, readonly, id, label, onChange, name, value, ...others }: RadioProps) => JSX.Element;
+declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLDivElement>>;
 export default Radio;

package/lib/components/radio/Radio.js

@@ -1,11 +1,11 @@
-import { __assign, __read, __rest } from "tslib";
-import React, { useEffect, useState } from 'react';
-import shortid from 'shortid';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
+import { __assign, __rest } from "tslib";
 import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import React from 'react';
+import { ComponentName } from '../enumsComponentsName';
 /**
- * radio Component
+ * Radio
  * @param checked {boolean} Checked radio
  * @param disabled {boolean} Disabled
  * @param readOnly {boolean} readonly radio
@@ -13,22 +13,27 @@ import { useTrilogyContext } from '../../context';
  * @param label {string} Label for radio
  * @param onChange {ChangeEvent}
  * @param name {string} Name for radio
- * - -------------------------- WEB PROPERTIES -------------------------------
  * @param value {string} Value for radio
- * @param className {string} Additionnal css classes (ONLY FOR WEB)
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional css classes (ONLY FOR WEB)
+ * @param required {boolean} Required radio
  */
-var Radio = function (_a) {
-    var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value"]);
+var Radio = React.forwardRef(function (_a, ref) {
+    var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, required = _a.required, testId = _a.testId, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "required", "testId"]);
     var styled = useTrilogyContext().styled;
-    var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
-    useEffect(function () {
-        if (!readonly) {
-            setChecked(checked || false);
-        }
-    }, [checked, readonly]);
-    return (React.createElement("div", { className: hashClass(styled, clsx('radio', className)), tabIndex: 0 },
-        React.createElement("input", __assign({ "aria-checked": checked, type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: function (e) { return (onChange ? onChange : setChecked(e.target.checked)); } }, others)),
+    return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('radio', className)) },
+        React.createElement("input", __assign({ "data-testid": testId, type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: checked, required: required, onChange: function (e) {
+                if (onChange && !disabled && !readonly) {
+                    onChange(Object.assign(e, {
+                        radioId: e.target.id,
+                        radioValue: e.target.value,
+                        radioName: e.target.name,
+                        radioChecked: e.target.checked,
+                    }));
+                }
+            } }, others)),
         React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('radio-label')) }, label)));
-};
+});
+Radio.displayName = ComponentName.Radio;
 export default Radio;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL1JhZGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQVdGO0lBVlgsSUFBQSxPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDRixNQUFNLGNBVkksNEZBV2QsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRWhDLElBQUEsS0FBQSxPQUF5QixRQUFRLENBQVUsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQTNELFFBQVEsUUFBQSxFQUFFLFVBQVUsUUFBdUMsQ0FBQTtJQUVsRSxTQUFTLENBQUM7UUFDUixJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2IsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtTQUM3QjtJQUNILENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRXZCLE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLFNBQVMsQ0FBQyxDQUFDLEVBQUUsUUFBUSxFQUFFLENBQUM7UUFDdEUsd0RBQ2dCLE9BQU8sRUFDckIsSUFBSSxFQUFDLE9BQU8sRUFDWixRQUFRLEVBQUUsUUFBUSxFQUNsQixFQUFFLEVBQUUsRUFBRSxFQUNOLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLElBQUksRUFBRSxJQUFJLEVBQ1YsS0FBSyxFQUFFLEtBQUssRUFDWixPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFDdEMsUUFBUSxFQUFFLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsRUFBcEQsQ0FBb0QsSUFDakUsTUFBTSxFQUNWO1FBQ0YsK0JBQU8sT0FBTyxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsSUFDbEUsS0FBSyxDQUNBLENBQ0osQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL1JhZGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RDs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDNUIsVUFDRSxFQUF5SCxFQUN6SCxHQUFHO0lBREQsSUFBQSxPQUFPLGFBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBdkgsa0hBQXlILENBQUY7SUFHL0csSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLDZCQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQztRQUNuRSx1REFDZSxNQUFNLEVBQ25CLElBQUksRUFBQyxPQUFPLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLE9BQU8sRUFDaEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFVBQUMsQ0FBQztnQkFDVixJQUFJLFFBQVEsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLFFBQVEsRUFBRTtvQkFDdEMsUUFBUSxDQUNOLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFO3dCQUNmLE9BQU8sRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUU7d0JBQ3BCLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUs7d0JBQzFCLFNBQVMsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUk7d0JBQ3hCLFlBQVksRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU87cUJBQy9CLENBQUMsQ0FDSCxDQUFBO2lCQUNGO1lBQ0gsQ0FBQyxJQUNHLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQ2xFLEtBQUssQ0FDQSxDQUNKLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBQ3ZDLGVBQWUsS0FBSyxDQUFBIn0=

package/lib/components/radio/Radio.native.d.ts

@@ -1,26 +1,16 @@
-/// <reference types="react" />
-import { RadioProps } from './RadioProps';
-import { ComponentName } from '../../components/enumsComponentsName';
+import { RadioNativeProps } from '../../components/radio/RadioProps';
+import React from 'react';
+import { TouchableOpacity } from 'react-native';
 /**
- * Radio Component
- * @param checked {boolean} Checked Radio
+ * radio Component
+ * @param checked {boolean} Checked radio
  * @param disabled {boolean} Disabled
- * @param readOnly {boolean} readonly Radio
+ * @param readOnly {boolean} readonly radio
  * @param id {string} Id for button, by default id is generate
- * @param label {string|ReactNode} Label for Radio
- * @param onClick {ClickEvent}
+ * @param label {string} Label for radio
  * @param onChange {ChangeEvent}
  * @param name {string} Name for radio
  * @param value {string} Value for radio
- * @param iconTile {IconName} Icon for Radio
- * @param narrow {boolean} Apply narrow
- * @param children {React.ReactNode} If Children is provided, don't use label / Icon / Description
- * @param tile {boolean} Radio Tile
- * @param description {string} Description for Radio tile
- * @param horizontalTile {boolean} display horizontal Radio tile
  */
-declare const Radio: {
-    ({ id, checked, name, onChange, disabled, readonly, label, value, }: RadioProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Radio: React.ForwardRefExoticComponent<RadioNativeProps & React.RefAttributes<TouchableOpacity>>;
 export default Radio;

package/lib/components/radio/Radio.native.js

@@ -1,185 +1,65 @@
-import { __read } from "tslib";
-import React, { useEffect, useState } from 'react';
-import { StyleSheet, TouchableOpacity } from 'react-native';
-import shortid from 'shortid';
-import { getColorStyle, TrilogyColor, TypographyAlign, TypographyBold } from '../../objects';
-import { Icon, IconSize } from '../../components/icon';
-import { Text, TextLevels } from '../../components/text';
-import { View } from '../../components/view';
 import { ComponentName } from '../../components/enumsComponentsName';
+import { Text } from '../../components/text';
+import { getColorStyle, TrilogyColor } from '../../objects';
+import React from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
 /**
- * Radio Component
- * @param checked {boolean} Checked Radio
+ * radio Component
+ * @param checked {boolean} Checked radio
  * @param disabled {boolean} Disabled
- * @param readOnly {boolean} readonly Radio
+ * @param readOnly {boolean} readonly radio
  * @param id {string} Id for button, by default id is generate
- * @param label {string|ReactNode} Label for Radio
- * @param onClick {ClickEvent}
+ * @param label {string} Label for radio
  * @param onChange {ChangeEvent}
  * @param name {string} Name for radio
  * @param value {string} Value for radio
- * @param iconTile {IconName} Icon for Radio
- * @param narrow {boolean} Apply narrow
- * @param children {React.ReactNode} If Children is provided, don't use label / Icon / Description
- * @param tile {boolean} Radio Tile
- * @param description {string} Description for Radio tile
- * @param horizontalTile {boolean} display horizontal Radio tile
  */
-var Radio = 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, value = _a.value;
-    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 = '';
-    var narrow = false;
-    var children = null;
-    var getRadioInsideColor = function (isDisabled, isMain) {
-        if (isDisabled)
-            return getColorStyle(TrilogyColor.DISABLED_FADE);
-        if (isMain)
-            return getColorStyle(TrilogyColor.MAIN);
-        return getColorStyle(TrilogyColor.NEUTRAL);
-    };
-    useEffect(function () {
-        setChecked(checked || false);
-    }, [checked]);
+var Radio = React.forwardRef(function (_a, ref) {
+    var _b = _a.id, id = _b === void 0 ? React.useId() : _b, checked = _a.checked, name = _a.name, onChange = _a.onChange, disabled = _a.disabled, readonly = _a.readonly, label = _a.label, value = _a.value;
     var styles = StyleSheet.create({
         container: {
             flexDirection: 'row',
-            paddingBottom: 5,
-            justifyContent: 'flex-start',
+            alignItems: 'center',
         },
         radio: {
-            flexDirection: 'row',
             alignItems: 'center',
-            borderColor: getColorStyle(TrilogyColor.FONT),
-            borderWidth: 0.6,
-            width: 19,
-            height: 19,
+            justifyContent: 'center',
+            borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
+            borderWidth: 1,
+            width: 18,
+            height: 18,
             borderRadius: 10,
             marginRight: 10,
-            marginLeft: 0,
         },
         icon: {
-            position: 'absolute',
-            left: 2,
-            borderRadius: 30,
-            width: 14,
-            height: 14,
+            borderRadius: 12,
+            width: 12,
+            height: 12,
             backgroundColor: getColorStyle(TrilogyColor.MAIN),
         },
         label: {
+            paddingTop: 2,
             color: (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
-                (_checked && getColorStyle(TrilogyColor.MAIN)) ||
+                (checked && getColorStyle(TrilogyColor.MAIN)) ||
                 getColorStyle(TrilogyColor.MAIN),
         },
-        tile: {
-            padding: _checked ? 3 : 4,
-            paddingBottom: _checked ? 7 : 8,
-            maxWidth: 140,
-            width: 126,
-            borderWidth: (_checked && 2) || 1,
-            borderColor: getRadioInsideColor(!!disabled, _checked),
-            borderRadius: 6,
-            textAlign: 'center',
-            alignItems: 'center',
-            backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : 'transparent',
-        },
-        tileDescription: {
-            color: getRadioInsideColor(!!disabled, true),
-            alignSelf: horizontalTile ? 'flex-start' : 'center',
-        },
-        horizontalTile: {
-            paddingVertical: _checked ? 15 : 16,
-            paddingHorizontal: _checked ? 5 : 6,
-            width: narrow ? 'auto' : '100%',
-            height: 'auto',
-            borderWidth: (_checked && 2) || 1,
-            borderColor: getRadioInsideColor(!!disabled, _checked),
-            borderRadius: 6,
-            backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : 'transparent',
-        },
     });
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var handleClick = function (value) {
         if (!readonly) {
-            setChecked(value);
-            if (onClick) {
-                onClick({
-                    radioId: id,
-                    radioValue: value,
-                    radioName: name || '',
-                    radioChecked: !_checked,
-                });
-            }
             if (onChange) {
                 onChange({
                     radioId: id,
                     radioValue: value,
                     radioName: name || '',
-                    radioChecked: !_checked,
+                    radioChecked: true,
                 });
             }
         }
     };
-    if (horizontalTile) {
-        return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.horizontalTile, onPress: function () { return handleClick(value || false); } },
-            React.createElement(View, { style: { flexDirection: 'row' } },
-                children ? (React.createElement(View, { style: {
-                        flexDirection: 'row',
-                        width: '88%',
-                        height: 'auto',
-                        justifyContent: 'flex-start',
-                        alignItems: 'center',
-                        marginLeft: 10,
-                    } }, children)) : (React.createElement(React.Fragment, null,
-                    React.createElement(View, { style: {
-                            width: iconTile ? '12%' : '6%',
-                            height: 'auto',
-                            justifyContent: 'center',
-                            alignItems: 'center',
-                            marginLeft: 10,
-                        } }, iconTile && (React.createElement(View, null,
-                        React.createElement(Icon, { size: IconSize.SMALL, name: iconTile, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN })))),
-                    React.createElement(View, { style: {
-                            width: iconTile ? '76%' : '82%',
-                            flexDirection: 'row',
-                            alignSelf: 'stretch',
-                            flexWrap: 'wrap',
-                            height: 'auto',
-                        } },
-                        React.createElement(View, null,
-                            label && typeof label.valueOf() === 'string' && (React.createElement(Text, { style: styles.label, level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
-                            description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.tileDescription }, String(description))) : (description))))),
-                React.createElement(View, { style: {
-                        width: '10%',
-                        alignItems: 'flex-end',
-                        justifyContent: 'center',
-                        paddingRight: 10,
-                    } },
-                    React.createElement(TouchableOpacity, { style: styles.radio, disabled: disabled, testID: id, onPressIn: function () { return handleClick(value || false); } }, _checked && !disabled && React.createElement(View, { style: styles.icon }))))));
-    }
-    if (tile) {
-        return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.tile, onPress: function () { return handleClick(value || false); } },
-            React.createElement(TouchableOpacity, { style: [{ alignSelf: 'flex-end', marginTop: 10 }, styles.radio], disabled: disabled, testID: id, onPressIn: function () { return handleClick(value || false); } }, _checked && !disabled && React.createElement(View, { style: styles.icon })),
-            React.createElement(View, { style: { width: '70%', alignItems: 'center' } },
-                iconTile && (React.createElement(View, { style: {
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        marginBottom: 5,
-                    } },
-                    React.createElement(Icon, { size: IconSize.MEDIUM, name: iconTile, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN }))),
-                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))) : (description))));
-    }
-    return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.container, onPress: function () { return handleClick(value || false); } },
-        React.createElement(TouchableOpacity, { style: styles.radio, disabled: disabled, testID: id, onPress: function () { return handleClick(value || false); } }, _checked && React.createElement(View, { style: styles.icon })),
+    return (React.createElement(TouchableOpacity, { ref: ref, disabled: disabled, style: styles.container, onPress: function () { return handleClick(value !== null && value !== void 0 ? value : ''); } },
+        React.createElement(View, { style: styles.radio, testID: id }, checked && React.createElement(View, { style: styles.icon })),
         label && typeof label.valueOf() === 'string' ? React.createElement(Text, { style: styles.label }, String(label)) : label));
-};
+});
 Radio.displayName = ComponentName.Radio;
 export default Radio;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby9SYWRpby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRCxPQUFPLE9BQU8sTUFBTSxTQUFTLENBQUE7QUFDN0IsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN4RixPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFDLEVBU0Y7UUFSWCxVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUE7SUFFQyxJQUFBLEtBQUEsT0FBeUIsUUFBUSxDQUFVLE9BQU8sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEzRCxRQUFRLFFBQUEsRUFBRSxVQUFVLFFBQXVDLENBQUE7SUFFbEUsSUFBTSxjQUFjLEdBQUcsS0FBSyxDQUFBO0lBQzVCLDRDQUE0QztJQUM1QyxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQU8sSUFBSyxPQUFBLElBQUksRUFBSixDQUFJLENBQUE7SUFDakMsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFBO0lBQ2xCLElBQU0sV0FBVyxHQUFHLElBQUksQ0FBQTtJQUN4QixJQUFNLFFBQVEsR0FBRyxFQUFFLENBQUE7SUFDbkIsSUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFBO0lBQ3BCLElBQU0sUUFBUSxHQUFHLElBQUksQ0FBQTtJQUVyQixJQUFNLG1CQUFtQixHQUFHLFVBQUMsVUFBbUIsRUFBRSxNQUFlO1FBQy9ELElBQUksVUFBVTtZQUFFLE9BQU8sYUFBYSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsQ0FBQTtRQUNoRSxJQUFJLE1BQU07WUFBRSxPQUFPLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7UUFDbkQsT0FBTyxhQUFhLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFBO0lBQzVDLENBQUMsQ0FBQTtJQUVELFNBQVMsQ0FBQztRQUNSLFVBQVUsQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDLENBQUE7SUFDOUIsQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQTtJQUViLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsYUFBYSxFQUFFLEtBQUs7WUFDcEIsYUFBYSxFQUFFLENBQUM7WUFDaEIsY0FBYyxFQUFFLFlBQVk7U0FDN0I7UUFDRCxLQUFLLEVBQUU7WUFDTCxhQUFhLEVBQUUsS0FBSztZQUNwQixVQUFVLEVBQUUsUUFBUTtZQUNwQixXQUFXLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDN0MsV0FBVyxFQUFFLEdBQUc7WUFDaEIsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtZQUNWLFlBQVksRUFBRSxFQUFFO1lBQ2hCLFdBQVcsRUFBRSxFQUFFO1lBQ2YsVUFBVSxFQUFFLENBQUM7U0FDZDtRQUNELElBQUksRUFBRTtZQUNKLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLElBQUksRUFBRSxDQUFDO1lBQ1AsWUFBWSxFQUFFLEVBQUU7WUFDaEIsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtZQUNWLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztTQUNsRDtRQUNELEtBQUssRUFBRTtZQUNMLEtBQUssRUFDSCxDQUFDLFFBQVEsSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2dCQUNsRCxDQUFDLFFBQVEsSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUM5QyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztTQUNuQztRQUNELElBQUksRUFBRTtZQUNKLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN6QixhQUFhLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDL0IsUUFBUSxFQUFFLEdBQUc7WUFDYixLQUFLLEVBQUUsR0FBRztZQUNWLFdBQVcsRUFBRSxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDO1lBQ2pDLFdBQVcsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLFFBQVEsQ0FBQztZQUN0RCxZQUFZLEVBQUUsQ0FBQztZQUNmLFNBQVMsRUFBRSxRQUFRO1lBQ25CLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLGVBQWUsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWE7U0FDdEY7UUFDRCxlQUFlLEVBQUU7WUFDZixLQUFLLEVBQUUsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUM7WUFDNUMsU0FBUyxFQUFFLGNBQWMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxRQUFRO1NBQ3BEO1FBQ0QsY0FBYyxFQUFFO1lBQ2QsZUFBZSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ25DLGlCQUFpQixFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ25DLEtBQUssRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUMvQixNQUFNLEVBQUUsTUFBTTtZQUNkLFdBQVcsRUFBRSxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDO1lBQ2pDLFdBQVcsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLFFBQVEsQ0FBQztZQUN0RCxZQUFZLEVBQUUsQ0FBQztZQUNmLGVBQWUsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWE7U0FDdEY7S0FDRixDQUFDLENBQUE7SUFFRiw4REFBOEQ7SUFDOUQsSUFBTSxXQUFXLEdBQUcsVUFBQyxLQUFVO1FBQzdCLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixVQUFVLENBQUMsS0FBSyxDQUFDLENBQUE7WUFDakIsSUFBSSxPQUFPLEVBQUU7Z0JBQ1gsT0FBTyxDQUFDO29CQUNOLE9BQU8sRUFBRSxFQUFFO29CQUNYLFVBQVUsRUFBRSxLQUFLO29CQUNqQixTQUFTLEVBQUUsSUFBSSxJQUFJLEVBQUU7b0JBQ3JCLFlBQVksRUFBRSxDQUFDLFFBQVE7aUJBQ3hCLENBQUMsQ0FBQTthQUNIO1lBQ0QsSUFBSSxRQUFRLEVBQUU7Z0JBQ1osUUFBUSxDQUFDO29CQUNQLE9BQU8sRUFBRSxFQUFFO29CQUNYLFVBQVUsRUFBRSxLQUFLO29CQUNqQixTQUFTLEVBQUUsSUFBSSxJQUFJLEVBQUU7b0JBQ3JCLFlBQVksRUFBRSxDQUFDLFFBQVE7aUJBQ3hCLENBQUMsQ0FBQTthQUNIO1NBQ0Y7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFJLGNBQWMsRUFBRTtRQUNsQixPQUFPLENBQ0wsb0JBQUMsZ0JBQWdCLElBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLGNBQWMsRUFBRSxPQUFPLEVBQUUsY0FBTSxPQUFBLFdBQVcsQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLEVBQTNCLENBQTJCO1lBQzVHLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFO2dCQUNsQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ1Ysb0JBQUMsSUFBSSxJQUNILEtBQUssRUFBRTt3QkFDTCxhQUFhLEVBQUUsS0FBSzt3QkFDcEIsS0FBSyxFQUFFLEtBQUs7d0JBQ1osTUFBTSxFQUFFLE1BQU07d0JBQ2QsY0FBYyxFQUFFLFlBQVk7d0JBQzVCLFVBQVUsRUFBRSxRQUFRO3dCQUNwQixVQUFVLEVBQUUsRUFBRTtxQkFDZixJQUVBLFFBQVEsQ0FDSixDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0Y7b0JBQ0Usb0JBQUMsSUFBSSxJQUNILEtBQUssRUFBRTs0QkFDTCxLQUFLLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUk7NEJBQzlCLE1BQU0sRUFBRSxNQUFNOzRCQUNkLGNBQWMsRUFBRSxRQUFROzRCQUN4QixVQUFVLEVBQUUsUUFBUTs0QkFDcEIsVUFBVSxFQUFFLEVBQUU7eUJBQ2YsSUFFQSxRQUFRLElBQUksQ0FDWCxvQkFBQyxJQUFJO3dCQUNILG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssRUFDcEIsSUFBSSxFQUFFLFFBQVEsRUFDZCxLQUFLLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsSUFBSSxHQUMzRCxDQUNHLENBQ1IsQ0FDSTtvQkFDUCxvQkFBQyxJQUFJLElBQ0gsS0FBSyxFQUFFOzRCQUNMLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSzs0QkFDL0IsYUFBYSxFQUFFLEtBQUs7NEJBQ3BCLFNBQVMsRUFBRSxTQUFTOzRCQUNwQixRQUFRLEVBQUUsTUFBTTs0QkFDaEIsTUFBTSxFQUFFLE1BQU07eUJBQ2Y7d0JBRUQsb0JBQUMsSUFBSTs0QkFDRixLQUFLLElBQUksT0FBTyxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxJQUFJLENBQy9DLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsY0FBYyxDQUFDLG9CQUFvQixJQUN4RixNQUFNLENBQUMsS0FBSyxDQUFDLENBQ1QsQ0FDUjs0QkFDQSxXQUFXLElBQUksT0FBTyxXQUFXLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUMxRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxlQUFlLElBQ3ZELE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FDZixDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0YsV0FBVyxDQUNaLENBQ0ksQ0FDRixDQUNOLENBQ0o7Z0JBQ0Qsb0JBQUMsSUFBSSxJQUNILEtBQUssRUFBRTt3QkFDTCxLQUFLLEVBQUUsS0FBSzt3QkFDWixVQUFVLEVBQUUsVUFBVTt3QkFDdEIsY0FBYyxFQUFFLFFBQVE7d0JBQ3hCLFlBQVksRUFBRSxFQUFFO3FCQUNqQjtvQkFFRCxvQkFBQyxnQkFBZ0IsSUFDZixLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFDbkIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsTUFBTSxFQUFFLEVBQUUsRUFDVixTQUFTLEVBQUUsY0FBTSxPQUFBLFdBQVcsQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLEVBQTNCLENBQTJCLElBRTNDLFFBQVEsSUFBSSxDQUFDLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEdBQUksQ0FDckMsQ0FDZCxDQUNGLENBQ1UsQ0FDcEIsQ0FBQTtLQUNGO0lBRUQsSUFBSSxJQUFJLEVBQUU7UUFDUixPQUFPLENBQ0wsb0JBQUMsZ0JBQWdCLElBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsY0FBTSxPQUFBLFdBQVcsQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLEVBQTNCLENBQTJCO1lBQ2xHLG9CQUFDLGdCQUFnQixJQUNmLEtBQUssRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLEVBQUUsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUMvRCxRQUFRLEVBQUUsUUFBUSxFQUNsQixNQUFNLEVBQUUsRUFBRSxFQUNWLFNBQVMsRUFBRSxjQUFNLE9BQUEsV0FBVyxDQUFDLEtBQUssSUFBSSxLQUFLLENBQUMsRUFBM0IsQ0FBMkIsSUFFM0MsUUFBUSxJQUFJLENBQUMsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksR0FBSSxDQUNyQztZQUNuQixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFO2dCQUNoRCxRQUFRLElBQUksQ0FDWCxvQkFBQyxJQUFJLElBQ0gsS0FBSyxFQUFFO3dCQUNMLGFBQWEsRUFBRSxLQUFLO3dCQUNwQixVQUFVLEVBQUUsUUFBUTt3QkFDcEIsY0FBYyxFQUFFLFFBQVE7d0JBQ3hCLFlBQVksRUFBRSxDQUFDO3FCQUNoQjtvQkFFRCxvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEVBQ3JCLElBQUksRUFBRSxRQUFRLEVBQ2QsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLElBQUksR0FDM0QsQ0FDRyxDQUNSO2dCQUNBLEtBQUssSUFBSSxPQUFPLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLElBQUksQ0FDL0Msb0JBQUMsSUFBSSxJQUNILEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxFQUNyQixJQUFJLEVBQUUsQ0FBQyxjQUFjLENBQUMsb0JBQW9CLEVBQUUsZUFBZSxDQUFDLGFBQWEsQ0FBQyxFQUMxRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFFbEIsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUNULENBQ1I7Z0JBQ0EsV0FBVyxJQUFJLE9BQU8sV0FBVyxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDMUQsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsRUFBRSxlQUFlLENBQUMsYUFBYSxDQUFDLElBQ3RHLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FDZixDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0YsV0FBVyxDQUNaLENBQ0ksQ0FDVSxDQUNwQixDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsb0JBQUMsZ0JBQWdCLElBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsY0FBTSxPQUFBLFdBQVcsQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLEVBQTNCLENBQTJCO1FBQ3ZHLG9CQUFDLGdCQUFnQixJQUNmLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUNuQixRQUFRLEVBQUUsUUFBUSxFQUNsQixNQUFNLEVBQUUsRUFBRSxFQUNWLE9BQU8sRUFBRSxjQUFNLE9BQUEsV0FBVyxDQUFDLEtBQUssSUFBSSxLQUFLLENBQUMsRUFBM0IsQ0FBMkIsSUFFekMsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksR0FBSSxDQUN4QjtRQUNsQixLQUFLLElBQUksT0FBTyxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLElBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFRLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FDeEYsQ0FDcEIsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELEtBQUssQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQTtBQUV2QyxlQUFlLEtBQUssQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby9SYWRpby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRWpFOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUFDLEVBQWlGLEVBQUUsR0FBRztRQUFwRixVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLEtBQUssV0FBQTtJQUM5RSxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULGFBQWEsRUFBRSxLQUFLO1lBQ3BCLFVBQVUsRUFBRSxRQUFRO1NBQ3JCO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsVUFBVSxFQUFFLFFBQVE7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsV0FBVyxFQUFFLGFBQWEsQ0FDeEIsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQ3JGO1lBQ0QsV0FBVyxFQUFFLENBQUM7WUFDZCxLQUFLLEVBQUUsRUFBRTtZQUNULE1BQU0sRUFBRSxFQUFFO1lBQ1YsWUFBWSxFQUFFLEVBQUU7WUFDaEIsV0FBVyxFQUFFLEVBQUU7U0FDaEI7UUFDRCxJQUFJLEVBQUU7WUFDSixZQUFZLEVBQUUsRUFBRTtZQUNoQixLQUFLLEVBQUUsRUFBRTtZQUNULE1BQU0sRUFBRSxFQUFFO1lBQ1YsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1NBQ2xEO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsVUFBVSxFQUFFLENBQUM7WUFDYixLQUFLLEVBQ0gsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDbEQsQ0FBQyxPQUFPLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDN0MsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDbkM7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLFdBQVcsR0FBRyxVQUFDLEtBQWE7UUFDaEMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLElBQUksUUFBUSxFQUFFO2dCQUNaLFFBQVEsQ0FBQztvQkFDUCxPQUFPLEVBQUUsRUFBRTtvQkFDWCxVQUFVLEVBQUUsS0FBSztvQkFDakIsU0FBUyxFQUFFLElBQUksSUFBSSxFQUFFO29CQUNyQixZQUFZLEVBQUUsSUFBSTtpQkFDbkIsQ0FBQyxDQUFBO2FBQ0g7U0FDRjtJQUNILENBQUMsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0IsSUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLEVBQUUsT0FBTyxFQUFFLGNBQU0sT0FBQSxXQUFXLENBQUMsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksRUFBRSxDQUFDLEVBQXhCLENBQXdCO1FBQzlHLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsRUFBRSxJQUNsQyxPQUFPLElBQUksb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxHQUFJLENBQ25DO1FBQ04sS0FBSyxJQUFJLE9BQU8sS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxJQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQ3hGLENBQ3BCLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELEtBQUssQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQTtBQUV2QyxlQUFlLEtBQUssQ0FBQSJ9

package/lib/components/radio/RadioNativePropsDefaults.js

@@ -0,0 +1,9 @@
+export default {
+  "onChange": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "RadioChangeEventHandlerNative"
+    ]
+  }
+};

package/lib/components/radio/RadioProps.d.ts

@@ -1,15 +1,19 @@
-import { Accessibility } from '../../objects';
+/// <reference types="react" />
+import { TouchableOpacity } from 'react-native';
+import { Accessibility, Dev } from '../../objects';
 import { CommonProps } from '../../objects/facets/CommonProps';
-type RadioChangeEventHandler = (event: {
+interface EventHandler {
     radioValue: string;
     radioName: string;
     radioChecked: boolean;
     radioId: string;
-}) => void;
+}
+export type RadioChangeEventHandler = (event: EventHandler & Partial<React.ChangeEvent<HTMLInputElement>>) => void;
+export type RadioChangeEventHandlerNative = (event: EventHandler) => void;
 /**
  * radio Interface
  */
-export interface RadioProps extends Accessibility, CommonProps {
+export interface RadioProps extends Accessibility, CommonProps, Dev {
     checked?: boolean;
     disabled?: boolean;
     readonly?: boolean;
@@ -17,5 +21,11 @@ export interface RadioProps extends Accessibility, CommonProps {
     onChange?: RadioChangeEventHandler;
     name?: string;
     value?: string;
+    required?: boolean;
+}
+export interface RadioNativeProps extends Omit<RadioProps, 'onChange'> {
+    onChange?: RadioChangeEventHandlerNative;
 }
+export type RadioRef = HTMLDivElement;
+export type RadioNativeRef = TouchableOpacity;
 export {};

package/lib/components/radio/RadioPropsDefaults.js

@@ -51,6 +51,14 @@ export default {
       "string"
     ]
   },
+  "required": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
   "accessibilityLabel": {
     "type": "string",
     "values": [
@@ -71,5 +79,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/radio/list/RadioList.d.ts

@@ -1,13 +1,14 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RadioListWebProps } from './RadioListProps';
 /**
- * Radio List Component
- * @param children {ReactNode} RadioList children
+ * RadioList Component
+ * @param children {ReactNode} CheckboxList children
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param align {boolean} align radios
- * @param verticalDesktop {boolean} Verical radios
- * @param horizontalMobile {boolean} espect mobile screen
+ * @param verticalDesktop {boolean} Vertical radios
+ * @param horizontalMobile {boolean} Expect mobile screen
+ * @param accessibilityLabelledBy {string} aria-labelledby attribute
  */
-declare const RadioList: ({ className, id, align, horizontalMobile, verticalDesktop, ...others }: RadioListWebProps) => JSX.Element;
+declare const RadioList: React.ForwardRefExoticComponent<RadioListWebProps & React.RefAttributes<HTMLDivElement>>;
 export default RadioList;