@trilogy-ds/react 0.0.1-calendar → 0.0.1-prompt-fix-disabled

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.js

@@ -19,21 +19,21 @@ import { ComponentName } from '../enumsComponentsName';
  * @param required {boolean} Required radio
  */
 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, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "required"]);
+    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;
     return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('radio', className)) },
-        React.createElement("input", __assign({ type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: checked, required: required, onChange: function (e) {
+        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({
+                    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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL1JhZGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RDs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBdUIsVUFBQyxFQVlyRCxFQUFFLEdBQUc7SUFYSixJQUFBLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQ2xCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FYMkMsd0dBWXJELENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsNkJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ25FLHdDQUNFLElBQUksRUFBQyxPQUFPLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLE9BQU8sRUFDaEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFVBQUMsQ0FBQztnQkFDVixJQUFJLFFBQVEsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLFFBQVEsRUFBRTtvQkFDdEMsUUFBUSxDQUFDO3dCQUNQLE9BQU8sRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUU7d0JBQ3BCLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUs7d0JBQzFCLFNBQVMsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUk7d0JBQ3hCLFlBQVksRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU87cUJBQy9CLENBQUMsQ0FBQTtpQkFDSDtZQUNILENBQUMsSUFDRyxNQUFNLEVBQ1Y7UUFDRiwrQkFBTyxPQUFPLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUNsRSxLQUFLLENBQ0EsQ0FDSixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLEtBQUssQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQTtBQUN2QyxlQUFlLEtBQUssQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL1JhZGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RDs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDNUIsVUFDRSxFQUF5SCxFQUN6SCxHQUFHO0lBREQsSUFBQSxPQUFPLGFBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBdkgsa0hBQXlILENBQUY7SUFHL0csSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLDZCQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQztRQUNuRSx1REFDZSxNQUFNLEVBQ25CLElBQUksRUFBQyxPQUFPLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLE9BQU8sRUFDaEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFVBQUMsQ0FBQztnQkFDVixJQUFJLFFBQVEsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLFFBQVEsRUFBRTtvQkFDdEMsUUFBUSxDQUNOLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFO3dCQUNmLE9BQU8sRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUU7d0JBQ3BCLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUs7d0JBQzFCLFNBQVMsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUk7d0JBQ3hCLFlBQVksRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU87cUJBQy9CLENBQUMsQ0FDSCxDQUFBO2lCQUNGO1lBQ0gsQ0FBQyxJQUNHLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQ2xFLEtBQUssQ0FDQSxDQUNKLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBQ3ZDLGVBQWUsS0FBSyxDQUFBIn0=

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

@@ -1,4 +1,4 @@
-import { RadioProps } from '../../components/radio/RadioProps';
+import { RadioNativeProps } from '../../components/radio/RadioProps';
 import React from 'react';
 import { TouchableOpacity } from 'react-native';
 /**
@@ -12,5 +12,5 @@ import { TouchableOpacity } from 'react-native';
  * @param name {string} Name for radio
  * @param value {string} Value for radio
  */
-declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<TouchableOpacity>>;
+declare const Radio: React.ForwardRefExoticComponent<RadioNativeProps & React.RefAttributes<TouchableOpacity>>;
 export default Radio;

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

@@ -62,4 +62,4 @@ var Radio = React.forwardRef(function (_a, ref) {
 });
 Radio.displayName = ComponentName.Radio;
 export default Radio;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby9SYWRpby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRWpFOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE2QixVQUFDLEVBUzNELEVBQUUsR0FBRztRQVJKLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQ2xCLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQTtJQUVMLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7U0FDckI7UUFDRCxLQUFLLEVBQUU7WUFDTCxVQUFVLEVBQUUsUUFBUTtZQUNwQixjQUFjLEVBQUUsUUFBUTtZQUN0QixXQUFXLEVBQUUsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDO1lBQ2xILFdBQVcsRUFBRSxDQUFDO1lBQ2QsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtZQUNWLFlBQVksRUFBRSxFQUFFO1lBQ2hCLFdBQVcsRUFBRSxFQUFFO1NBQ2hCO1FBQ0QsSUFBSSxFQUFFO1lBQ0osWUFBWSxFQUFFLEVBQUU7WUFDaEIsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtZQUNWLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztTQUNsRDtRQUNELEtBQUssRUFBRTtZQUNMLFVBQVUsRUFBRSxDQUFDO1lBQ2IsS0FBSyxFQUNILENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQ2xELENBQUMsT0FBTyxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzdDLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1NBQ25DO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsSUFBTSxXQUFXLEdBQUcsVUFBQyxLQUFhO1FBQ2hDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixJQUFJLFFBQVEsRUFBRTtnQkFDWixRQUFRLENBQUM7b0JBQ1AsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsVUFBVSxFQUFFLEtBQUs7b0JBQ2pCLFNBQVMsRUFBRSxJQUFJLElBQUksRUFBRTtvQkFDckIsWUFBWSxFQUFFLElBQUk7aUJBQ25CLENBQUMsQ0FBQTthQUNIO1NBQ0Y7SUFDSCxDQUFDLENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsZ0JBQWdCLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxjQUFNLE9BQUEsV0FBVyxDQUFDLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLEVBQUUsQ0FBQyxFQUF4QixDQUF3QjtRQUM5RyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLEVBQUUsSUFDbEMsT0FBTyxJQUFJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksR0FBSSxDQUNuQztRQUNOLEtBQUssSUFBSSxPQUFPLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUN4RixDQUNwQixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==
+//# 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,16 +1,19 @@
+/// <reference types="react" />
 import { TouchableOpacity } from 'react-native';
-import { Accessibility } from '../../objects';
+import { Accessibility, Dev } from '../../objects';
 import { CommonProps } from '../../objects/facets/CommonProps';
-export 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;
@@ -20,5 +23,9 @@ export interface RadioProps extends Accessibility, CommonProps {
     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

@@ -79,5 +79,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/radio/list/RadioList.js

@@ -20,7 +20,7 @@ import { TypographyColor } from '../../../objects/Typography';
  * @param accessibilityLabelledBy {string} aria-labelledby attribute
  */
 var RadioList = React.forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, align = _a.align, horizontalMobile = _a.horizontalMobile, verticalDesktop = _a.verticalDesktop, accessibilityLabelledBy = _a.accessibilityLabelledBy, children = _a.children, label = _a.label, others = __rest(_a, ["className", "id", "align", "horizontalMobile", "verticalDesktop", "accessibilityLabelledBy", "children", "label"]);
+    var className = _a.className, id = _a.id, align = _a.align, horizontalMobile = _a.horizontalMobile, verticalDesktop = _a.verticalDesktop, accessibilityLabelledBy = _a.accessibilityLabelledBy, children = _a.children, label = _a.label, testId = _a.testId, others = __rest(_a, ["className", "id", "align", "horizontalMobile", "verticalDesktop", "accessibilityLabelledBy", "children", "label", "testId"]);
     var styled = useTrilogyContext().styled;
     var groupLabelClasses = hashClass(styled, 'group-label');
     return (React.createElement(React.Fragment, null,
@@ -29,8 +29,8 @@ var RadioList = React.forwardRef(function (_a, ref) {
             isRequiredChild(children) && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR },
                 ' ',
                 "*")))),
-        React.createElement("div", __assign({ ref: ref, id: id, role: "radiogroup", "aria-labelledby": accessibilityLabelledBy, "aria-required": isRequiredChild(children) ? 'true' : undefined, className: hashClass(styled, clsx('radios', className, align && is(getJustifiedClassName(align)), horizontalMobile && is('horizontal-mobile'), verticalDesktop && is('vertical-desktop'))) }, others), children)));
+        React.createElement("div", __assign({ "data-testid": testId, ref: ref, id: id, role: 'radiogroup', "aria-labelledby": accessibilityLabelledBy, "aria-required": isRequiredChild(children) ? 'true' : undefined, className: hashClass(styled, clsx('radios', className, align && is(getJustifiedClassName(align)), horizontalMobile && is('horizontal-mobile'), verticalDesktop && is('vertical-desktop'))) }, others), children)));
 });
 RadioList.displayName = ComponentName.RadioList;
 export default RadioList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9MaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby9saXN0L1JhZGlvTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDakQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbkQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRXREOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBZ0gsRUFBRSxHQUFHO0lBQW5ILElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZ0JBQWdCLHNCQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLHVCQUF1Qiw2QkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBOUcsbUhBQWdILENBQUY7SUFDckcsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxpQkFBaUIsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLGFBQWEsQ0FBQyxDQUFBO0lBRTFELE9BQU8sQ0FDTDtRQUNHLEtBQUssSUFBSSxDQUNSLDJCQUFHLFNBQVMsRUFBRSxpQkFBaUI7WUFDNUIsS0FBSztZQUNMLGVBQWUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUM1QixvQkFBQyxJQUFJLElBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLGVBQWUsQ0FBQyxVQUFVO2dCQUM1RCxHQUFHO29CQUNDLENBQ1IsQ0FDQyxDQUNMO1FBQ0Qsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBQyxZQUFZLHFCQUNBLHVCQUF1QixtQkFDekIsZUFBZSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDN0QsU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FDRixRQUFRLEVBQ1IsU0FBUyxFQUNULEtBQUssSUFBSSxFQUFFLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFDekMsZ0JBQWdCLElBQUksRUFBRSxDQUFDLG1CQUFtQixDQUFDLEVBQzNDLGVBQWUsSUFBSSxFQUFFLENBQUMsa0JBQWtCLENBQUMsQ0FDMUMsQ0FDRixJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDTCxDQUNKLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9MaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby9saXN0L1JhZGlvTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDakQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbkQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRXREOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBd0gsRUFBRSxHQUFHO0lBQTNILElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZ0JBQWdCLHNCQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLHVCQUF1Qiw2QkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBdEgsNkhBQXdILENBQUY7SUFDN0csSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxpQkFBaUIsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLGFBQWEsQ0FBQyxDQUFBO0lBRTFELE9BQU8sQ0FDTDtRQUNHLEtBQUssSUFBSSxDQUNSLDJCQUFHLFNBQVMsRUFBRSxpQkFBaUI7WUFDNUIsS0FBSztZQUNMLGVBQWUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUM1QixvQkFBQyxJQUFJLElBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLGVBQWUsQ0FBQyxVQUFVO2dCQUM1RCxHQUFHO29CQUNDLENBQ1IsQ0FDQyxDQUNMO1FBQ0QscURBQ2UsTUFBTSxFQUNuQixHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFDLFlBQVkscUJBQ0EsdUJBQXVCLG1CQUN6QixlQUFlLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUM3RCxTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUNGLFFBQVEsRUFDUixTQUFTLEVBQ1QsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUN6QyxnQkFBZ0IsSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsRUFDM0MsZUFBZSxJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUMxQyxDQUNGLElBQ0csTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNMLENBQ0osQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=

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

