@trilogy-ds/react 0.0.1-beta.9 → 0.0.1-fix-timepicker

package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.js

@@ -0,0 +1,37 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../../../components/enumsComponentsName';
+import { Icon, IconName } from '../../../../../components/icon';
+import { PromptContext } from '../../../../../components/prompt/context';
+import { useTrilogyContext } from '../../../../../context';
+import { hashClass } from '../../../../../helpers';
+import { is } from '../../../../../services';
+import clsx from 'clsx';
+import React, { useContext } from 'react';
+/**
+ * PromptInputFile component - File upload button for prompt attachments
+ * @param onChange {Function} Change event handler when files are selected
+ * @param disabled {boolean} Whether the file input is disabled
+ * @param readOnly {boolean} Whether the file input is read-only
+ * @param className {string} Additional CSS classes (ONLY FOR WEB)
+ * @param testId {string} Test Id for Test Integration
+ * @param accessibilityLabel {string} Accessibility label
+ */
+var PromptInputFile = React.forwardRef(function (_a, ref) {
+    var className = _a.className, onChange = _a.onChange, disabled = _a.disabled, readOnly = _a.readOnly, others = __rest(_a, ["className", "onChange", "disabled", "readOnly"]);
+    var styled = useTrilogyContext().styled;
+    var _b = useContext(PromptContext), isDisabled = _b.isDisabled, isReadonly = _b.isReadonly;
+    var isDisable = isDisabled || disabled;
+    var isReadOnly = isReadonly || readOnly;
+    var classes = hashClass(styled, clsx('button is-ghost prompt-toolbar-tool icon_only', isDisable && is('disabled'), className));
+    var onClick = function (e) {
+        if (isDisable || isReadOnly)
+            e.preventDefault();
+    };
+    return (React.createElement("label", { htmlFor: 'promptUpload' },
+        React.createElement("span", { ref: ref, className: classes },
+            React.createElement(Icon, { name: IconName.PARPERCLIP })),
+        React.createElement("input", __assign({ disabled: isDisable, readOnly: isReadOnly, type: 'file', style: { display: 'none' }, id: 'promptUpload', onChange: onChange, onClick: onClick }, others))));
+});
+PromptInputFile.displayName = ComponentName.PromptInputFile;
+export default PromptInputFile;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0SW5wdXRGaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9tcHQvdG9vbGJhci90b29scy9pbnB1dEZpbGUvUHJvbXB0SW5wdXRGaWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQWMsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBR3JEOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDdEMsVUFBQyxFQUFzRCxFQUFFLEdBQUc7SUFBekQsSUFBQSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXBELGlEQUFzRCxDQUFGO0lBQzNDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBNkIsVUFBVSxDQUFDLGFBQWEsQ0FBQyxFQUFwRCxVQUFVLGdCQUFBLEVBQUUsVUFBVSxnQkFBOEIsQ0FBQTtJQUU1RCxJQUFNLFNBQVMsR0FBRyxVQUFVLElBQUksUUFBUSxDQUFBO0lBQ3hDLElBQU0sVUFBVSxHQUFHLFVBQVUsSUFBSSxRQUFRLENBQUE7SUFDekMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLCtDQUErQyxFQUFFLFNBQVMsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQzlGLENBQUE7SUFFRCxJQUFNLE9BQU8sR0FBRyxVQUFDLENBQWE7UUFDNUIsSUFBSSxTQUFTLElBQUksVUFBVTtZQUFFLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQTtJQUNqRCxDQUFDLENBQUE7SUFFRCxPQUFPLENBQ0wsK0JBQU8sT0FBTyxFQUFDLGNBQWM7UUFDM0IsOEJBQU0sR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTztZQUNoQyxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsQ0FBQyxVQUFVLEdBQUksQ0FDOUI7UUFDUCx3Q0FDRSxRQUFRLEVBQUUsU0FBUyxFQUNuQixRQUFRLEVBQUUsVUFBVSxFQUNwQixJQUFJLEVBQUMsTUFBTSxFQUNYLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFDMUIsRUFBRSxFQUFDLGNBQWMsRUFDakIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsT0FBTyxFQUFFLE9BQU8sSUFDWixNQUFNLEVBQ1YsQ0FDSSxDQUNULENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGVBQWUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGVBQWUsQ0FBQTtBQUMzRCxlQUFlLGVBQWUsQ0FBQSJ9

