@trilogy-ds/react 0.0.1-beta.5 → 0.0.1-beta.50

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

@@ -1,11 +1,11 @@
-import React, { useState, useEffect } from 'react';
-import { StyleSheet, TouchableOpacity } from 'react-native';
-import shortid from 'shortid';
-import { getColorStyle, TrilogyColor, TypographyBold } from '../../objects';
-import { Icon, IconSize } from '../icon';
-import { Text, TextLevels } from '../text';
-import { View } from '../view';
-import { ComponentName } from '../enumsComponentsName';
+import React, { useEffect, useState } from "react";
+import { StyleSheet, TouchableOpacity } from "react-native";
+import shortid from "shortid";
+import { getColorStyle, TrilogyColor, TypographyAlign, TypographyBold, } from "../../objects";
+import { Icon, IconSize } from "../../components/icon";
+import { Text, TextLevels } from "../../components/text";
+import { View } from "../../components/view";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Radio Native Component
  * @param checked {boolean} Checked Checkbox
@@ -17,77 +17,81 @@ import { ComponentName } from '../enumsComponentsName';
  * @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
  */
-const Radio = ({ id = shortid.generate(), checked, name, onClick, onChange, disabled, readonly, label, inverted, value, spaced, reversed, horizontalTile, tile, description, iconTile, children, narrow, }) => {
+const Radio = ({ id = shortid.generate(), checked, name, onClick, onChange, disabled, readonly, label, value, horizontalTile, tile, description, iconTile, children, narrow, }) => {
     const [_checked, setChecked] = useState(checked || false);
     useEffect(() => {
         setChecked(checked || false);
     }, [checked]);
     const styles = StyleSheet.create({
         container: {
-            flexDirection: reversed ? 'row-reverse' : 'row',
+            flexDirection: "row",
             paddingBottom: 5,
-            justifyContent: spaced ? 'space-between' : 'flex-start',
+            justifyContent: "flex-start",
         },
         radio: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            borderColor: !inverted ? getColorStyle(TrilogyColor.TERTIARY) : getColorStyle(TrilogyColor.WHITE),
+            flexDirection: "row",
+            alignItems: "center",
+            borderColor: getColorStyle(TrilogyColor.FONT),
             borderWidth: 0.6,
             width: 19,
             height: 19,
             borderRadius: 10,
-            marginRight: (!spaced && reversed && 0) || (spaced && reversed && 0) || (!spaced && !reversed && 10) || 0,
-            marginLeft: !spaced && reversed ? 10 : 0,
+            marginRight: 10,
+            marginLeft: 0,
         },
         icon: {
-            position: 'absolute',
+            position: "absolute",
             left: 2,
             borderRadius: 30,
-            width: 13,
-            height: 13,
-            backgroundColor: !inverted ? getColorStyle(TrilogyColor.INFO) : getColorStyle(TrilogyColor.WHITE),
+            width: 14,
+            height: 14,
+            backgroundColor: getColorStyle(TrilogyColor.MAIN),
         },
         label: {
-            color: (inverted && getColorStyle(TrilogyColor.WHITE)) || getColorStyle(TrilogyColor.TERTIARY),
+            color: (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
+                (_checked && getColorStyle(TrilogyColor.MAIN)) ||
+                getColorStyle(TrilogyColor.MAIN),
         },
         tile: {
-            paddingBottom: 8,
+            padding: _checked ? 3 : 4,
+            paddingBottom: _checked ? 7 : 8,
             maxWidth: 140,
-            width: 100,
-            borderWidth: 2,
-            borderColor: (disabled && '#e1e1e1') ||
-                (_checked && getColorStyle(TrilogyColor.SECONDARY)) ||
-                getColorStyle(TrilogyColor.GREY),
+            width: 126,
+            borderWidth: (_checked && 2) || 1,
+            borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED, 1)) ||
+                (_checked && getColorStyle(TrilogyColor.MAIN)) ||
+                getColorStyle(TrilogyColor.FONT, 1),
             borderRadius: 6,
-            textAlign: 'center',
-            alignItems: 'center',
-            backgroundColor: disabled ? '#e1e1e1' : 'transparent',
-        },
-        tileLabel: {
-            color: getColorStyle(TrilogyColor.TERTIARY),
-            alignSelf: horizontalTile ? 'flex-start' : 'center',
+            textAlign: "center",
+            alignItems: "center",
+            backgroundColor: disabled
+                ? getColorStyle(TrilogyColor.DISABLED, 1)
+                : "transparent",
         },
         tileDescription: {
-            color: getColorStyle(TrilogyColor.TERTIARY),
-            alignSelf: horizontalTile ? 'flex-start' : 'center',
+            color: disabled
+                ? getColorStyle(TrilogyColor.DISABLED, 1)
+                : getColorStyle(TrilogyColor.MAIN),
+            alignSelf: horizontalTile ? "flex-start" : "center",
         },
         horizontalTile: {
-            paddingVertical: 16,
-            width: narrow ? 'auto' : '100%',
-            height: 'auto',
-            borderWidth: 2,
-            borderColor: (disabled && '#e1e1e1') ||
-                (_checked && getColorStyle(TrilogyColor.SECONDARY)) ||
-                getColorStyle(TrilogyColor.GREY),
+            paddingVertical: _checked ? 15 : 16,
+            paddingHorizontal: _checked ? 5 : 6,
+            width: narrow ? "auto" : "100%",
+            height: "auto",
+            borderWidth: (_checked && 2) || 1,
+            borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED, 1)) ||
+                (_checked && getColorStyle(TrilogyColor.MAIN)) ||
+                getColorStyle(TrilogyColor.FONT, 1),
             borderRadius: 6,
-            backgroundColor: disabled ? '#e1e1e1' : 'transparent',
+            backgroundColor: disabled
+                ? getColorStyle(TrilogyColor.DISABLED, 1)
+                : "transparent",
         },
     });
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -98,7 +102,7 @@ const Radio = ({ id = shortid.generate(), checked, name, onClick, onChange, disa
                 onClick({
                     radioId: id,
                     radioValue: value,
-                    radioName: name || '',
+                    radioName: name || "",
                     radioChecked: !_checked,
                 });
             }
@@ -106,66 +110,72 @@ const Radio = ({ id = shortid.generate(), checked, name, onClick, onChange, disa
                 onChange({
                     radioId: id,
                     radioValue: value,
-                    radioName: name || '',
+                    radioName: name || "",
                     radioChecked: !_checked,
                 });
             }
         }
     };
     if (horizontalTile) {
-        return (React.createElement(TouchableOpacity, { style: styles.horizontalTile, onPress: () => handleClick(value || false) },
-            React.createElement(View, { style: { flexDirection: 'row' } },
+        return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.horizontalTile, onPress: () => handleClick(value || false) },
+            React.createElement(View, { style: { flexDirection: "row" } },
                 children ? (React.createElement(View, { style: {
-                        flexDirection: 'row',
-                        width: '88%',
-                        height: 'auto',
-                        justifyContent: 'flex-start',
-                        alignItems: 'center',
+                        flexDirection: "row",
+                        width: "88%",
+                        height: "auto",
+                        justifyContent: "flex-start",
+                        alignItems: "center",
                         marginLeft: 10,
                     } }, children)) : (React.createElement(React.Fragment, null,
                     React.createElement(View, { style: {
-                            width: iconTile ? '12%' : '6%',
-                            height: 'auto',
-                            justifyContent: 'center',
-                            alignItems: 'center',
+                            width: iconTile ? "12%" : "6%",
+                            height: "auto",
+                            justifyContent: "center",
+                            alignItems: "center",
                             marginLeft: 10,
                         } }, iconTile && (React.createElement(View, null,
                         React.createElement(Icon, { size: IconSize.SMALL, name: iconTile })))),
                     React.createElement(View, { style: {
-                            width: iconTile ? '76%' : '82%',
-                            flexDirection: 'row',
-                            alignSelf: 'stretch',
-                            flexWrap: 'wrap',
-                            height: 'auto',
+                            width: iconTile ? "76%" : "82%",
+                            flexDirection: "row",
+                            alignSelf: "stretch",
+                            flexWrap: "wrap",
+                            height: "auto",
                         } },
                         React.createElement(View, null,
-                            label && typeof label.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
-                            description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.tileDescription }, String(description))) : (description))))),
+                            label && typeof label.valueOf() === "string" && (React.createElement(Text, { style: styles.label, level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
+                            description && typeof description.valueOf() === "string" ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.tileDescription }, String(description))) : (description))))),
                 React.createElement(View, { style: {
-                        width: '10%',
-                        alignItems: 'flex-end',
-                        justifyContent: 'center',
+                        width: "10%",
+                        alignItems: "flex-end",
+                        justifyContent: "center",
                         paddingRight: 10,
                     } },
                     React.createElement(TouchableOpacity, { style: styles.radio, disabled: disabled, testID: id, onPressIn: () => handleClick(value || false) }, _checked && !disabled && React.createElement(View, { style: styles.icon }))))));
     }
     if (tile) {
-        return (React.createElement(TouchableOpacity, { style: horizontalTile ? styles.horizontalTile : styles.tile, onPress: () => handleClick(value || false) },
-            React.createElement(TouchableOpacity, { style: [{ alignSelf: 'flex-end', marginTop: 10 }, styles.radio], disabled: disabled, testID: id, onPressIn: () => handleClick(value || false) }, _checked && !disabled && React.createElement(View, { style: styles.icon })),
-            React.createElement(View, { style: { width: '70%', alignItems: 'center' } },
+        return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.tile, onPress: () => handleClick(value || false) },
+            React.createElement(TouchableOpacity, { style: [{ alignSelf: "flex-end", marginTop: 10 }, styles.radio], disabled: disabled, testID: id, onPressIn: () => handleClick(value || false) }, _checked && !disabled && React.createElement(View, { style: styles.icon })),
+            React.createElement(View, { style: { width: "70%", alignItems: "center" } },
                 iconTile && (React.createElement(View, { style: {
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        justifyContent: 'center',
+                        flexDirection: "row",
+                        alignItems: "center",
+                        justifyContent: "center",
                         marginBottom: 5,
                     } },
-                    React.createElement(Icon, { size: IconSize.SMALL, name: iconTile }))),
-                label && typeof label.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD, style: styles.label }, String(label))),
-                description && typeof description.valueOf() === 'string' ? React.createElement(Text, null, String(description)) : description)));
+                    React.createElement(Icon, { size: IconSize.MEDIUM, name: iconTile }))),
+                label && typeof label.valueOf() === "string" && (React.createElement(Text, { level: TextLevels.TWO, typo: [
+                        TypographyBold.TEXT_WEIGHT_SEMIBOLD,
+                        TypographyAlign.TEXT_CENTERED,
+                    ], style: styles.label }, String(label))),
+                description && typeof description.valueOf() === "string" ? (React.createElement(Text, { level: TextLevels.THREE, typo: [
+                        TypographyBold.TEXT_WEIGHT_SEMIBOLD,
+                        TypographyAlign.TEXT_CENTERED,
+                    ] }, String(description))) : (description))));
     }
     return (React.createElement(TouchableOpacity, { style: styles.container, onPress: () => handleClick(value || false) },
         React.createElement(TouchableOpacity, { style: styles.radio, disabled: disabled, testID: id, onPress: () => handleClick(value || false) }, _checked && React.createElement(View, { style: styles.icon })),
-        label && typeof label.valueOf() === 'string' ? React.createElement(Text, { style: styles.label }, String(label)) : label));
+        label && typeof label.valueOf() === "string" ? (React.createElement(Text, { style: styles.label }, String(label))) : (label)));
 };
 Radio.displayName = ComponentName.Radio;
 export default Radio;

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.native.js","sourceRoot":"","sources":["../../../components/radio/Radio.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Radio.native.js","sourceRoot":"","sources":["../../../components/radio/Radio.native.tsx"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconName, IconNameValues } from '../icon';
+import { IconName, IconNameValues } from '../../components/icon';
 import { Accessibility } from '../../objects';
 type RadioChangeEventHandler = (event: {
     radioChecked: boolean;
@@ -23,27 +23,11 @@ export interface RadioProps extends Accessibility {
     readonly?: boolean;
     id?: string;
     label?: string | React.ReactNode;
-    /**
-     * @deprecated
-     */
-    labelClassName?: string;
     onClick?: RadioClickEventHandler;
     onChange?: RadioChangeEventHandler;
     className?: string;
     name?: string;
     value?: string;
-    /**
-     * @deprecated
-     */
-    spaced?: boolean;
-    /**
-     * @deprecated
-     */
-    reversed?: boolean;
-    /**
-     * @deprecated
-     */
-    inverted?: boolean;
     tile?: boolean;
     description?: string | React.ReactNode;
     iconTile?: IconName | IconNameValues;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { RadioListWebProps } from './RadioListProps';
+import { RadioListWebProps } from "./RadioListProps";
 /**
  * Radio List Component
  * @param children {ReactNode} RadioList children

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

@@ -1,8 +1,8 @@
-import React from 'react';
-import { has, is } from '../../../services';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import * as React from "react";
+import { has, is } from "../../../services";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Radio List Component
  * @param children {ReactNode} RadioList children
@@ -14,7 +14,7 @@ import { useTrilogyContext } from '../../../context';
  */
 const RadioList = ({ className, centered, isMobile, vertical, ...others }) => {
     const { styled } = useTrilogyContext();
-    return (React.createElement("div", { className: hashClass(styled, clsx('radios', className, centered && has('text-centered'), isMobile && is('mobile'), vertical && is('vertical'))), ...others }));
+    return (React.createElement("div", { className: hashClass(styled, clsx("radios", className, centered && has("text-centered"), isMobile && is("mobile"), vertical && is("vertical"))), ...others }));
 };
 export default RadioList;
 //# sourceMappingURL=RadioList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioList.js","sourceRoot":"","sources":["../../../../components/radio/list/RadioList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;GAQG;AAEH,MAAM,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAqB,EAAe,EAAE;IAC3G,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CACF,QAAQ,EACR,SAAS,EACT,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC,EAChC,QAAQ,IAAI,EAAE,CAAC,QAAQ,CAAC,EACxB,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,CAC3B,CACF,KACG,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"RadioList.js","sourceRoot":"","sources":["../../../../components/radio/list/RadioList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;GAQG;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CACF,QAAQ,EACR,SAAS,EACT,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC,EAChC,QAAQ,IAAI,EAAE,CAAC,QAAQ,CAAC,EACxB,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,CAC3B,CACF,KACG,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import type { RadioListProps } from './RadioListProps';
-import { ComponentName } from '../../enumsComponentsName';
+import type { RadioListProps } from "./RadioListProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * RadioList Native Component
  * @param children {ReactNode} RadioList children
  * @param autolayout {boolean} Apply auto-layout rules
  */
 declare const RadioList: {
-    ({ autolayout, children }: RadioListProps): JSX.Element;
+    ({ autolayout, children, }: RadioListProps): JSX.Element;
     displayName: ComponentName;
 };
 export default RadioList;

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

@@ -1,21 +1,21 @@
-import React from 'react';
-import { AutoLayoutWrapper } from '../../autolayout';
-import { SpacerSize } from '../../spacer';
-import { SpacingMatrixMode } from '../../autolayout/SpacingMatrix';
-import { ComponentName } from '../../enumsComponentsName';
+import * as React from "react";
+import { AutoLayoutWrapper } from "../../../components/autolayout";
+import { SpacerSize } from "../../../components/spacer";
+import { SpacingMatrixMode } from "../../../components/autolayout/SpacingMatrix";
+import { ComponentName } from "../../../components/enumsComponentsName";
 const { MEDIUM, SMALL } = SpacerSize;
 const { INSERT_SPACE_BETWEEN } = SpacingMatrixMode;
 const SPACING_MATRIX = [
-    [INSERT_SPACE_BETWEEN, 'Radio', 'Divider', SMALL],
-    [INSERT_SPACE_BETWEEN, 'Divider', 'Radio', SMALL],
-    [INSERT_SPACE_BETWEEN, 'Radio', 'Radio', MEDIUM],
+    [INSERT_SPACE_BETWEEN, "Radio", "Divider", SMALL],
+    [INSERT_SPACE_BETWEEN, "Divider", "Radio", SMALL],
+    [INSERT_SPACE_BETWEEN, "Radio", "Radio", MEDIUM],
 ];
 /**
  * RadioList Native Component
  * @param children {ReactNode} RadioList children
  * @param autolayout {boolean} Apply auto-layout rules
  */
-const RadioList = ({ autolayout = SPACING_MATRIX, children }) => {
+const RadioList = ({ autolayout = SPACING_MATRIX, children, }) => {
     return React.createElement(AutoLayoutWrapper, { ...{ autolayout, children } });
 };
 RadioList.displayName = ComponentName.RadioList;

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

@@ -1 +1 @@
-{"version":3,"file":"RadioList.native.js","sourceRoot":"","sources":["../../../../components/radio/list/RadioList.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKlE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAA;AACpC,MAAM,EAAE,oBAAoB,EAAE,GAAG,iBAAiB,CAAA;AAElD,MAAM,cAAc,GAAkB;IACpC,CAAC,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC;IACjD,CAAC,oBAAoB,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC;IACjD,CAAC,oBAAoB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC;CACjD,CAAA;AAED;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,UAAU,GAAG,cAAc,EAAE,QAAQ,EAAkB,EAAe,EAAE;IAC3F,OAAO,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAI,CAAA;AAC5D,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}
+{"version":3,"file":"RadioList.native.js","sourceRoot":"","sources":["../../../../components/radio/list/RadioList.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AAKzE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAA;AACpC,MAAM,EAAE,oBAAoB,EAAE,GAAG,iBAAiB,CAAA;AAElD,MAAM,cAAc,GAAkB;IACpC,CAAC,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC;IACjD,CAAC,oBAAoB,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC;IACjD,CAAC,oBAAoB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC;CACjD,CAAA;AAED;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,UAAU,GAAG,cAAc,EAC3B,QAAQ,GACO,EAAe,EAAE;IAChC,OAAO,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAI,CAAA;AAC5D,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { Centerable, Layout } from '../../../objects';
-import type { DividerProps } from '../../divider/DividerProps';
-import type { RadioProps } from '../RadioProps';
+import type { DividerProps } from '../../../components/divider/DividerProps';
+import type { RadioProps } from '../../../components/radio/RadioProps';
 type RadioListChildrenTypes = React.ReactElement<RadioProps | DividerProps> | undefined;
 /**
  * Radio List Interface

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

@@ -0,0 +1 @@
+export {};

package/lib/components/radio/test/radio.test.js

@@ -0,0 +1,50 @@
+import * as React from "react";
+import { render, fireEvent } from "@testing-library/react";
+import Radio from "../Radio";
+describe("Radio component", () => {
+    it("renders correctly", () => {
+        const { getByLabelText } = render(React.createElement(Radio, { label: "Test radio" }));
+        expect(getByLabelText("Test radio")).toBeInTheDocument();
+    });
+    it("handles onChange correctly", () => {
+        const onChange = jest.fn();
+        const { getByLabelText } = render(React.createElement(Radio, { label: "Test radio", onChange: onChange }));
+        const input = getByLabelText("Test radio");
+        fireEvent.click(input);
+        expect(onChange).toHaveBeenCalledTimes(1);
+    });
+    it("handles onClick correctly", () => {
+        const onClick = jest.fn();
+        const { getByLabelText } = render(React.createElement(Radio, { label: "Test radio", onClick: onClick }));
+        const input = getByLabelText("Test radio");
+        fireEvent.click(input);
+        expect(onClick).toHaveBeenCalledTimes(1);
+    });
+    it("handles disabled correctly", () => {
+        const { getByLabelText } = render(React.createElement(Radio, { label: "Test radio", disabled: true }));
+        const input = getByLabelText("Test radio");
+        expect(input).toBeDisabled();
+    });
+    it("handles checked state correctly", () => {
+        const { getByLabelText } = render(React.createElement(Radio, { label: "Test radio", checked: true }));
+        const input = getByLabelText("Test radio");
+        expect(input).toBeChecked();
+    });
+    it("should render label and input", () => {
+        const { getByLabelText } = render(React.createElement(Radio, { label: "Option 1" }));
+        expect(getByLabelText("Option 1")).toBeInTheDocument();
+    });
+    it("should call onChange when input is clicked", () => {
+        const handleChange = jest.fn();
+        const { getByLabelText } = render(React.createElement(Radio, { label: "Option 1", onChange: handleChange }));
+        fireEvent.click(getByLabelText("Option 1"));
+        expect(handleChange).toHaveBeenCalledTimes(1);
+    });
+    it("should not call onChange when input is clicked and disabled is true", () => {
+        const handleChange = jest.fn();
+        const { getByLabelText } = render(React.createElement(Radio, { label: "Option 1", onChange: handleChange, disabled: true }));
+        fireEvent.click(getByLabelText("Option 1"));
+        expect(handleChange).toHaveBeenCalledTimes(0);
+    });
+});
+//# sourceMappingURL=radio.test.js.map

package/lib/components/radio/test/radio.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.test.js","sourceRoot":"","sources":["../../../../components/radio/test/radio.test.tsx"],"names":[],"mappings":"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"}

package/lib/components/range/Range.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { RangeProps } from './RangeProps';
+import { RangeProps } from "./RangeProps";
 /**
  * Range Component
  * @param min {number} min length
@@ -7,7 +7,9 @@ import { RangeProps } from './RangeProps';
  * @param label {string} label of range
  * @param labelValueCursorMin {string} label to display next to value display
  * @param labelValueCursorMax {string} label to display next to value display
- * @param onChange {function}
+ * @param onChangeMin
+ * @param onChangeMax
+ * @param onChange {function} (Native)
  * @param nameMin {string} name input min
  * @param idMin {string} id input min
  * @param nameMax{string} name input max