@@ -2,7 +2,7 @@
 import { View } from 'react-native';
 import type { DividerProps } from '../../../components/divider/DividerProps';
 import type { RadioProps } from '../../../components/radio/RadioProps';
-import { Alignable, AlignableValues } from '../../../objects';
+import { AlignableProps, Dev } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 type RadioListChildrenTypes = React.ReactElement<RadioProps | DividerProps> | undefined;
 /**
@@ -15,8 +15,8 @@ export interface RadioListProps {
 /**
  * Radio List Web Interface
  */
-export interface RadioListWebProps extends RadioListProps, CommonProps {
-    align?: Alignable | AlignableValues;
+export interface RadioListWebProps extends RadioListProps, CommonProps, Dev {
+    align?: AlignableProps['align'];
     className?: string;
     horizontalMobile?: boolean;
     verticalDesktop?: boolean;

package/lib/components/radio/list/RadioListWebPropsDefaults.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"
     ]
   },
   "className": {
@@ -64,5 +72,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/radio/tiles/RadioTiles.d.ts

@@ -6,6 +6,7 @@ import * as React from 'react';
  * @param children {ReactNode}
  * @param align { Alignable | AlignableValues} align content
  * @param verticalAlign { Alignable | AlignableValues} align vertical content
+ * @param numberCols {GridSize | GridItemSize} number of columns for grid layout
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
  * @param accessibilityLabelledBy {string} aria-labelledby attribute

package/lib/components/radio/tiles/RadioTiles.js

@@ -2,9 +2,9 @@ import { __assign, __rest } from "tslib";
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { useTrilogyContext } from '../../../context';
 import { hashClass } from '../../../helpers';
+import { isRequiredChild } from '../../../helpers/require';
 import { getAlignClassName } from '../../../objects';
 import { is } from '../../../services';
-import { isRequiredChild } from '../../../helpers/require';
 import clsx from 'clsx';
 import * as React from 'react';
 /**
@@ -13,12 +13,13 @@ import * as React from 'react';
  * @param children {ReactNode}
  * @param align { Alignable | AlignableValues} align content
  * @param verticalAlign { Alignable | AlignableValues} align vertical content
+ * @param numberCols {GridSize | GridItemSize} number of columns for grid layout
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
  * @param accessibilityLabelledBy {string} aria-labelledby attribute
  */
 var RadioTiles = React.forwardRef(function (_a, ref) {
-    var id = _a.id, className = _a.className, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, accessibilityLabelledBy = _a.accessibilityLabelledBy, others = __rest(_a, ["id", "className", "children", "align", "verticalAlign", "accessibilityLabelledBy"]);
+    var id = _a.id, className = _a.className, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, accessibilityLabelledBy = _a.accessibilityLabelledBy, numberCols = _a.numberCols, testId = _a.testId, others = __rest(_a, ["id", "className", "children", "align", "verticalAlign", "accessibilityLabelledBy", "numberCols", "testId"]);
     var styled = useTrilogyContext().styled;
     var alignClass = null;
     if (align) {
@@ -37,8 +38,29 @@ var RadioTiles = React.forwardRef(function (_a, ref) {
                 (getAlignClassName(verticalAlign) === 'aligned-stretch' && is('aligned-stretch')) ||
                 null;
     }
-    return (React.createElement("div", __assign({ ref: ref, id: id, role: "radiogroup", "aria-labelledby": accessibilityLabelledBy, "aria-required": isRequiredChild(children) ? 'true' : undefined, className: hashClass(styled, clsx('radio-tiles', className, align && alignClass, verticalAlign && verticalAlignClass)) }, others), children));
+    var getGridColumnClasses = function () {
+        if (!numberCols)
+            return null;
+        if (typeof numberCols === 'number')
+            return "is-grid-cols-".concat(numberCols);
+        var responsiveClasses = [];
+        if (numberCols.mobile)
+            responsiveClasses.push("is-grid-cols-mobile-".concat(numberCols.mobile));
+        if (numberCols.tablet)
+            responsiveClasses.push("is-grid-cols-tablet-".concat(numberCols.tablet));
+        if (numberCols.touch)
+            responsiveClasses.push("is-grid-cols-touch-".concat(numberCols.touch));
+        if (numberCols.desktop)
+            responsiveClasses.push("is-grid-cols-desktop-".concat(numberCols.desktop));
+        if (numberCols.widescreen)
+            responsiveClasses.push("is-grid-cols-widescreen-".concat(numberCols.widescreen));
+        if (numberCols.fullhd)
+            responsiveClasses.push("is-grid-cols-fullhd-".concat(numberCols.fullhd));
+        return responsiveClasses.join(' ');
+    };
+    var gridColumnClasses = getGridColumnClasses();
+    return (React.createElement("div", __assign({ "data-testid": testId, ref: ref, id: id, role: 'radiogroup', "aria-labelledby": accessibilityLabelledBy, "aria-required": isRequiredChild(children) ? 'true' : undefined, className: hashClass(styled, clsx('radio-tiles', className, align && alignClass, verticalAlign && verticalAlignClass, gridColumnClasses && 'is-grid', gridColumnClasses && gridColumnClasses)) }, others), children));
 });
 RadioTiles.displayName = ComponentName.RadioTiles;
 export default RadioTiles;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vdGlsZXMvUmFkaW9UaWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbkQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQWlDLFVBQUMsRUFBcUYsRUFBRSxHQUFHO0lBQXhGLElBQUEsRUFBRSxRQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLHVCQUF1Qiw2QkFBQSxFQUFLLE1BQU0sY0FBbkYsb0ZBQXFGLENBQUY7SUFDOUksSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFBO0lBRXJCLElBQUksS0FBSyxFQUFFO1FBQ1QsVUFBVTtZQUNSLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZUFBZSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO2dCQUN2RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO2dCQUN6RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGFBQWEsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQ25FLElBQUksQ0FBQTtLQUNQO0lBRUQsSUFBSSxrQkFBa0IsR0FBRyxJQUFJLENBQUE7SUFFN0IsSUFBSSxhQUFhLEVBQUU7UUFDakIsa0JBQWtCO1lBQ2hCLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLEtBQUssZUFBZSxJQUFJLEVBQUUsQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDN0UsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxnQkFBZ0IsSUFBSSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztnQkFDL0UsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxhQUFhLElBQUksRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDO2dCQUN6RSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxLQUFLLGlCQUFpQixJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO2dCQUNqRixJQUFJLENBQUE7S0FDUDtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFFLFlBQVkscUJBQ0QsdUJBQXVCLG1CQUN6QixlQUFlLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUM3RCxTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLGFBQWEsRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLFVBQVUsRUFBRSxhQUFhLElBQUksa0JBQWtCLENBQUMsQ0FDekYsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBQ2pELGVBQWUsVUFBVSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vdGlsZXMvUmFkaW9UaWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUNFLEVBQXlHLEVBQ3pHLEdBQUc7SUFERCxJQUFBLEVBQUUsUUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSx1QkFBdUIsNkJBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF2Ryw0R0FBeUcsQ0FBRjtJQUcvRixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFJLFVBQVUsR0FBRyxJQUFJLENBQUE7SUFFckIsSUFBSSxLQUFLLEVBQUU7UUFDVCxVQUFVO1lBQ1IsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxlQUFlLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLENBQUM7Z0JBQ3ZFLENBQUMsaUJBQWlC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

package/lib/components/radio/tiles/RadioTiles.native.d.ts

@@ -7,6 +7,7 @@ import { View } from 'react-native';
  * @param children {ReactNode}
  * @param align { Alignable | AlignableValues} align content
  * @param verticalAlign { Alignable | AlignableValues} align vertical content
+ * @param numberCols {GridSize | GridItemSize} number of columns for grid layout
  */
 declare const RadioTiles: React.ForwardRefExoticComponent<RadioTilesProps & React.RefAttributes<View>>;
 export default RadioTiles;

package/lib/components/radio/tiles/RadioTiles.native.js

@@ -2,19 +2,34 @@ import { __assign, __rest } from "tslib";
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { SpacerSize } from '../../../components/spacer';
 import { Alignable } from '../../../objects/facets/Alignable';
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
+import React, { useCallback, useMemo } from 'react';
+import { FlatList, StyleSheet, View } from 'react-native';
+import { RadioTilesContext } from './context';
 /**
  * RadioTiles
  * @param id {string}
  * @param children {ReactNode}
  * @param align { Alignable | AlignableValues} align content
  * @param verticalAlign { Alignable | AlignableValues} align vertical content
+ * @param numberCols {GridSize | GridItemSize} number of columns for grid layout
  */
 var RadioTiles = React.forwardRef(function (_a, ref) {
-    var id = _a.id, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, others = __rest(_a, ["id", "children", "align", "verticalAlign"]);
+    var id = _a.id, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, numberCols = _a.numberCols, others = __rest(_a, ["id", "children", "align", "verticalAlign", "numberCols"]);
+    var childArray = useMemo(function () { return React.Children.toArray(children).filter(React.isValidElement); }, [children]);
+    var columnCount = useMemo(function () {
+        if (!numberCols || numberCols === 1)
+            return null;
+        if (typeof numberCols === 'number')
+            return numberCols;
+        if (numberCols.mobile === 1 || numberCols.tablet === 1)
+            return null;
+        return numberCols.mobile || numberCols.tablet;
+    }, [numberCols]);
     var styles = StyleSheet.create({
         container: {
+            flexDirection: 'row',
+            flexWrap: 'wrap',
+            gap: SpacerSize.TWO,
             alignItems: (verticalAlign === Alignable.ALIGNED_CENTER && 'center') ||
                 (verticalAlign === Alignable.ALIGNED_START && 'flex-start') ||
                 (verticalAlign === Alignable.ALIGNED_END && 'flex-end') ||
@@ -23,13 +38,26 @@ var RadioTiles = React.forwardRef(function (_a, ref) {
                 (align === Alignable.ALIGNED_START && 'flex-start') ||
                 (align === Alignable.ALIGNED_END && 'flex-end') ||
                 undefined,
-            flexDirection: 'row',
-            flexWrap: 'wrap',
+        },
+        columnWrapper: {
             gap: SpacerSize.TWO,
+            marginBottom: SpacerSize.TWO,
         },
     });
-    return (React.createElement(View, __assign({ ref: ref, id: id, style: [styles.container] }, others), children));
+    var renderItem = useCallback(function (_a) {
+        var item = _a.item, index = _a.index;
+        if (!columnCount)
+            return React.createElement(View, { style: { flex: 1 } }, item);
+        var isLastItem = index === childArray.length - 1;
+        var isOddItem = childArray.length % columnCount !== 0 && isLastItem;
+        return (React.createElement(View, { style: {
+                flex: isOddItem ? 0 : 1,
+                width: isOddItem ? "".concat(100 / columnCount, "%") : undefined,
+            } }, item));
+    }, [childArray.length, columnCount]);
+    var keyExtractor = useCallback(function (_, index) { return index.toString(); }, []);
+    return (React.createElement(RadioTilesContext.Provider, { value: { isGrid: columnCount !== null } }, columnCount !== null ? (React.createElement(FlatList, __assign({ id: id, ref: ref, data: childArray, numColumns: columnCount, scrollEnabled: false, renderItem: renderItem, keyExtractor: keyExtractor, columnWrapperStyle: [styles.columnWrapper], style: { overflow: 'visible' } }, others))) : (React.createElement(View, __assign({ ref: ref, id: id, style: [styles.container] }, others), children))));
 });
 RadioTiles.displayName = ComponentName.RadioTiles;
 export default RadioTiles;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlcy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL3RpbGVzL1JhZGlvVGlsZXMubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDdEQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DOzs7Ozs7R0FNRztBQUNILElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXVDLFVBQUMsRUFBaUQsRUFBRSxHQUFHO0lBQXBELElBQUEsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBL0MsNENBQWlELENBQUY7SUFDeEgsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxVQUFVLEVBQ1IsQ0FBQyxhQUFhLEtBQUssU0FBUyxDQUFDLGNBQWMsSUFBSSxRQUFRLENBQUM7Z0JBQ3hELENBQUMsYUFBYSxLQUFLLFNBQVMsQ0FBQyxhQUFhLElBQUksWUFBWSxDQUFDO2dCQUMzRCxDQUFDLGFBQWEsS0FBSyxTQUFTLENBQUMsV0FBVyxJQUFJLFVBQVUsQ0FBQztnQkFDdkQsU0FBUztZQUNYLGNBQWMsRUFDWixDQUFDLEtBQUssS0FBSyxTQUFTLENBQUMsY0FBYyxJQUFJLFFBQVEsQ0FBQztnQkFDaEQsQ0FBQyxLQUFLLEtBQUssU0FBUyxDQUFDLGFBQWEsSUFBSSxZQUFZLENBQUM7Z0JBQ25ELENBQUMsS0FBSyxLQUFLLFNBQVMsQ0FBQyxXQUFXLElBQUksVUFBVSxDQUFDO2dCQUMvQyxTQUFTO1lBQ1gsYUFBYSxFQUFFLEtBQUs7WUFDcEIsUUFBUSxFQUFFLE1BQU07WUFDaEIsR0FBRyxFQUFFLFVBQVUsQ0FBQyxHQUFHO1NBQ3BCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFNLE1BQU0sR0FDMUQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlcy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL3RpbGVzL1JhZGlvVGlsZXMubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDdEQsT0FBTyxLQUFLLEVBQUUsRUFBd0IsV0FBVyxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6RSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUFDLEVBQTZELEVBQUUsR0FBRztJQUFoRSxJQUFBLEVBQUUsUUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUssTUFBTSxjQUEzRCwwREFBNkQsQ0FBRjtJQUMxRCxJQUFNLFVBQVUsR0FBRyxPQUFPLENBQUMsY0FBTSxPQUFBLEtBQUssQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDLEVBQTdELENBQTZELEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRTNHLElBQU0sV0FBVyxHQUFHLE9BQU8sQ0FBQztRQUMxQixJQUFJLENBQUMsVUFBVSxJQUFJLFVBQVUsS0FBSyxDQUFDO1lBQUUsT0FBTyxJQUFJLENBQUE7UUFDaEQsSUFBSSxPQUFPLFVBQVUsS0FBSyxRQUFRO1lBQUUsT0FBTyxVQUFVLENBQUE7UUFDckQsSUFBSSxVQUFVLENBQUMsTUFBTSxLQUFLLENBQUMsSUFBSSxVQUFVLENBQUMsTUFBTSxLQUFLLENBQUM7WUFBRSxPQUFPLElBQUksQ0FBQTtRQUNuRSxPQUFPLFVBQVUsQ0FBQyxNQUFNLElBQUksVUFBVSxDQUFDLE1BQU0sQ0FBQTtJQUMvQyxDQUFDLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFBO0lBRWhCLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsYUFBYSxFQUFFLEtBQUs7WUFDcEIsUUFBUSxFQUFFLE1BQU07WUFDaEIsR0FBRyxFQUFFLFVBQVUsQ0FBQyxHQUFHO1lBQ25CLFVBQVUsRUFDUixDQUFDLGFBQWEsS0FBSyxTQUFTLENBQUMsY0FBYyxJQUFJLFFBQVEsQ0FBQztnQkFDeEQsQ0FBQyxhQUFhLEtBQUssU0FBUyxDQUFDLGFBQWEsSUFBSSxZQUFZLENBQUM7Z0JBQzNELENBQUMsYUFBYSxLQUFLLFNBQVMsQ0FBQyxXQUFXLElBQUksVUFBVSxDQUFDO2dCQUN2RCxTQUFTO1lBQ1gsY0FBYyxFQUNaLENBQUMsS0FBSyxLQUFLLFNBQVMsQ0FBQyxjQUFjLElBQUksUUFBUSxDQUFDO2dCQUNoRCxDQUFDLEtBQUssS0FBSyxTQUFTLENBQUMsYUFBYSxJQUFJLFlBQVksQ0FBQztnQkFDbkQsQ0FBQyxLQUFLLEtBQUssU0FBUyxDQUFDLFdBQVcsSUFBSSxVQUFVLENBQUM7Z0JBQy9DLFNBQVM7U0FDWjtRQUNELGFBQWEsRUFBRTtZQUNiLEdBQUcsRUFBRSxVQUFVLENBQUMsR0FBRztZQUNuQixZQUFZLEVBQUUsVUFBVSxDQUFDLEdBQUc7U0FDN0I7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLFVBQVUsR0FBRyxXQUFXLENBQzVCLFVBQUMsRUFBbUQ7WUFBakQsSUFBSSxVQUFBLEVBQUUsS0FBSyxXQUFBO1FBQ1osSUFBSSxDQUFDLFdBQVc7WUFBRSxPQUFPLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLElBQUcsSUFBSSxDQUFRLENBQUE7UUFDaEUsSUFBTSxVQUFVLEdBQUcsS0FBSyxLQUFLLFVBQVUsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFBO1FBQ2xELElBQU0sU0FBUyxHQUFHLFVBQVUsQ0FBQyxNQUFNLEdBQUcsV0FBVyxLQUFLLENBQUMsSUFBSSxVQUFVLENBQUE7UUFDckUsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFDSCxLQUFLLEVBQUU7Z0JBQ0wsSUFBSSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUN2QixLQUFLLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxVQUFHLEdBQUcsR0FBRyxXQUFXLE1BQUcsQ0FBQyxDQUFDLENBQUMsU0FBUzthQUN2RCxJQUVBLElBQUksQ0FDQSxDQUNSLENBQUE7SUFDSCxDQUFDLEVBQ0QsQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQyxDQUNqQyxDQUFBO0lBRUQsSUFBTSxZQUFZLEdBQUcsV0FBVyxDQUFDLFVBQUMsQ0FBWSxFQUFFLEtBQWEsSUFBSyxPQUFBLEtBQUssQ0FBQyxRQUFRLEVBQUUsRUFBaEIsQ0FBZ0IsRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUV2RixPQUFPLENBQ0wsb0JBQUMsaUJBQWlCLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxXQUFXLEtBQUssSUFBSSxFQUFFLElBQ2hFLFdBQVcsS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQ3RCLG9CQUFDLFFBQVEsYUFDUCxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUEwQixFQUMvQixJQUFJLEVBQUUsVUFBVSxFQUNoQixVQUFVLEVBQUUsV0FBVyxFQUN2QixhQUFhLEVBQUUsS0FBSyxFQUNwQixVQUFVLEVBQUUsVUFBVSxFQUN0QixZQUFZLEVBQUUsWUFBWSxFQUMxQixrQkFBa0IsRUFBRSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsRUFDMUMsS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxJQUMxQixNQUFNLEVBQ1YsQ0FDSCxDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBc0IsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsSUFBTSxNQUFNLEdBQzdFLFFBQVEsQ0FDSixDQUNSLENBQzBCLENBQzlCLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFVBQVUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFVBQVUsQ0FBQTtBQUVqRCxlQUFlLFVBQVUsQ0FBQSJ9

package/lib/components/radio/tiles/RadioTilesProps.d.ts

@@ -1,13 +1,12 @@
 /// <reference types="react" />
 import { View } from 'react-native';
-import { AlignableProps } from '../../../objects';
+import { AlignableProps, Dev } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
-/**
- * Columns Item Interface
- */
-export interface RadioTilesProps extends AlignableProps, CommonProps {
+import { GridItemSize, GridSize } from '../../../objects/facets/Grid';
+export interface RadioTilesProps extends AlignableProps, CommonProps, Dev {
     children: React.ReactNode;
     accessibilityLabelledBy?: string;
+    numberCols?: GridSize | GridItemSize;
 }
 export type RadioTilesRef = HTMLDivElement;
 export type RadioTilesNativeRef = View;

package/lib/components/radio/tiles/RadioTilesPropsDefaults.js

@@ -20,6 +20,25 @@ export default {
       "string"
     ]
   },
+  "numberCols": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "2",
+      "1",
+      "GridSize",
+      "3",
+      "4",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
   "align": {
     "type": "enum",
     "values": [
@@ -31,7 +50,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "verticalAlign": {
@@ -45,7 +72,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "id": {
@@ -61,5 +96,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/radio/tiles/context/RadioTilesContext.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { RadioTilesContextProps } from './RadioTilesContextProps';
+export declare const RadioTilesContext: React.Context<RadioTilesContextProps>;