@zonos/amino 4.2.5 → 4.2.6

package/components/radio/RadioGroup.d.ts

@@ -4,9 +4,10 @@ export declare type RadioGroupItem<T extends string = string> = {
     value: T;
 };
 export declare type RadioGroupProps<T extends string = string> = {
+    className?: string;
+    disabled?: boolean;
     initialValue?: string;
     items: RadioGroupItem<T>[];
-    disabled?: boolean;
     onChange: (newValue: T) => void;
 };
-export declare const RadioGroup: <T extends string = string>({ items, disabled, onChange, initialValue, }: RadioGroupProps<T>) => JSX.Element;
+export declare const RadioGroup: <T extends string = string>({ className, disabled, initialValue, items, onChange, }: RadioGroupProps<T>) => JSX.Element;

package/components/radio/RadioGroup.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("../../styles/constants/theme.js"),a=require("styled-components"),i=require("./Radio.js");function u(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js");var o,s=u(a).default.div(o||(o=e.__makeTemplateObject(["\n  * {\n    margin-bottom: ",";\n  }\n\n  *:last-of-type {\n    margin-bottom: 0;\n  }\n"],["\n  * {\n    margin-bottom: ",";\n  }\n\n  *:last-of-type {\n    margin-bottom: 0;\n  }\n"])),r.theme.space16);exports.RadioGroup=function(r){var a=r.items,u=r.disabled,o=r.onChange,l=r.initialValue,m=e.__read(t.useState(-1),2),c=m[0],d=m[1],f=a.findIndex((function(e){return e.value===l}));t.useEffect((function(){f>-1&&d(f)}),[f]);var b=a.map((function(e,t){return n.jsx(i.Radio,{checked:t===c,onChange:function(){u||(d(t),o&&e.value&&o(e.value))},disabled:u,label:e.label},e.label)}));return n.jsx(s,{children:b})};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),a=require("react/jsx-runtime"),r=require("react"),n=require("../../styles/constants/theme.js"),t=require("styled-components"),i=require("./Radio.js");function s(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js");var u,l=s(t).default.div(u||(u=e.__makeTemplateObject(["\n  display: flex;\n  gap: ",";\n"],["\n  display: flex;\n  gap: ",";\n"])),n.theme.space8);exports.RadioGroup=function(n){var t=n.className,s=n.disabled,u=n.initialValue,c=n.items,d=n.onChange,o=e.__read(r.useState(-1),2),f=o[0],m=o[1],p=c.findIndex((function(e){return e.value===u}));r.useEffect((function(){p>-1&&m(p)}),[p]);var x=c.map((function(e,r){return a.jsx(i.Radio,{checked:r===f,onChange:function(){s||(m(r),d&&e.value&&d(e.value))},disabled:s,label:e.label},e.label)}));return a.jsx(l,e.__assign({className:t},{children:x}))};

package/components/select/CountryMultiSelect.d.ts

@@ -3,8 +3,8 @@ import { GroupBase, MenuListProps, Props, SelectComponentsConfig, StylesConfig }
 import { type HelpTextProps } from "../help-text/HelpText";
 import { type ICountryOption, type IUnavailableCountry } from "../../types/ICountry";
 import { IOption } from "../../types/IOption";
-export declare const MenuList: <Option extends IOption<string>, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, ...props }: MenuListProps<Option, IsMulti, Group>) => JSX.Element;
-export interface CountryMultiSelectProps<Option extends IOption = IOption, IsMulti extends true = true, Group extends GroupBase<Option> = GroupBase<Option>> extends Omit<Props<Option, IsMulti, Group>, 'isMulti' | 'onChange' | 'options' | 'value'>, HelpTextProps {
+export declare const MenuList: <Option extends IOption<string | number>, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, ...props }: MenuListProps<Option, IsMulti, Group>) => JSX.Element;
+export interface CountryMultiSelectProps<Option extends IOption<string> = IOption<string>, IsMulti extends true = true, Group extends GroupBase<Option> = GroupBase<Option>> extends Omit<Props<Option, IsMulti, Group>, 'isMulti' | 'onChange' | 'options' | 'value'>, HelpTextProps {
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     icon?: ReactNode;
     label?: string;

package/components/select/MultiSelect.d.ts

@@ -22,5 +22,5 @@ export declare type IGroupOption<Option extends IOption> = {
     isSelected: false;
     type: 'option';
 } & IOption;
-export declare const MultiSelect: <Option extends IOption<string>, Group extends GroupBase<Option>>({ closeMenuOnSelect, hideSelectedOptions, ...props }: MultiSelectProps<Option, true, Group>) => JSX.Element;
+export declare const MultiSelect: <Option extends IOption<string | number>, Group extends GroupBase<Option>>({ closeMenuOnSelect, hideSelectedOptions, ...props }: MultiSelectProps<Option, true, Group>) => JSX.Element;
 export {};

package/components/select/Select.d.ts

@@ -24,5 +24,5 @@ export interface SelectProps<Option extends IOption = IOption, IsMulti extends f
     /** Close the select dropdown menu when scrolling outside of menu to prevent graphical jank */
     closeOnOutsideScroll?: boolean;
 }
-export declare const Select: <Option extends IOption<string>, Group extends GroupBase<Option> = GroupBase<Option>>({ label, isClearable, value, ...props }: SelectProps<Option, false, Group>) => JSX.Element;
+export declare const Select: <Option extends IOption<string | number>, Group extends GroupBase<Option> = GroupBase<Option>>({ label, isClearable, value, ...props }: SelectProps<Option, false, Group>) => JSX.Element;
 export {};

package/components/select/_StyledReactSelect.d.ts

@@ -9,12 +9,12 @@ declare type AdditionalProps = {
     label?: string;
     size?: Size;
 };
-export declare const CheckboxOptionComponent: <Option extends IOption<string>, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => JSX.Element;
+export declare const CheckboxOptionComponent: <Option extends IOption<string | number>, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => JSX.Element;
 export interface StyledReactSelectProps<Option extends IOption, IsMulti extends boolean, Group extends GroupBase<Option>> extends Props<Option, IsMulti, Group>, HelpTextProps, AdditionalProps {
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     size?: Size;
     styles?: StylesConfig<Option, IsMulti, Group>;
     closeOnOutsideScroll?: boolean;
 }
-export declare const StyledReactSelect: <Option extends IOption<string>, IsMulti extends boolean, Group extends GroupBase<Option>>({ components, error, helpText, hasGroups, icon, label, size, styles, placeholder, menuPosition, closeOnOutsideScroll, ...props }: StyledReactSelectProps<Option, IsMulti, Group>) => JSX.Element;
+export declare const StyledReactSelect: <Option extends IOption<string | number>, IsMulti extends boolean, Group extends GroupBase<Option>>({ components, error, helpText, hasGroups, icon, label, size, styles, placeholder, menuPosition, closeOnOutsideScroll, ...props }: StyledReactSelectProps<Option, IsMulti, Group>) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "4.2.5",
+  "version": "4.2.6",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",

package/types/IOption.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export interface IOption<V extends string = string> {
+export interface IOption<V extends string | number = string | number> {
     icon?: ReactNode;
     isDisabled?: boolean;
     label: string;