@trilogy-ds/react 0.0.1-beta-1 → 0.0.1-beta-3

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { RadioProps } from './RadioProps';
+/**
+ * Radio Component
+ * @param checked {boolean} Checked Radio
+ * @param className {string} Additionnal CSS Classes
+ * @param disabled {boolean} Disabled
+ * @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 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
+ */
+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;
+export default Radio;

package/lib/components/radio/Radio.js

@@ -0,0 +1,101 @@
+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 { useTrilogyContext } from '../../context';
+/**
+ * Radio Component
+ * @param checked {boolean} Checked Radio
+ * @param className {string} Additionnal CSS Classes
+ * @param disabled {boolean} Disabled
+ * @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 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
+ */
+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,
+                    });
+                }
+            }, ...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)))))))));
+};
+export default Radio;
+//# sourceMappingURL=Radio.js.map

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

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

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { RadioProps } from './RadioProps';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Radio Native Component
+ * @param checked {boolean} Checked Checkbox
+ * @param disabled {boolean} Disabled
+ * @param readOnly {boolean} readonly Checkbox
+ * @param id {string} Id for button, by default id is generate
+ * @param label {string} Label for Checkbox
+ * @param onClick {ClickEvent}
+ * @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
+ */
+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;
+};
+export default Radio;

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

@@ -0,0 +1,172 @@
+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';
+/**
+ * Radio Native Component
+ * @param checked {boolean} Checked Checkbox
+ * @param disabled {boolean} Disabled
+ * @param readOnly {boolean} readonly Checkbox
+ * @param id {string} Id for button, by default id is generate
+ * @param label {string} Label for Checkbox
+ * @param onClick {ClickEvent}
+ * @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
+ */
+const Radio = ({ id = shortid.generate(), checked, name, onClick, onChange, disabled, readonly, label, inverted, value, spaced, reversed, 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',
+            paddingBottom: 5,
+            justifyContent: spaced ? 'space-between' : 'flex-start',
+        },
+        radio: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            borderColor: !inverted ? getColorStyle(TrilogyColor.TERTIARY) : getColorStyle(TrilogyColor.WHITE),
+            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,
+        },
+        icon: {
+            position: 'absolute',
+            left: 2,
+            borderRadius: 30,
+            width: 13,
+            height: 13,
+            backgroundColor: !inverted ? getColorStyle(TrilogyColor.INFO) : getColorStyle(TrilogyColor.WHITE),
+        },
+        label: {
+            color: (inverted && getColorStyle(TrilogyColor.WHITE)) || getColorStyle(TrilogyColor.TERTIARY),
+        },
+        tile: {
+            paddingBottom: 8,
+            maxWidth: 140,
+            width: 100,
+            borderWidth: 2,
+            borderColor: (disabled && '#e1e1e1') ||
+                (_checked && getColorStyle(TrilogyColor.SECONDARY)) ||
+                getColorStyle(TrilogyColor.GREY),
+            borderRadius: 6,
+            textAlign: 'center',
+            alignItems: 'center',
+            backgroundColor: disabled ? '#e1e1e1' : 'transparent',
+        },
+        tileLabel: {
+            color: getColorStyle(TrilogyColor.TERTIARY),
+            alignSelf: horizontalTile ? 'flex-start' : 'center',
+        },
+        tileDescription: {
+            color: getColorStyle(TrilogyColor.TERTIARY),
+            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),
+            borderRadius: 6,
+            backgroundColor: disabled ? '#e1e1e1' : 'transparent',
+        },
+    });
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const handleClick = (value) => {
+        if (!readonly) {
+            setChecked(value);
+            if (onClick) {
+                onClick({
+                    radioId: id,
+                    radioValue: value,
+                    radioName: name || '',
+                    radioChecked: !_checked,
+                });
+            }
+            if (onChange) {
+                onChange({
+                    radioId: id,
+                    radioValue: value,
+                    radioName: name || '',
+                    radioChecked: !_checked,
+                });
+            }
+        }
+    };
+    if (horizontalTile) {
+        return (React.createElement(TouchableOpacity, { 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',
+                        marginLeft: 10,
+                    } }, children)) : (React.createElement(React.Fragment, null,
+                    React.createElement(View, { style: {
+                            width: iconTile ? '12%' : '6%',
+                            height: 'auto',
+                            justifyContent: 'center',
+                            alignItems: 'center',
+                            marginLeft: 10,
+                        } }, iconTile && (React.createElement(View, null,
+                        React.createElement(Icon, { size: IconSize.SMALL, name: iconTile })))),
+                    React.createElement(View, { style: {
+                            width: iconTile ? '76%' : '82%',
+                            flexDirection: 'row',
+                            alignSelf: 'stretch',
+                            flexWrap: 'wrap',
+                            height: 'auto',
+                        } },
+                        React.createElement(View, null,
+                            label && typeof label.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
+                            description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.tileDescription }, String(description))) : (description))))),
+                React.createElement(View, { style: {
+                        width: '10%',
+                        alignItems: 'flex-end',
+                        justifyContent: 'center',
+                        paddingRight: 10,
+                    } },
+                    React.createElement(TouchableOpacity, { style: styles.radio, disabled: disabled, testID: id, onPressIn: () => 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' } },
+                iconTile && (React.createElement(View, { style: {
+                        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)));
+    }
+    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));
+};
+Radio.displayName = ComponentName.Radio;
+export default Radio;
+//# sourceMappingURL=Radio.native.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import { IconName, IconNameValues } from '../icon';
+import { Accessibility } from '../../objects';
+type RadioChangeEventHandler = (event: {
+    radioChecked: boolean;
+    radioId: string | undefined;
+    radioName: string;
+    radioValue: string;
+}) => void;
+type RadioClickEventHandler = (event: {
+    radioChecked: boolean;
+    radioId: string | undefined;
+    radioName: string;
+    radioValue: string;
+}) => void;
+/**
+ * Radio Interface
+ */
+export interface RadioProps extends Accessibility {
+    children?: React.ReactNode;
+    checked?: boolean;
+    disabled?: boolean;
+    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;
+    horizontalTile?: boolean;
+    narrow?: boolean;
+    marginless?: boolean;
+}
+export {};