package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.native.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PromptInputFileProps } from './PromptInputFileProps';
+declare const PromptInputFile: React.ForwardRefExoticComponent<PromptInputFileProps & React.RefAttributes<import("react-native").View>>;
+export default PromptInputFile;

package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.native.js

@@ -0,0 +1,30 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../../../components/enumsComponentsName';
+import { Icon, IconName, IconSize } from '../../../../../components/icon';
+import { PromptContext } from '../../../../../components/prompt/context';
+import { TrilogyColor } from '../../../../../objects';
+import React, { useContext } from 'react';
+import { StyleSheet } from 'react-native';
+import PromptButton from '../button/PromptButton.native';
+var PromptInputFile = React.forwardRef(function (_a, ref) {
+    var onChange = _a.onChange, disabled = _a.disabled, readOnly = _a.readOnly, others = __rest(_a, ["onChange", "disabled", "readOnly"]);
+    var isDisabled = useContext(PromptContext).isDisabled;
+    var isDisable = isDisabled || disabled;
+    var styles = StyleSheet.create({
+        icon: {
+            flexDirection: 'row',
+            justifyContent: 'center',
+            width: 36,
+        },
+    });
+    return (React.createElement(PromptButton, __assign({ disabled: disabled, readOnly: readOnly, ref: ref, onClick: function () {
+            if (onChange)
+                onChange();
+        } }, others),
+        React.createElement(Icon, __assign({ color: isDisable ? TrilogyColor.DISABLED : TrilogyColor.MAIN, size: IconSize.SMALLER, name: IconName.PARPERCLIP }, {
+            style: styles.icon,
+        }))));
+});
+PromptInputFile.displayName = ComponentName.PromptInputFile;
+export default PromptInputFile;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0SW5wdXRGaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvbXB0L3Rvb2xiYXIvdG9vbHMvaW5wdXRGaWxlL1Byb21wdElucHV0RmlsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQzNELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDeEMsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUN6QyxPQUFPLFlBQVksTUFBTSwrQkFBK0IsQ0FBQTtBQUd4RCxJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxVQUFDLEVBQTJDLEVBQUUsR0FBRztJQUE5QyxJQUFBLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBekMsb0NBQTJDLENBQUY7SUFDaEMsSUFBQSxVQUFVLEdBQUssVUFBVSxDQUFDLGFBQWEsQ0FBQyxXQUE5QixDQUE4QjtJQUNoRCxJQUFNLFNBQVMsR0FBRyxVQUFVLElBQUksUUFBUSxDQUFBO0lBRXhDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsS0FBSyxFQUFFLEVBQUU7U0FDVjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxZQUFZLGFBQ1gsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsR0FBRyxFQUFFLEdBQUcsRUFDUixPQUFPLEVBQUU7WUFDUCxJQUFJLFFBQVE7Z0JBQUUsUUFBUSxFQUFFLENBQUE7UUFDMUIsQ0FBQyxJQUNHLE1BQU07UUFFVixvQkFBQyxJQUFJLGFBQ0gsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLElBQUksRUFDNUQsSUFBSSxFQUFFLFFBQVEsQ0FBQyxPQUFPLEVBQ3RCLElBQUksRUFBRSxRQUFRLENBQUMsVUFBVSxJQUNyQjtZQUNGLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSTtTQUNuQixFQUNELENBQ1csQ0FDaEIsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsZUFBZSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsZUFBZSxDQUFBO0FBQzNELGVBQWUsZUFBZSxDQUFBIn0=

package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFileProps.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Accessibility } from '../../../../../objects/facets/Accessibility';
+import { CommonProps } from '../../../../../objects/facets/CommonProps';
+import { Dev } from '../../../../../objects/facets/Dev';
+import { View } from 'react-native';
+export interface PromptInputFileProps extends Accessibility, Dev, CommonProps {
+    onChange?: (e?: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+}
+export type PromptInputFileRef = HTMLButtonElement;
+export type PromptInputFileNativeRef = View;

package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFileProps.js

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

package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFilePropsDefaults.js

@@ -0,0 +1,53 @@
+export default {
+  "onChange": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ChangeEvent<HTMLInputElement> | undefined) => void"
+    ]
+  },
+  "disabled": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "readOnly": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { SelectProps } from '../../../../../components/select/SelectProps';
+import React from 'react';
+import { PromptSelectRef } from './PromptSelectProps';
+/**
+ * PromptSelect component - Auto-sizing select dropdown for prompt toolbar
+ * @param selected {string} Currently selected option value
+ * @param onChange {Function} Change event handler when selection changes
+ * @param disabled {boolean} Whether the select is disabled
+ * @param readOnly {boolean} Whether the select is read-only
+ * @param children {ReactNode} PromptSelectOption components
+ * @param className {string} Additional CSS classes (ONLY FOR WEB)
+ * @param testId {string} Test Id for Test Integration
+ * @param accessibilityLabel {string} Accessibility label
+ */
+declare const PromptSelect: React.ForwardRefExoticComponent<SelectProps<import("../../../../../components/select/SelectProps").SelectChangeEvent> & React.RefAttributes<PromptSelectRef>>;
+export default PromptSelect;

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

