@mrshmllw/smores-react 2.10.0 → 2.12.0

package/dist/Loader/Loader.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { Color } from '../theme';
-export declare type LoaderProps = {
+export type LoaderProps = {
     height: string;
     color?: Color;
 };

package/dist/Message/Message.d.ts

@@ -1,12 +1,12 @@
 import { FC, ReactNode } from 'react';
-declare type BorderProps = {
+type BorderProps = {
     hasBorder?: false;
     borderColor?: never;
 } | {
     hasBorder: true;
     borderColor: string;
 };
-export declare type MessageProps = {
+export type MessageProps = {
     className?: string;
     children: ReactNode;
     type?: 'info' | 'warning' | 'warning-bubble' | string;

package/dist/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-export declare type ModalProps = {
+export type ModalProps = {
     title?: string;
     icon?: string;
     children?: ReactNode;

package/dist/NumberInput/NumberInput.d.ts

@@ -18,7 +18,7 @@ export interface Props extends CommonFieldProps {
     outlined?: boolean;
 }
 /** on change or on input required */
-declare type InputProps = {
+type InputProps = {
     /** on change is required and on input optional */
     onChange: (e: string | number) => void;
     onInputChange?: (e: FormEvent<HTMLInputElement>) => void;
@@ -27,6 +27,6 @@ declare type InputProps = {
     onChange?: (e: string | number) => void;
     onInputChange: (e: FormEvent<HTMLInputElement>) => void;
 };
-export declare type NumberInputProps = Props & InputProps;
+export type NumberInputProps = Props & InputProps;
 export declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/Pagination/Pagination.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { MarginProps } from '../utils/space';
-export declare type PaginationProps = {
+export type PaginationProps = {
     /** Total number of records  */
     total: number;
     /** Number of records per page  */

package/dist/RadioButton/RadioButton.d.ts

@@ -1,6 +1,6 @@
 import { FC, ChangeEvent } from 'react';
 import { MarginProps } from '../utils/space';
-export declare type RadioButtonProps = {
+export type RadioButtonProps = {
     id?: string;
     label: string;
     checked?: boolean;

package/dist/RadioGroup/RadioElement.d.ts

@@ -1,13 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { MarginProps } from '../utils/space';
 import { BaseValueType } from './types';
-declare type RadioElementProps<Value extends BaseValueType> = {
+export declare const RadioElement: React.ForwardRefExoticComponent<{
     name: string;
     id: string;
-    value: Value;
+    value: BaseValueType;
     checked: boolean;
-    onChange: (value: Value) => void;
+    onChange: (value: BaseValueType) => void;
     isError: boolean;
-} & MarginProps;
-export declare const RadioElement: <Value extends BaseValueType>({ name, id, value, checked, onChange, isError, ...marginProps }: RadioElementProps<Value>) => JSX.Element;
-export {};
+} & MarginProps & React.RefAttributes<HTMLInputElement>>;

package/dist/RadioGroup/RadioElement.js

@@ -9,18 +9,18 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import React, { forwardRef } from 'react';
 import styled from 'styled-components';
 import { theme } from '../theme';
 import { visuallyHidden } from '../utils/visuallyHidden';
 import { focusOutline } from '../utils/focusOutline';
 import { Box } from '../Box';
-export const RadioElement = (_a) => {
+export const RadioElement = forwardRef(function RadioElement(_a) {
     var { name, id, value, checked, onChange, isError } = _a, marginProps = __rest(_a, ["name", "id", "value", "checked", "onChange", "isError"]);
     return (React.createElement(React.Fragment, null,
         React.createElement(StyledInput, { type: "radio", name: name, id: id, value: `${value}`, checked: checked, onChange: () => onChange(value) }),
         React.createElement(RadioCircle, Object.assign({ isError: isError, checked: checked }, marginProps))));
-};
+});
 const StyledInput = styled.input `
   ${visuallyHidden}
 `;

package/dist/RadioGroup/RadioElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioElement.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioElement.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAY5B,MAAM,CAAC,MAAM,YAAY,GAAG,CAA8B,EAQ/B,EAAE,EAAE;QAR2B,EACxD,IAAI,EACJ,EAAE,EACF,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,OAEkB,EADtB,WAAW,cAP0C,yDAQzD,CADe;IAEd,OAAO,CACL;QACE,oBAAC,WAAW,IACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,GAAG,KAAK,EAAE,EACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GAC/B;QACF,oBAAC,WAAW,kBAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,IAAM,WAAW,EAAI,CACnE,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;IAC5B,cAAc;CACjB,CAAA;AAED,MAAM,UAAU,GAAG,EAAE,CAAA;AAErB,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAwC;;WAE5D,UAAU;YACT,UAAU;mBACH,UAAU;sBACP,KAAK,CAAC,MAAM,CAAC,KAAK;;MAElC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;IAExE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CACzB,CAAC,OAAO;IACR,CAAC,OAAO;IACR;;0BAEsB,KAAK,CAAC,MAAM,CAAC,SAAS;;GAE7C;;IAEC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CACzB,OAAO;IACP,qBACE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAC9C,GAAG;;IAEH,YAAY,CAAC,EAAE,QAAQ,EAAE,GAAG,WAAW,oBAAoB,EAAE,CAAC;CACjE,CAAA"}
+{"version":3,"file":"RadioElement.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioElement.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAY5B,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CAAC,EAQrB;QARqB,EACpB,IAAI,EACJ,EAAE,EACF,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,OAER,EADI,WAAW,cAPM,yDAQrB,CADe;IAEd,OAAO,CACL;QACE,oBAAC,WAAW,IACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,GAAG,KAAK,EAAE,EACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GAC/B;QACF,oBAAC,WAAW,kBAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,IAAM,WAAW,EAAI,CACnE,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;IAC5B,cAAc;CACjB,CAAA;AAED,MAAM,UAAU,GAAG,EAAE,CAAA;AAErB,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAwC;;WAE5D,UAAU;YACT,UAAU;mBACH,UAAU;sBACP,KAAK,CAAC,MAAM,CAAC,KAAK;;MAElC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;IAExE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CACzB,CAAC,OAAO;IACR,CAAC,OAAO;IACR;;0BAEsB,KAAK,CAAC,MAAM,CAAC,SAAS;;GAE7C;;IAEC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CACzB,OAAO;IACP,qBACE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAC9C,GAAG;;IAEH,YAAY,CAAC,EAAE,QAAQ,EAAE,GAAG,WAAW,oBAAoB,EAAE,CAAC;CACjE,CAAA"}

package/dist/RadioGroup/RadioGroup.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React, { ReactElement } from 'react';
 import { CommonFieldProps } from '../fields/commonFieldTypes';
 import { BaseValueType, DisplayType } from './types';
-export declare type RadioGroupProps<Value extends BaseValueType = BaseValueType> = {
+export type RadioGroupProps<Value extends BaseValueType = BaseValueType> = {
     options: Array<{
         visual?: string;
         label: string;
@@ -11,4 +11,13 @@ export declare type RadioGroupProps<Value extends BaseValueType = BaseValueType>
     value: Value;
     displayType?: DisplayType;
 } & CommonFieldProps;
-export declare const RadioGroup: <Value extends BaseValueType>({ options, onChange, value, displayType, renderAsTitle, error, ...fieldProps }: RadioGroupProps<Value>) => JSX.Element;
+export declare const RadioGroup: <Value extends BaseValueType = BaseValueType>(p: {
+    options: {
+        visual?: string | undefined;
+        label: string;
+        value: Value;
+    }[];
+    onChange: (value: Value) => void;
+    value: Value;
+    displayType?: DisplayType | undefined;
+} & CommonFieldProps & React.RefAttributes<HTMLInputElement>) => ReactElement | null;

package/dist/RadioGroup/RadioGroup.js

@@ -9,18 +9,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import React, { forwardRef } from 'react';
 import styled from 'styled-components';
 import { useUniqueId } from '../utils/id';
 import { Fieldset } from '../fields/Fieldset';
 import { RadioItem } from './RadioItem';
 import { ITEM_GAP } from './constants';
-export const RadioGroup = (_a) => {
+const RadioGroupComponent = (_a) => {
     var { options, onChange, value, displayType = 'normal', renderAsTitle = false, error = false } = _a, fieldProps = __rest(_a, ["options", "onChange", "value", "displayType", "renderAsTitle", "error"]);
     const name = useUniqueId();
     return (React.createElement(Fieldset, Object.assign({ renderAsTitle: renderAsTitle, error: error }, fieldProps),
         React.createElement(RadioItemList, { displayType: displayType }, options.map((option) => (React.createElement(RadioItem, { key: `${option.value}`, name: name, visual: option.visual, label: option.label, value: option.value, checked: option.value === value, onChange: onChange, displayType: displayType, isError: error }))))));
 };
+export const RadioGroup = forwardRef(RadioGroupComponent);
 const RadioItemList = styled.div `
   display: flex;
   gap: ${ITEM_GAP}px;

package/dist/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAatC,MAAM,CAAC,MAAM,UAAU,GAAG,CAA8B,EAQ/B,EAAE,EAAE;QAR2B,EACtD,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,QAAQ,EACtB,aAAa,GAAG,KAAK,EACrB,KAAK,GAAG,KAAK,OAEU,EADpB,UAAU,cAPyC,yEAQvD,CADc;IAEb,MAAM,IAAI,GAAG,WAAW,EAAE,CAAA;IAE1B,OAAO,CACL,oBAAC,QAAQ,kBAAC,aAAa,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,IAAM,UAAU;QAClE,oBAAC,aAAa,IAAC,WAAW,EAAE,WAAW,IACpC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,MAAM,CAAC,KAAK,KAAK,KAAK,EAC/B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,KAAK,GACd,CACH,CAAC,CACY,CACP,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAsC;;SAE7D,QAAQ;;IAEb,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;IACpB,IAAI,WAAW,KAAK,iBAAiB,EAAE;QACrC,OAAO;;;OAGN,CAAA;KACF;IAED,OAAO,yBAAyB,CAAA;AAClC,CAAC;CACF,CAAA"}
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAgB,MAAM,OAAO,CAAA;AACvD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAatC,MAAM,mBAAmB,GAAG,CAA8B,EAQjC,EAAE,EAAE;QAR6B,EACxD,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,QAAQ,EACtB,aAAa,GAAG,KAAK,EACrB,KAAK,GAAG,KAAK,OAEU,EADpB,UAAU,cAP2C,yEAQzD,CADc;IAEb,MAAM,IAAI,GAAG,WAAW,EAAE,CAAA;IAE1B,OAAO,CACL,oBAAC,QAAQ,kBAAC,aAAa,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,IAAM,UAAU;QAClE,oBAAC,aAAa,IAAC,WAAW,EAAE,WAAW,IACpC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,MAAM,CAAC,KAAK,KAAK,KAAK,EAC/B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,KAAK,GACd,CACH,CAAC,CACY,CACP,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,mBAAmB,CAIhC,CAAA;AAExB,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAsC;;SAE7D,QAAQ;;IAEb,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;IACpB,IAAI,WAAW,KAAK,iBAAiB,EAAE;QACrC,OAAO;;;OAGN,CAAA;KACF;IAED,OAAO,yBAAyB,CAAA;AAClC,CAAC;CACF,CAAA"}

package/dist/RadioGroup/RadioGroup.stories.d.ts

@@ -1,8 +1,16 @@
-/// <reference types="react" />
-import { RadioGroupProps } from './RadioGroup';
+import React from 'react';
 declare const _default: {
     title: string;
-    component: <Value extends import("./types").BaseValueType>({ options, onChange, value, displayType, renderAsTitle, error, ...fieldProps }: RadioGroupProps<Value>) => JSX.Element;
+    component: <Value extends import("./types").BaseValueType = import("./types").BaseValueType>(p: {
+        options: {
+            visual?: string | undefined;
+            label: string;
+            value: Value;
+        }[];
+        onChange: (value: Value) => void;
+        value: Value;
+        displayType?: import("./types").DisplayType | undefined;
+    } & import("../fields/commonFieldTypes").CommonFieldProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
     argTypes: {
         onChange: {
             action: string;

package/dist/RadioGroup/RadioItem.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
+import React from 'react';
 import { BaseValueType, DisplayType } from './types';
-declare type RadioItemProps<Value extends BaseValueType = BaseValueType> = {
+type RadioItemProps = {
     name: string;
     visual?: string;
-    value: Value;
+    value: BaseValueType;
     label: string;
     checked: boolean;
-    onChange: (value: Value) => void;
+    onChange: (value: BaseValueType) => void;
     displayType: DisplayType;
     isError: boolean;
 };
-export declare const RadioItem: <Value extends BaseValueType>({ name, visual, label, value, checked, onChange, displayType, isError, }: RadioItemProps<Value>) => JSX.Element;
+export declare const RadioItem: React.ForwardRefExoticComponent<RadioItemProps & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/RadioGroup/RadioItem.js

@@ -1,19 +1,19 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { useUniqueId } from '../utils/id';
 import { theme } from '../theme';
 import { RadioElement } from './RadioElement';
 import { ITEM_GAP } from './constants';
 import { Box } from '../Box';
-export const RadioItem = ({ name, visual, label, value, checked, onChange, displayType, isError, }) => {
+export const RadioItem = forwardRef(function RadioItem({ name, visual, label, value, checked, onChange, displayType, isError }, ref) {
     const id = useUniqueId();
     return (React.createElement(Wrapper, { htmlFor: id, checked: checked, displayType: displayType, "data-testid": value },
         visual && (React.createElement(VisualWrapper, null,
             React.createElement(Visual, { visualUrl: visual }))),
         React.createElement(Box, { flex: true, direction: "row", alignItems: "flex-start" },
-            React.createElement(RadioElement, { name: name, id: id, value: value, checked: checked, onChange: onChange, isError: isError, mr: "8px" }),
+            React.createElement(RadioElement, { ref: ref, name: name, id: id, value: value, checked: checked, onChange: onChange, isError: isError, mr: "8px" }),
             React.createElement(RadioText, { isError: isError }, label))));
-};
+});
 const VisualWrapper = styled.div `
   width: 100%;
   max-width: 120px;

package/dist/RadioGroup/RadioItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioItem.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAa5B,MAAM,CAAC,MAAM,SAAS,GAAG,CAA8B,EACrD,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAW,EACX,OAAO,GACe,EAAE,EAAE;IAC1B,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACxB,OAAO,CACL,oBAAC,OAAO,IACN,OAAO,EAAE,EAAE,EACX,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,iBACX,KAAK;QAEjB,MAAM,IAAI,CACT,oBAAC,aAAa;YACZ,oBAAC,MAAM,IAAC,SAAS,EAAE,MAAM,GAAI,CACf,CACjB;QACD,oBAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,YAAY;YAC/C,oBAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAC,KAAK,GACR;YACF,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO,IAAG,KAAK,CAAa,CAC5C,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI/B,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAuB;;;2BAGrB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;;;;CAI5C,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAiD;;;;;IAKzE,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,CAC7B,GAAG,CAAA;QACC,CAAC,WAAW,KAAK,iBAAiB;IAClC,WAAW,KAAK,eAAe,CAAC;IAClC,GAAG,CAAA;;4BAEmB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;mBACvD,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;UAClC,OAAO,IAAI,qBAAqB,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG;OAC5D;QACC,WAAW,KAAK,iBAAiB;IACnC,GAAG,CAAA;;;;8BAIqB,QAAQ,GAAG,CAAC;;;;;;OAMnC;KACF;CACJ,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAsB;;;iBAGlC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;WAC9B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CACvB,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS;;CAExD,CAAA"}
+{"version":3,"file":"RadioItem.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAa5B,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,SAAS,SAAS,CAChB,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,EACvE,GAAG;IAEH,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACxB,OAAO,CACL,oBAAC,OAAO,IACN,OAAO,EAAE,EAAE,EACX,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,iBACX,KAAK;QAEjB,MAAM,IAAI,CACT,oBAAC,aAAa;YACZ,oBAAC,MAAM,IAAC,SAAS,EAAE,MAAM,GAAI,CACf,CACjB;QACD,oBAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,YAAY;YAC/C,oBAAC,YAAY,IACX,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAC,KAAK,GACR;YACF,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO,IAAG,KAAK,CAAa,CAC5C,CACE,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI/B,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAuB;;;2BAGrB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;;;;CAI5C,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAiD;;;;;IAKzE,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,CAC7B,GAAG,CAAA;QACC,CAAC,WAAW,KAAK,iBAAiB;IAClC,WAAW,KAAK,eAAe,CAAC;IAClC,GAAG,CAAA;;4BAEmB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;mBACvD,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;UAClC,OAAO,IAAI,qBAAqB,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG;OAC5D;QACC,WAAW,KAAK,iBAAiB;IACnC,GAAG,CAAA;;;;8BAIqB,QAAQ,GAAG,CAAC;;;;;;OAMnC;KACF;CACJ,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAsB;;;iBAGlC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;WAC9B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CACvB,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS;;CAExD,CAAA"}

package/dist/RadioGroup/types.d.ts

@@ -1,2 +1,2 @@
-export declare type DisplayType = 'normal' | 'vertical-card' | 'horizontal-card';
-export declare type BaseValueType = string | boolean | null;
+export type DisplayType = 'normal' | 'vertical-card' | 'horizontal-card';
+export type BaseValueType = string | boolean | null;

package/dist/Row/Row.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { Color } from '../theme';
 import { MarginProps } from '../utils/space';
-export declare type RowProps = {
+export type RowProps = {
     iconLeft?: string;
     iconLeftColor?: Color;
     iconRight?: string;

package/dist/SearchInput/SearchInput.d.ts

@@ -1,6 +1,6 @@
-import { FC, FocusEvent } from 'react';
+import React, { FocusEvent } from 'react';
 import { CommonFieldProps } from '../fields/commonFieldTypes';
-export declare type SearchInputItem = {
+export type SearchInputItem = {
     label: string;
     value: string;
 };
@@ -15,4 +15,4 @@ export interface SearchInputProps extends CommonFieldProps {
     outlined?: boolean;
     value?: string;
 }
-export declare const SearchInput: FC<SearchInputProps>;
+export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/SearchInput/SearchInput.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useMemo, useState } from 'react';
+import React, { forwardRef, useMemo, useState, } from 'react';
 import styled from 'styled-components';
 import { darken } from 'polished';
 import { theme } from '../theme';
@@ -18,7 +18,7 @@ import { Field } from '../fields/Field';
 import { useUniqueId } from '../utils/id';
 import { useControllableState } from '../utils/useControlledState';
 import { SearchOptions } from './SearchOptions';
-export const SearchInput = (_a) => {
+export const SearchInput = forwardRef(function SearchInput(_a, ref) {
     var { id: idProp, name = 'search_input', className = '', placeholder, searchList, onFound, resultsRelativePosition = false, outlined = false, showIcon = false, renderAsTitle = false, onBlur, value } = _a, otherProps = __rest(_a, ["id", "name", "className", "placeholder", "searchList", "onFound", "resultsRelativePosition", "outlined", "showIcon", "renderAsTitle", "onBlur", "value"]);
     const id = useUniqueId(idProp);
     const [showOptions, setShowOptions] = useState(false);
@@ -66,9 +66,9 @@ export const SearchInput = (_a) => {
     return (React.createElement(Field, Object.assign({ className: className, renderAsTitle: renderAsTitle, htmlFor: id, outlined: outlined }, otherProps),
         React.createElement(StyledInputBox, { outlined: outlined, selected: isSelected },
             showIcon && React.createElement(SearchIcon, { size: 24, render: "search", color: "subtext" }),
-            React.createElement(StyledInput, { id: id, type: "text", name: name, placeholder: placeholder, autoComplete: "off", value: displayedInputText, onChange: handleInputChange, outlined: outlined, selected: isSelected, onBlur: onBlur })),
+            React.createElement(StyledInput, { ref: ref, id: id, type: "text", name: name, placeholder: placeholder, autoComplete: "off", value: displayedInputText, onChange: handleInputChange, outlined: outlined, selected: isSelected, onBlur: onBlur })),
         showOptions && (React.createElement(SearchOptions, { displayedList: filteredList, onSelect: handleSelect, outlined: outlined, positionRelative: resultsRelativePosition }))));
-};
+});
 const StyledInputBox = styled.div `
   display: flex;
   align-items: center;

package/dist/SearchInput/SearchInput.js.map

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

package/dist/SearchInput/SearchInput.stories.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { SearchInputProps } from './SearchInput';
 declare const _default: {
     title: string;
-    component: React.FC<SearchInputProps>;
+    component: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
 };
 export default _default;
 export declare const Default: any;

package/dist/SearchInput/SearchOptions.d.ts

@@ -1,9 +1,9 @@
 import { FC } from 'react';
-declare type Option = {
+type Option = {
     label: string;
     value: string;
 };
-declare type SearchOptionsProps = {
+type SearchOptionsProps = {
     displayedList: Array<Option>;
     onSelect: (option: Option) => void;
     positionRelative: boolean;

package/dist/SupportMessage/SupportMessage.d.ts

@@ -1,7 +1,7 @@
 import { FC, MouseEventHandler, ReactElement } from 'react';
 import { MarginProps } from '../utils/space';
-declare type SupportMessageType = 'info' | 'info-outline' | 'alert' | 'warning';
-export declare type SupportMessageProps = {
+type SupportMessageType = 'info' | 'info-outline' | 'alert' | 'warning';
+export type SupportMessageProps = {
     className?: string;
     description: string | ReactElement;
     onClick?: MouseEventHandler;

package/dist/Tag/Tag.d.ts

@@ -1,13 +1,13 @@
 import { FC } from 'react';
 import { MarginProps } from '../utils/space';
 import { Color } from '../theme';
-export declare type DefaultProps = {
+export type DefaultProps = {
     label: string;
     className?: string;
     color: Color;
     typo?: string;
 } & MarginProps;
-declare type GradientProps = {
+type GradientProps = {
     bgColor: Color;
     borderColor: Color;
     bgGradient?: boolean;
@@ -16,6 +16,6 @@ declare type GradientProps = {
     borderColor?: Color;
     bgGradient: boolean;
 };
-export declare type TagProps = DefaultProps & GradientProps;
+export type TagProps = DefaultProps & GradientProps;
 export declare const Tag: FC<TagProps>;
 export {};

package/dist/Text/Text.d.ts

@@ -4,9 +4,9 @@ import { MarginProps } from '../utils/space';
 /**
  * @deprecated Use only new Typo
  */
-export declare type DeprecatedTypo = 'header-large' | 'header-medium' | 'header-small' | 'desc-heavy' | 'desc-medium' | 'desc-light' | 'desc-small' | 'base' | 'base-small' | 'base-xsmall' | 'label-large';
-export declare type Typo = 'hero-alternate' | 'hero' | 'heading-large' | 'heading-medium' | 'heading-small' | 'headline-regular' | 'headline-small' | 'body-standfirst' | 'body-regular' | 'body-small' | 'caption' | 'label';
-declare type Props = {
+export type DeprecatedTypo = 'header-large' | 'header-medium' | 'header-small' | 'desc-heavy' | 'desc-medium' | 'desc-light' | 'desc-small' | 'base' | 'base-small' | 'base-xsmall' | 'label-large';
+export type Typo = 'hero-alternate' | 'hero' | 'heading-large' | 'heading-medium' | 'heading-small' | 'headline-regular' | 'headline-small' | 'body-standfirst' | 'body-regular' | 'body-small' | 'caption' | 'label';
+type Props = {
     children: ReactNode;
     tag?: any;
     className?: string;
@@ -16,6 +16,6 @@ declare type Props = {
     cursor?: string;
     title?: string;
 } & MarginProps;
-export declare type TextProps = Props & Omit<LabelHTMLAttributes<HTMLElement>, 'color'>;
+export type TextProps = Props & Omit<LabelHTMLAttributes<HTMLElement>, 'color'>;
 export declare const Text: FC<TextProps>;
 export {};

package/dist/TextInput/TextInput.d.ts

@@ -11,7 +11,7 @@ interface Props extends CommonFieldProps {
     outlined?: boolean;
 }
 /** on change or on input required */
-declare type InputProps = {
+type InputProps = {
     /** on change is required and on input optional */
     onChange: (e: string) => void;
     onInputChange?: (e: FormEvent<HTMLInputElement>) => void;
@@ -20,6 +20,6 @@ declare type InputProps = {
     onChange?: (e: string) => void;
     onInputChange: (e: FormEvent<HTMLInputElement>) => void;
 };
-export declare type TextInputProps = Props & InputProps;
+export type TextInputProps = Props & InputProps;
 export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/Textarea/Textarea.d.ts

@@ -1,7 +1,7 @@
 import React, { FocusEvent, FormEvent } from 'react';
 import { CommonFieldProps } from '../fields/commonFieldTypes';
 import { MarginProps } from '../utils/space';
-declare type BaseProps = {
+type BaseProps = {
     id?: string;
     placeholder?: string;
     name?: string;
@@ -14,13 +14,13 @@ declare type BaseProps = {
     onBlur?: (e: FocusEvent<HTMLTextAreaElement>) => void;
     rows?: number;
 } & CommonFieldProps & MarginProps;
-declare type TruncateProps = {
+type TruncateProps = {
     onChange: (e: string) => void;
     onInputChange?: (e: FormEvent<HTMLTextAreaElement>) => void;
 } | {
     onChange?: (e: string) => void;
     onInputChange: (e: FormEvent<HTMLTextAreaElement>) => void;
 };
-export declare type TextareaProps = BaseProps & TruncateProps;
+export type TextareaProps = BaseProps & TruncateProps;
 export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export {};

package/dist/Toggle/Toggle.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { MarginProps } from '../utils/space';
-declare type Props = {
+type Props = {
     /** unique ID */
     id?: string;
     /** checked flag  */

package/dist/fields/Fieldset/Fieldset.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { MarginProps } from '../../utils/space';
 import { CommonFieldProps } from '../commonFieldTypes';
-export declare type FieldsetProps = CommonFieldProps & MarginProps;
+export type FieldsetProps = CommonFieldProps & MarginProps;
 export declare const Fieldset: ({ children, renderAsTitle, id, ...fieldProps }: FieldsetProps) => JSX.Element;

package/dist/theme.d.ts

@@ -26,7 +26,7 @@ declare const colors: {
     rac: string;
     hometree: string;
 };
-export declare type Color = keyof typeof colors;
+export type Color = keyof typeof colors;
 export declare const theme: {
     colors: {
         primary: string;

package/dist/utils/deprecated.d.ts

@@ -1,5 +1,5 @@
 export declare const isLocal: boolean;
-declare type UseDeprecatedWarningParams = {
+type UseDeprecatedWarningParams = {
     enabled?: boolean;
     title: string;
     message: string;

package/dist/utils/flex.d.ts

@@ -1,4 +1,4 @@
-declare type FlexFN = (arg: FlexProps) => string;
+type FlexFN = (arg: FlexProps) => string;
 export interface FlexProps {
     direction?: 'column' | 'column-reverse' | 'row' | 'row-reverse';
     wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';

package/dist/utils/measure.d.ts

@@ -1,4 +1,4 @@
-declare type MeasureFN = (arg: MeasureProps) => string;
+type MeasureFN = (arg: MeasureProps) => string;
 export interface MeasureProps {
     width?: string;
     maxWidth?: string;

package/dist/utils/space.d.ts

@@ -1,5 +1,5 @@
-declare type Spacing = '8px' | '12px' | '16px' | '24px' | '32px' | '48px' | '64px';
-declare type SpacingProp = '0' | Spacing | {
+type Spacing = '8px' | '12px' | '16px' | '24px' | '32px' | '48px' | '64px';
+type SpacingProp = '0' | Spacing | {
     custom: number | string;
 };
 export interface MarginProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrshmllw/smores-react",
-  "version": "2.10.0",
+  "version": "2.12.0",
   "main": "./dist/index.js",
   "description": "Collection of React components used by Marshmallow Technology",
   "keywords": [