package/lib/components/radio/RadioProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=RadioProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioProps.js","sourceRoot":"","sources":["../../../components/radio/RadioProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+import { RadioList } from './list';
+import Radio from './Radio';
+export { Radio, RadioList };

package/lib/components/radio/index.js

@@ -0,0 +1,4 @@
+import { RadioList } from './list';
+import Radio from './Radio';
+export { Radio, RadioList };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAClC,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAA"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { RadioListWebProps } from './RadioListProps';
+/**
+ * Radio List Component
+ * @param children {ReactNode} RadioList children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param centered {boolean} Centered radios
+ * @param vertical {boolean} Verical radios
+ * @param isMobile {boolean} espect mobile screen
+ */
+declare const RadioList: ({ className, centered, isMobile, vertical, ...others }: RadioListWebProps) => JSX.Element;
+export default RadioList;

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

@@ -0,0 +1,20 @@
+import 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
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param centered {boolean} Centered radios
+ * @param vertical {boolean} Verical radios
+ * @param isMobile {boolean} espect mobile screen
+ */
+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 }));
+};
+export default RadioList;
+//# sourceMappingURL=RadioList.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { AutoLayoutWrapper } from '../../autolayout';
+import { SpacerSize } from '../../spacer';
+import { SpacingMatrixMode } from '../../autolayout/SpacingMatrix';
+import { ComponentName } from '../../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],
+];
+/**
+ * RadioList Native Component
+ * @param children {ReactNode} RadioList children
+ * @param autolayout {boolean} Apply auto-layout rules
+ */
+const RadioList = ({ autolayout = SPACING_MATRIX, children }) => {
+    return React.createElement(AutoLayoutWrapper, { ...{ autolayout, children } });
+};
+RadioList.displayName = ComponentName.RadioList;
+export default RadioList;
+//# sourceMappingURL=RadioList.native.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { Centerable, Layout } from '../../../objects';
+import type { DividerProps } from '../../divider/DividerProps';
+import type { RadioProps } from '../RadioProps';
+type RadioListChildrenTypes = React.ReactElement<RadioProps | DividerProps> | undefined;
+/**
+ * Radio List Interface
+ */
+export interface RadioListProps extends Layout {
+    children?: RadioListChildrenTypes | RadioListChildrenTypes[];
+}
+/**
+ * Radio List Web Interface
+ */
+export interface RadioListWebProps extends RadioListProps, Centerable {
+    className?: string;
+    isMobile?: boolean;
+    vertical?: boolean;
+}
+export {};

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=RadioListProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioListProps.js","sourceRoot":"","sources":["../../../../components/radio/list/RadioListProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import RadioList from './RadioList';
+export { RadioList };

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

@@ -0,0 +1,3 @@
+import RadioList from './RadioList';
+export { RadioList };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/radio/list/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AAEnC,OAAO,EAAE,SAAS,EAAE,CAAA"}

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { RangeProps } from './RangeProps';
+/**
+ * Range Component
+ * @param min {number} min length
+ * @param max {number} max length
+ * @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 nameMin {string} name input min
+ * @param idMin {string} id input min
+ * @param nameMax{string} name input max
+ * @param idMax {string} id input max
+ * @param gap {number} space max between min and max cursor
+ * @param valueCursorMin {number} number of input min
+ * @param valueCursorMax {number} number of input max
+ */
+declare const Range: ({ min, max, label, valueCursorMin, valueCursorMax, labelValueCursorMin, labelValueCursorMax, onChangeMin, onChangeMax, nameMin, idMin, nameMax, idMax, testId, gap, }: RangeProps) => JSX.Element;
+export default Range;