@@ -0,0 +1,62 @@
+import { __assign, __read, __rest, __spreadArray } from "tslib";
+import { ComponentName } from '../../../../../components/enumsComponentsName';
+import { PromptContext } from '../../../../../components/prompt/context';
+import { Select } from '../../../../../components/select';
+import { useTrilogyContext } from '../../../../../context';
+import clsx from 'clsx';
+import React, { useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
+var PADDING_SELECT_OPTION = 58;
+/**
+ * PromptSelect component - Auto-sizing select dropdown for prompt toolbar
+ * @param selected {string} Currently selected option value
+ * @param onChange {Function} Change event handler when selection changes
+ * @param disabled {boolean} Whether the select is disabled
+ * @param readOnly {boolean} Whether the select is read-only
+ * @param children {ReactNode} PromptSelectOption components
+ * @param className {string} Additional CSS classes (ONLY FOR WEB)
+ * @param testId {string} Test Id for Test Integration
+ * @param accessibilityLabel {string} Accessibility label
+ */
+var PromptSelect = React.forwardRef(function (_a, ref) {
+    var className = _a.className, disabled = _a.disabled, readOnly = _a.readOnly, others = __rest(_a, ["className", "disabled", "readOnly"]);
+    var styled = useTrilogyContext().styled;
+    var _b = useContext(PromptContext), isDisabled = _b.isDisabled, isReadonly = _b.isReadonly;
+    var isDisable = isDisabled || disabled;
+    var isReadOnly = isReadonly || readOnly;
+    var classes = clsx('prompt-toolbar-tool', className);
+    var refSpan = useRef(null);
+    var refSelect = useRef(null);
+    var _c = __read(useState(''), 2), span = _c[0], setSpan = _c[1];
+    var _d = __read(useState(), 2), width = _d[0], setWidth = _d[1];
+    useImperativeHandle(ref, function () { return refSelect.current; });
+    useEffect(function () {
+        if (refSpan.current && refSpan.current.clientWidth !== 0) {
+            setWidth(refSpan.current.clientWidth + PADDING_SELECT_OPTION);
+        }
+    }, [refSpan, span]);
+    useEffect(function () {
+        if (refSelect.current) {
+            var options = refSelect.current.options;
+            var selectedOptions = __spreadArray([], __read(options), false).find(function (elm) { return elm.value === others.selected; });
+            if (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.text)
+                setSpan(selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.text);
+        }
+    }, [others.selected]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Select, __assign({ disabled: isDisable, ref: refSelect, className: classes }, __assign(__assign({}, others), { style: {
+                width: width !== null && width !== void 0 ? width : undefined,
+            }, onMouseDown: function (e) {
+                if (isDisable || isReadOnly)
+                    return e.preventDefault();
+            } }), { onChange: function (e) {
+                if (others.onChange)
+                    others.onChange(e);
+                if (e.target.selectedOptions) {
+                    setSpan(e.target.selectedOptions[0].text);
+                }
+            } })),
+        React.createElement("span", { ref: refSpan, style: { position: 'absolute', visibility: 'hidden', whiteSpace: 'nowrap' } }, span)));
+});
+PromptSelect.displayName = ComponentName.PromptSelect;
+export default PromptSelect;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0U2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9tcHQvdG9vbGJhci90b29scy9zZWxlY3QvUHJvbXB0U2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFNUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUczRixJQUFNLHFCQUFxQixHQUFHLEVBQUUsQ0FBQTtBQUVoQzs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbkMsVUFBQyxFQUE0QyxFQUFFLEdBQUc7SUFBL0MsSUFBQSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQTFDLHFDQUE0QyxDQUFGO0lBQ2pDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBNkIsVUFBVSxDQUFDLGFBQWEsQ0FBQyxFQUFwRCxVQUFVLGdCQUFBLEVBQUUsVUFBVSxnQkFBOEIsQ0FBQTtJQUU1RCxJQUFNLFNBQVMsR0FBRyxVQUFVLElBQUksUUFBUSxDQUFBO0lBQ3hDLElBQU0sVUFBVSxHQUFHLFVBQVUsSUFBSSxRQUFRLENBQUE7SUFDekMsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixFQUFF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

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

@@ -0,0 +1,4 @@
+import { SelectNativeProps } from '../../../../../components/select/SelectProps';
+import React from 'react';
+declare const PromptSelect: React.ForwardRefExoticComponent<SelectNativeProps<import("../../../../../components/select/SelectProps").SelectChangeEventNative> & React.RefAttributes<import("react-native/types").TextInput>>;
+export default PromptSelect;

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,21 +1,18 @@
-/// <reference types="react" />
-import { RadioProps } from './RadioProps';
+import { RadioProps } from '../../components/radio/RadioProps';
+import React from 'react';
 /**
- * Radio Component
- * @param checked {boolean} Checked Radio
- * @param className {string} Additionnal CSS Classes
+ * Radio
+ * @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 marginless {boolean} delete margin
- * @param children {React.ReactNode} If Children is provided, don't use label / Icon / Description
+ * - -------------------------- 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, onClick, name, value, tile, description, iconTile, horizontalTile, children, labelClassName, spaced, inverted, testId, narrow, marginless, ...others }: RadioProps) => JSX.Element;
+declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLDivElement>>;
 export default Radio;

package/lib/components/radio/Radio.js

@@ -1,101 +1,39 @@
-import React, { useEffect, useState } from 'react';
-import shortid from 'shortid';
-import { has, is } from '../../services/classify';
-import { Icon, IconSize } from '../icon';
-import { hashClass } from '../../helpers';
-import clsx from 'clsx';
+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
- * @param checked {boolean} Checked Radio
- * @param className {string} Additionnal CSS Classes
+ * Radio
+ * @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 marginless {boolean} delete margin
- * @param children {React.ReactNode} If Children is provided, don't use label / Icon / Description
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional css classes (ONLY FOR WEB)
+ * @param required {boolean} Required radio
  */
-const Radio = ({ checked, className, disabled, readonly, id = shortid.generate(), label, onChange, onClick, name, value, tile, description, iconTile, horizontalTile, children, labelClassName, spaced, inverted, testId, narrow, marginless, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const [inputState, setInputState] = useState({ checked: checked || false });
-    useEffect(() => {
-        if (!readonly) {
-            setInputState({ checked: checked || false });
-        }
-    }, [checked, readonly]);
-    const classes = hashClass(styled, clsx('input', is('checkradio'), is('info'), is('hidden'), inverted && is('inverted'), className && !className.includes(is('inverted')) && has('background-color'), className));
-    const labelClasses = hashClass(styled, clsx(checked && has('text-info'), spaced && is('spaced-between'), labelClassName));
-    // Support legacy checkbox
-    if (labelClassName || inverted || spaced) {
-        return (React.createElement("div", { className: hashClass(styled, clsx('field')) },
-            React.createElement("div", { className: hashClass(styled, clsx('control', disabled && is('disabled'))) },
-                React.createElement("input", { "data-testid": testId, className: classes, type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: readonly ? checked : inputState.checked, onChange: (e) => {
-                        return e;
-                    }, onClick: (e) => {
-                        const target = e.target;
-                        if (!readonly && target.checked !== undefined) {
-                            setInputState({ checked: target.checked });
-                        }
-                        target.value = value || '';
-                        if (onChange) {
-                            onChange({
-                                radioId: target.id,
-                                radioValue: target.value,
-                                radioName: target.name,
-                                radioChecked: target.checked,
-                            });
-                        }
-                        if (onClick) {
-                            onClick({
-                                radioId: target.id,
-                                radioValue: target.value,
-                                radioName: target.name,
-                                radioChecked: target.checked,
-                            });
-                        }
-                    }, ...others }),
-                React.createElement("label", { htmlFor: id, className: labelClasses }, label))));
-    }
-    return (React.createElement("div", { className: hashClass(styled, clsx(tile ? 'radio-tile' : 'radio', narrow && is('narrow'), marginless && is('marginless'), horizontalTile && is('horizontal'), className)) },
-        React.createElement("input", { type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: readonly ? checked : inputState.checked, onChange: (e) => {
-                return e;
-            }, onClick: (e) => {
-                const target = e.target;
-                if (!readonly && target.checked) {
-                    setInputState({ checked: target.checked });
-                }
-                target.value = value || '';
-                if (onChange) {
-                    onChange({
-                        radioId: target.id,
-                        radioValue: target.value,
-                        radioName: target.name,
-                        radioChecked: target.checked,
-                    });
-                }
-                if (onClick) {
-                    onClick({
-                        radioId: target.id,
-                        radioValue: target.value,
-                        radioName: target.name,
-                        radioChecked: target.checked,
-                    });
+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;
+    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')) }, children ? (children) : (React.createElement(React.Fragment, null,
-            iconTile && React.createElement(Icon, { name: iconTile, size: IconSize.MEDIUM }),
-            horizontalTile ? (React.createElement("span", null,
-                tile ? React.createElement("span", { className: hashClass(styled, clsx('radio-title')) }, label) : label,
-                tile && description && (React.createElement("span", { className: hashClass(styled, clsx('radio-description')) }, description)))) : (React.createElement(React.Fragment, null,
-                tile ? React.createElement("span", { className: hashClass(styled, clsx('radio-title')) }, label) : label,
-                tile && description && (React.createElement("span", { className: hashClass(styled, clsx('radio-description')) }, description)))))))));
-};
+            } }, others)),
+        React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('radio-label')) }, label)));
+});
+Radio.displayName = ComponentName.Radio;
 export default Radio;
-//# sourceMappingURL=Radio.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL1JhZGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RDs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDNUIsVUFDRSxFQUF5SCxFQUN6SCxHQUFHO0lBREQsSUFBQSxPQUFPLGFBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBdkgsa0hBQXlILENBQUY7SUFHL0csSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLDZCQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQztRQUNuRSx1REFDZSxNQUFNLEVBQ25CLElBQUksRUFBQyxPQUFPLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLE9BQU8sRUFDaEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFVBQUMsQ0FBQztnQkFDVixJQUFJLFFBQVEsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLFFBQVEsRUFBRTtvQkFDdEMsUUFBUSxDQUNOLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFO3dCQUNmLE9BQU8sRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUU7d0JBQ3BCLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUs7d0JBQzFCLFNBQVMsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUk7d0JBQ3hCLFlBQVksRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU87cUJBQy9CLENBQUMsQ0FDSCxDQUFBO2lCQUNGO1lBQ0gsQ0FBQyxJQUNHLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQ2xFLEtBQUssQ0FDQSxDQUNKLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBQ3ZDLGVBQWUsS0FBSyxDQUFBIn0=

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

@@ -1,27 +1,16 @@
-/// <reference types="react" />
-import { RadioProps } from './RadioProps';
-import { ComponentName } from '../enumsComponentsName';
+import { RadioNativeProps } from '../../components/radio/RadioProps';
+import React from 'react';
+import { TouchableOpacity } from 'react-native';
 /**
- * Radio Native Component
- * @param checked {boolean} Checked Checkbox
+ * radio Component
+ * @param checked {boolean} Checked radio
  * @param disabled {boolean} Disabled
- * @param readOnly {boolean} readonly Checkbox
+ * @param readOnly {boolean} readonly radio
  * @param id {string} Id for button, by default id is generate
- * @param label {string} Label for Checkbox
- * @param onClick {ClickEvent}
+ * @param label {string} Label for radio
  * @param onChange {ChangeEvent}
- * @param name {string} Name for checkbox
- * @param value {string} Value for checkbox
- * @param inverted {boolean} Inveted Checkbox color
- * @param spaced {boolean} Spaced Label
- * @param reversed {boolean} Reversed Radio Input with Label
- * @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 description {string | React.ReactNode} Custom children
+ * @param name {string} Name for radio
+ * @param value {string} Value for radio
  */
-declare const Radio: {
-    ({ id, checked, name, onClick, onChange, disabled, readonly, label, inverted, value, spaced, reversed, horizontalTile, tile, description, iconTile, children, narrow, }: RadioProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Radio: React.ForwardRefExoticComponent<RadioNativeProps & React.RefAttributes<TouchableOpacity>>;
 export default Radio;