react-restyle-components 0.1.60 → 0.1.62

package/lib/index.d.ts

@@ -0,0 +1 @@
+export * from './src/core-components';

package/lib/index.js

@@ -0,0 +1 @@
+export * from './src/core-components';

package/lib/src/App.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './App.css';
+declare function App(): React.JSX.Element;
+export default App;

package/lib/{esm → src}/App.js

@@ -12,4 +12,3 @@ function App() {
             React.createElement("a", { className: "App-link", href: "https://reactjs.org", target: "_blank", rel: "noopener noreferrer" }, "Learn React"))));
 }
 export default App;
-//# sourceMappingURL=App.js.map

package/lib/src/App.test.d.ts

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

package/lib/{esm → src}/App.test.js

@@ -6,4 +6,3 @@ test('renders learn react link', () => {
     const linkElement = screen.getByText(/learn react/i);
     expect(linkElement).toBeInTheDocument();
 });
-//# sourceMappingURL=App.test.js.map

package/lib/src/core-components/atoms/buttons/button.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Button } from './buttons.component';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;

package/lib/{esm → src}/core-components/atoms/buttons/button.stories.js

@@ -34,4 +34,3 @@ export const Primary = {
 //     disable: true,
 //   },
 // };
-//# sourceMappingURL=button.stories.js.map

package/lib/src/core-components/atoms/buttons/buttons.component.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface ButtonProps {
+    type?: 'solid' | 'outline';
+    className?: any;
+    disable?: boolean;
+    onClick: () => void;
+    children: React.ReactNode;
+}
+export declare const Button: ({ type, className, disable, onClick, children, }: ButtonProps) => React.JSX.Element;
+export {};

package/lib/{esm → src}/core-components/atoms/buttons/buttons.component.js

@@ -5,4 +5,3 @@ export const Button = ({ type = 'solid', className = 'w-40', disable = false, on
         : 'dark:text-white  text-black border border-gray-400 hover:shadow-lg';
     return (React.createElement("button", { "data-testid": "buttonElement", disabled: disable, className: `${className} rounded-100px px-3 py-1  text-md ${buttonColorClass} pt-2 pb-2 font-nunitoSansRegular ${disable ? 'opacity-50' : 'opacity-100'}`, onClick: () => onClick() }, children));
 };
-//# sourceMappingURL=buttons.component.js.map

package/lib/src/core-components/atoms/buttons/buttons.test.d.ts

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

package/lib/{esm → src}/core-components/atoms/buttons/buttons.test.js

@@ -6,4 +6,3 @@ it('render Button correctly', () => {
     const button = render(React.createElement(Button, { className: "bg-gray-light w-40", onClick: () => jest.fn() }, "Permanent Address"));
     expect(button).toMatchSnapshot();
 });
-//# sourceMappingURL=buttons.test.js.map

package/lib/src/core-components/atoms/check-box/checkBox.component.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface CheckBoxProps {
+    title: string;
+    data: Array<any>;
+    className?: string;
+    disable?: boolean;
+    onChange: (items: any) => void;
+}
+export declare const CheckBox: ({ title, data, className, onChange, }: CheckBoxProps) => React.JSX.Element;
+export {};

package/lib/{esm → src}/core-components/atoms/check-box/checkBox.component.js

@@ -4,17 +4,16 @@ import { InputWrapper } from '../form/form.component';
 export const CheckBox = ({ title = 'Banks', data = [{ title: 'SBI Bank', checked: false }], className, onChange, }) => {
     const [list, setList] = useState(data);
     const width = 20;
-    return (React.createElement(InputWrapper, { label: title }, list === null || list === void 0 ? void 0 : list.map((item, index) => (React.createElement("div", { className: `${className} flex flex-row  items-center `, onClick: () => {
-            const result = list === null || list === void 0 ? void 0 : list.map((e, i) => {
+    return (React.createElement(InputWrapper, { label: title }, list?.map((item, index) => (React.createElement("div", { className: `${className} flex flex-row  items-center `, onClick: () => {
+            const result = list?.map((e, i) => {
                 if (i == index)
-                    return Object.assign(Object.assign({}, e), { checked: !item.checked });
+                    return { ...e, checked: !item.checked };
                 else
-                    return Object.assign({}, e);
+                    return { ...e };
             });
             setList(result);
-            onChange(result === null || result === void 0 ? void 0 : result.filter((item) => item.checked));
+            onChange(result?.filter((item) => item.checked));
         }, key: index },
         React.createElement("div", { className: "flex mt-1" }, item.checked ? (React.createElement(CheckedBox, { width: width, height: width, fill: "#E7503D", stroke: "E7503D" })) : (React.createElement(UnCheckbox, { width: width, height: width }))),
-        React.createElement("span", null, item === null || item === void 0 ? void 0 : item.title))))));
+        React.createElement("span", null, item?.title))))));
 };
-//# sourceMappingURL=checkBox.component.js.map

package/lib/src/core-components/atoms/check-box/checkBox.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { CheckBox } from './checkBox.component';
+declare const meta: Meta<typeof CheckBox>;
+export default meta;
+type Story = StoryObj<typeof CheckBox>;
+export declare const Primary1: Story;

package/lib/{esm → src}/core-components/atoms/check-box/checkBox.stories.js

@@ -21,4 +21,3 @@ export const Primary1 = {
         },
     },
 };
-//# sourceMappingURL=checkBox.stories.js.map

package/lib/src/core-components/atoms/check-box/checkBox.test.d.ts

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

package/lib/{esm → src}/core-components/atoms/check-box/checkBox.test.js

@@ -6,4 +6,3 @@ it('render CheckBox correctly', () => {
     const checkbox = render(React.createElement(CheckBox, { title: "Title", data: [], onChange: () => jest.fn() }));
     expect(checkbox).toMatchSnapshot();
 });
-//# sourceMappingURL=checkBox.test.js.map

package/lib/src/core-components/atoms/date-picker/date-picker.component.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import 'react-datepicker/dist/react-datepicker.css';
+interface DatePickerProps {
+    title: string;
+    value?: string;
+    className?: string;
+    disable?: boolean;
+    showFormat?: string;
+    placeholder?: string;
+}
+export declare const DatePickerComp: ({ title, className, disable, value, showFormat, placeholder, }: DatePickerProps) => React.JSX.Element;
+export {};

package/lib/{esm → src}/core-components/atoms/date-picker/date-picker.component.js

@@ -19,4 +19,3 @@ export const DatePickerComp = ({ title = 'Title', className, disable, value, sho
         React.createElement("div", { className: `${className} flex zIndex-999` },
             React.createElement(DatePicker, { selected: pickedDate || new Date(), dateFormat: showFormat, placeholder: placeholder, onChange: handleChanges, customInput: React.createElement(CustomInput, null) }))));
 };
-//# sourceMappingURL=date-picker.component.js.map

package/lib/src/core-components/atoms/date-picker/date-picker.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { DatePickerComp } from './date-picker.component';
+declare const meta: Meta<typeof DatePickerComp>;
+export default meta;
+type Story = StoryObj<typeof DatePickerComp>;
+export declare const Primary: Story;

package/lib/{esm → src}/core-components/atoms/date-picker/date-picker.stories.js

@@ -16,4 +16,3 @@ export const Primary = {
         showFormat: 'dd-MM-yyyy',
     },
 };
-//# sourceMappingURL=date-picker.stories.js.map

package/lib/src/core-components/atoms/date-picker/date-picker.test.d.ts

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

package/lib/{esm → src}/core-components/atoms/date-picker/date-picker.test.js

@@ -7,4 +7,3 @@ it('render DatePicker correctly', () => {
     const datepicker = render(React.createElement(DatePickerComp, { title: "Date", className: "mt-6", value: dayjs().format('YYYY-MM-DD'), showFormat: 'dd-MM-yyyy' }));
     expect(datepicker).toMatchSnapshot();
 });
-//# sourceMappingURL=date-picker.test.js.map

package/lib/src/core-components/atoms/form/form.component.d.ts

@@ -0,0 +1,100 @@
+import React from 'react';
+interface LabelProps {
+    htmlFor: string;
+    hasError?: boolean;
+    style?: any;
+    children?: React.ReactNode;
+}
+export declare const Label: React.FunctionComponent<LabelProps>;
+interface InputWrapperProps {
+    id?: string;
+    label?: string;
+    className?: string;
+    hasError?: boolean;
+    style?: any;
+    ref?: any;
+    children?: React.ReactNode;
+}
+export declare const InputWrapper: React.FunctionComponent<InputWrapperProps>;
+interface InputProps extends InputWrapperProps {
+    value?: any;
+    defaultValue?: any;
+    name?: string;
+    placeholder?: string;
+    type?: string;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    labelClassName?: string;
+    rows?: number;
+    style?: any;
+    wrapperStyle?: any;
+    hasError?: boolean;
+    pattern?: any;
+    maxLength?: number;
+    isAutoFocus?: boolean;
+    input2isBlurEnable?: boolean;
+    onChange?: (e: any) => void;
+    onBlur?: (e: any) => void;
+    onKeyDown?: (e: any) => void;
+    onKeyUp?: (e: any) => void;
+    inputRef?: any;
+}
+export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<any>>;
+export declare const InputPassword: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<any>>;
+export declare const Input1: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<any>>;
+export declare const Input2: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<any>>;
+export declare const MultilineInput: (props: InputProps) => React.JSX.Element;
+export declare const MultilineInput1: (props: InputProps) => React.JSX.Element;
+interface InputRadioProps extends InputWrapperProps {
+    values?: any[];
+    value?: string;
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+    labelStyle?: any;
+    onChange?: (e: any) => void;
+}
+export declare const InputRadio: (props: InputRadioProps) => React.JSX.Element;
+interface InputDateProps extends InputWrapperProps {
+    value?: any;
+    name?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    hasError?: boolean;
+    format?: string;
+    use12Hours?: boolean;
+    isCalenderOpen?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    onChange?: (e: any) => void;
+    onCalendarToggle?: (status: boolean) => void;
+    onFocusRemove?: (date: any) => void;
+}
+export declare const InputDate: ({ name, value, placeholder, use12Hours, label, id, hasError, disabled, format, onChange, onFocusRemove, }: InputDateProps) => React.JSX.Element;
+export declare const CheckBox: (props: any) => React.JSX.Element;
+interface InputFileProps extends InputWrapperProps {
+    value?: any;
+    name?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    accept?: string;
+    multiple?: boolean;
+    hasError?: boolean;
+    onChange?: (e: any) => void;
+}
+export declare const InputFile: (props: InputFileProps) => React.JSX.Element;
+interface ToggleProps extends InputWrapperProps {
+    disabled?: boolean;
+    isToggleLabel?: boolean;
+    defaultChecked?: boolean;
+    className?: string;
+    icons?: any;
+    value?: boolean;
+    name?: string;
+    onChange?: (e: boolean) => void;
+    style?: any;
+}
+export declare const Toggle: (props: ToggleProps) => React.JSX.Element;
+export declare const DeliveryScheduleToggle: (props: ToggleProps) => React.JSX.Element;
+export {};

package/lib/{esm → src}/core-components/atoms/form/form.component.js

@@ -1,21 +1,21 @@
 import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 export const Label = (props) => (React.createElement(React.Fragment, null,
-    React.createElement("label", { htmlFor: props.htmlFor, className: `${props.hasError ? 'text-red-400' : 'text-current'} block text-3xs font-medium  mb-1`, style: Object.assign({}, props.style) }, props.children)));
+    React.createElement("label", { htmlFor: props.htmlFor, className: `${props.hasError ? 'text-red-400' : 'text-current'} block text-3xs font-medium  mb-1`, style: { ...props.style } }, props.children)));
 export const InputWrapper = (props) => (React.createElement("div", { className: props.className, ref: props.ref },
-    React.createElement(Label, { htmlFor: props.id || '', hasError: props.hasError, style: Object.assign({}, props.style) },
+    React.createElement(Label, { htmlFor: props.id || '', hasError: props.hasError, style: { ...props.style } },
         React.createElement("span", { className: "dark:text-white w-10" }, props.label)),
     props.children));
 export const Input = React.forwardRef((props, ref) => {
     const handleKeyPress = (e) => {
         const key = e.key;
         const regex = props.pattern;
-        if (regex && !(regex === null || regex === void 0 ? void 0 : regex.test(key))) {
+        if (regex && !regex?.test(key)) {
             e.preventDefault();
         }
     };
     return (React.createElement(InputWrapper, { label: props.label, id: props.id, hasError: props.hasError, style: props.wrapperStyle, className: props.labelClassName },
-        React.createElement("input", { type: props.type || 'text', id: props.id, ref: props.inputRef, "data-testid": "INPT", autoFocus: (props === null || props === void 0 ? void 0 : props.isAutoFocus) || false, name: props.name, style: props.style, defaultValue: props.defaultValue, placeholder: props.placeholder, required: props.required || false, disabled: props.disabled || false, autoComplete: "given-name", maxLength: props.maxLength, value: props.value, onChange: (e) => props.onChange && props.onChange(e.target.value), onKeyPress: (e) => handleKeyPress(e), className: `${props.className} leading-4 p-2  dark:bg-boxdark  focus:outline-none focus:ring  block w-full shadow-sm sm:text-base  border-2  ${props.hasError ? 'border-red ' : 'border-gray-300'} rounded-md `, onBlur: (e) => props.onBlur && props.onBlur(e.target.value), onKeyDown: props.onKeyDown && props.onKeyDown })));
+        React.createElement("input", { type: props.type || 'text', id: props.id, ref: props.inputRef, "data-testid": "INPT", autoFocus: props?.isAutoFocus || false, name: props.name, style: props.style, defaultValue: props.defaultValue, placeholder: props.placeholder, required: props.required || false, disabled: props.disabled || false, autoComplete: "given-name", maxLength: props.maxLength, value: props.value, onChange: (e) => props.onChange && props.onChange(e.target.value), onKeyPress: (e) => handleKeyPress(e), className: `${props.className} leading-4 p-2  dark:bg-boxdark  focus:outline-none focus:ring  block w-full shadow-sm sm:text-base  border-2  ${props.hasError ? 'border-red ' : 'border-gray-300'} rounded-md `, onBlur: (e) => props.onBlur && props.onBlur(e.target.value), onKeyDown: props.onKeyDown && props.onKeyDown })));
 });
 export const InputPassword = React.forwardRef((props, ref) => {
     const [showPassword, setShowPassword] = useState(false);
@@ -27,7 +27,7 @@ export const InputPassword = React.forwardRef((props, ref) => {
     };
     return (React.createElement(InputWrapper, { label: props.label, id: props.id, hasError: props.hasError, style: props.wrapperStyle, className: props.labelClassName },
         React.createElement("div", { className: "flex items-center relative" },
-            React.createElement("input", { type: showPassword ? 'text' : 'password', id: props.id, ref: props.inputRef, "data-testid": "INPT", autoFocus: (props === null || props === void 0 ? void 0 : props.isAutoFocus) || false, name: props.name, style: props.style, defaultValue: props.defaultValue, placeholder: props.placeholder, required: props.required || false, disabled: props.disabled || false, autoComplete: "given-name", maxLength: props.maxLength, value: props.value, onChange: (e) => props.onChange && props.onChange(e.target.value), 
+            React.createElement("input", { type: showPassword ? 'text' : 'password', id: props.id, ref: props.inputRef, "data-testid": "INPT", autoFocus: props?.isAutoFocus || false, name: props.name, style: props.style, defaultValue: props.defaultValue, placeholder: props.placeholder, required: props.required || false, disabled: props.disabled || false, autoComplete: "given-name", maxLength: props.maxLength, value: props.value, onChange: (e) => props.onChange && props.onChange(e.target.value), 
                 // onKeyPress={e => handleKeyPress(e)}
                 className: `${props.className} leading-4 p-2  focus:outline-none focus:ring  block w-full shadow-sm sm:text-base  border-2  ${props.hasError ? 'border-red ' : 'border-gray-300'} rounded-md dark:bg-boxdark`, onBlur: (e) => props.onBlur && props.onBlur(e.target.value), onKeyDown: props.onKeyDown && props.onKeyDown }),
             React.createElement("div", { className: "flex absolute right-3" },
@@ -37,19 +37,19 @@ export const Input1 = React.forwardRef((props, ref) => {
     const handleKeyPress = (e) => {
         const key = e.key;
         const regex = props.pattern;
-        if (regex && !(regex === null || regex === void 0 ? void 0 : regex.test(key))) {
+        if (regex && !regex?.test(key)) {
             e.preventDefault();
         }
     };
     return (React.createElement(InputWrapper, { label: props.label, id: props.id, hasError: props.hasError, style: props.wrapperStyle, className: props.labelClassName },
-        React.createElement("input", { type: props.type || 'text', id: props.id, ref: props.inputRef, "data-testid": "INPT", autoFocus: (props === null || props === void 0 ? void 0 : props.isAutoFocus) || false, name: props.name, style: props.style, defaultValue: props.defaultValue, placeholder: props.placeholder, required: props.required || false, disabled: props.disabled || false, autoComplete: "given-name", maxLength: props.maxLength, value: props.value, onChange: (e) => props.onChange && props.onChange(e.target.value), onKeyPress: (e) => handleKeyPress(e), className: `${props.className} leading-4 p-2  focus:outline-none focus:ring  block w-full shadow-sm sm:text-base  border-2  ${props.hasError ? 'border-red ' : 'border-gray-300'} rounded-md dark:text-black`, onBlur: (e) => props.onBlur && props.onBlur(e), onKeyDown: props.onKeyDown })));
+        React.createElement("input", { type: props.type || 'text', id: props.id, ref: props.inputRef, "data-testid": "INPT", autoFocus: props?.isAutoFocus || false, name: props.name, style: props.style, defaultValue: props.defaultValue, placeholder: props.placeholder, required: props.required || false, disabled: props.disabled || false, autoComplete: "given-name", maxLength: props.maxLength, value: props.value, onChange: (e) => props.onChange && props.onChange(e.target.value), onKeyPress: (e) => handleKeyPress(e), className: `${props.className} leading-4 p-2  focus:outline-none focus:ring  block w-full shadow-sm sm:text-base  border-2  ${props.hasError ? 'border-red ' : 'border-gray-300'} rounded-md dark:text-black`, onBlur: (e) => props.onBlur && props.onBlur(e), onKeyDown: props.onKeyDown })));
 });
 export const Input2 = React.forwardRef((props, ref) => {
     const [isBlur, setIsBlur] = useState(true);
     const handleKeyPress = (e) => {
         const key = e.key;
         const regex = props.pattern;
-        if (regex && !(regex === null || regex === void 0 ? void 0 : regex.test(key))) {
+        if (regex && !regex?.test(key)) {
             e.preventDefault();
         }
     };
@@ -57,7 +57,7 @@ export const Input2 = React.forwardRef((props, ref) => {
         props.onBlur && isBlur && props.onBlur(value);
     };
     return (React.createElement(InputWrapper, { label: props.label, id: props.id, hasError: props.hasError, style: props.wrapperStyle, className: props.labelClassName },
-        React.createElement("input", { type: props.type || 'text', id: props.id, ref: props.inputRef, "data-testid": "INPT", autoFocus: (props === null || props === void 0 ? void 0 : props.isAutoFocus) || false, name: props.name, style: props.style, defaultValue: props.defaultValue, placeholder: props.placeholder, required: props.required || false, disabled: props.disabled || false, autoComplete: "given-name", maxLength: props.maxLength, value: props.value, onChange: (e) => {
+        React.createElement("input", { type: props.type || 'text', id: props.id, ref: props.inputRef, "data-testid": "INPT", autoFocus: props?.isAutoFocus || false, name: props.name, style: props.style, defaultValue: props.defaultValue, placeholder: props.placeholder, required: props.required || false, disabled: props.disabled || false, autoComplete: "given-name", maxLength: props.maxLength, value: props.value, onChange: (e) => {
                 setIsBlur(true);
                 props.onChange && props.onChange(e.target.value);
             }, onKeyPress: (e) => handleKeyPress(e), className: `${props.className} leading-4 p-2  focus:outline-none focus:ring  block w-full shadow-sm sm:text-base  border-2  ${props.hasError ? 'border-red ' : 'border-gray-300'} rounded-md dark:text-black`, onKeyDown: (e) => {
@@ -74,14 +74,11 @@ export const MultilineInput = (props) => (React.createElement(InputWrapper, { la
     React.createElement("textarea", { id: props.id, autoComplete: "given-name", value: props.value, disabled: props.disabled, style: props.style, rows: props.rows, onKeyUp: props.onKeyUp && props.onKeyUp, placeholder: props.placeholder, onChange: (e) => props.onChange && props.onChange(e.target.value), onBlur: (e) => props.onBlur && props.onBlur(e.target.value), className: `leading-4 p-2 focus:outline-none focus:ring block w-full shadow-sm sm:text-base border-2 ${props.hasError ? 'border-red ' : 'border-gray-300'} rounded-md dark:bg-boxdark`, defaultValue: props.defaultValue })));
 export const MultilineInput1 = (props) => (React.createElement(InputWrapper, { label: props.label, id: props.id, className: props.className },
     React.createElement("textarea", { id: props.id, autoComplete: "given-name", value: props.value, disabled: props.disabled, style: props.style, rows: props.rows, placeholder: props.placeholder, onChange: (e) => props.onChange && props.onChange(e.target.value), onBlur: (e) => props.onBlur && props.onBlur(e), className: `leading-4 p-2 focus:outline-none focus:ring block w-full shadow-sm sm:text-base border-2 ${props.hasError ? 'border-red ' : 'border-gray-300'} rounded-md`, defaultValue: props.defaultValue })));
-export const InputRadio = (props) => {
-    var _a;
-    return (React.createElement(InputWrapper, { label: props.label, id: props.id, style: props.labelStyle }, (_a = props.values) === null || _a === void 0 ? void 0 : _a.map((item, key) => (React.createElement("div", { className: "flex items-center gap-2", key: key, onClick: () => {
-            props.onChange && props.onChange(item.value);
-        } },
-        React.createElement("input", { key: key, type: "radio", id: props.id, name: props.name, value: item.value, checked: item.value == props.value ? true : false, onChange: () => props.onChange && props.onChange(item.value), className: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600" }),
-        React.createElement(Label, { htmlFor: props.id || '', style: { marginTop: 6 } }, item.label))))));
-};
+export const InputRadio = (props) => (React.createElement(InputWrapper, { label: props.label, id: props.id, style: props.labelStyle }, props.values?.map((item, key) => (React.createElement("div", { className: "flex items-center gap-2", key: key, onClick: () => {
+        props.onChange && props.onChange(item.value);
+    } },
+    React.createElement("input", { key: key, type: "radio", id: props.id, name: props.name, value: item.value, checked: item.value == props.value ? true : false, onChange: () => props.onChange && props.onChange(item.value), className: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600" }),
+    React.createElement(Label, { htmlFor: props.id || '', style: { marginTop: 6 } }, item.label))))));
 export const InputDate = ({ name, value, placeholder, use12Hours = true, label, id, hasError, disabled, format, onChange, onFocusRemove, }) => (React.createElement(InputWrapper, { label: label, id: id, hasError: hasError },
     React.createElement("input", { type: "date", id: id, name: name, disabled: disabled || false, value: value, onChange: (e) => onChange && onChange(e), className: `leading-4 p-2 focus:outline-none focus:ring block w-full shadow-sm sm:text-base border-2 ${hasError ? 'border-red ' : 'border-gray-300'} rounded-md` })));
 export const CheckBox = (props) => {
@@ -152,4 +149,3 @@ export const DeliveryScheduleToggle = (props) => {
             React.createElement("div", { className: `wrg-toggle-circle1  dark:bg-black ${toggle ? 'ml-1' : 'mr-1'}  ` }),
             React.createElement("input", { type: "checkbox", "aria-label": "Toggle Button", className: "wrg-toggle-input1" }))));
 };
-//# sourceMappingURL=form.component.js.map

package/lib/src/core-components/atoms/form/form.test.d.ts

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

package/lib/{esm → src}/core-components/atoms/form/form.test.js

@@ -92,4 +92,3 @@ describe('InputWrapper component', () => {
         expect(inputWrapper).toMatchSnapshot();
     });
 });
-//# sourceMappingURL=form.test.js.map

package/lib/src/core-components/atoms/icons/icons.component.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IconBaseProps } from 'react-icons/lib';
+interface IconProps {
+    nameIcon: string;
+    propsIcon?: IconBaseProps;
+    tooltip?: string;
+    isDisable?: boolean;
+    onClick?: () => void;
+}
+export declare const Icon: ({ nameIcon, propsIcon, tooltip, isDisable, onClick, }: IconProps) => JSX.Element;
+export {};

package/lib/{esm → src}/core-components/atoms/icons/icons.component.js

@@ -5,7 +5,10 @@ import loadable from '@loadable/component';
 let lib = 'md';
 export const Icon = ({ nameIcon, propsIcon, tooltip = '', isDisable = false, onClick, }) => {
     try {
-        const iconProps = Object.assign(Object.assign({}, propsIcon), { color: isDisable ? '#808080' : (propsIcon === null || propsIcon === void 0 ? void 0 : propsIcon.color) || '#ffffff' });
+        const iconProps = {
+            ...propsIcon,
+            color: isDisable ? '#808080' : propsIcon?.color || '#ffffff',
+        };
         const lib = nameIcon
             .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
             .split(' ')[0]
@@ -23,11 +26,10 @@ export const Icon = ({ nameIcon, propsIcon, tooltip = '', isDisable = false, onC
                 if (!isDisable)
                     onClick && onClick();
             } }, !_.isEmpty(tooltip) ? (React.createElement(Tooltip, { tooltipText: tooltip },
-            React.createElement(ElementIcon, Object.assign({}, iconProps)))) : (React.createElement(Suspense, { fallback: React.createElement("div", null, "Loading...") },
-            React.createElement(ElementIcon, Object.assign({}, iconProps))))));
+            React.createElement(ElementIcon, { ...iconProps }))) : (React.createElement(Suspense, { fallback: React.createElement("div", null, "Loading...") },
+            React.createElement(ElementIcon, { ...iconProps })))));
     }
     catch (error) {
         return React.createElement(React.Fragment, null);
     }
 };
-//# sourceMappingURL=icons.component.js.map

package/lib/src/core-components/atoms/icons/icons.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Icon } from './icons.component';
+declare const meta: Meta<typeof Icon>;
+export default meta;
+type Story = StoryObj<typeof Icon>;
+export declare const Primary: Story;

package/lib/{esm → src}/core-components/atoms/icons/icons.stories.js

@@ -17,4 +17,3 @@ export const Primary = {
         },
     },
 };
-//# sourceMappingURL=icons.stories.js.map

package/lib/src/core-components/atoms/icons/icons.test.d.ts

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

package/lib/{esm → src}/core-components/atoms/icons/icons.test.js

@@ -8,4 +8,3 @@ it('render Icon correctly', () => {
         } }));
     expect(icon).toMatchSnapshot();
 });
-//# sourceMappingURL=icons.test.js.map

package/lib/src/core-components/atoms/input/input-otp.component.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './input-otp.styles.css';
+interface PinInputGridProps {
+    title?: string;
+    hasError?: boolean;
+    className?: string;
+    disable?: boolean;
+    blur?: any;
+    name?: string;
+    pin: Array<number | undefined>;
+    onPinChanged: (pinEntry: number | undefined, index: number) => void;
+}
+export declare const InputOtp: React.FC<PinInputGridProps>;
+export {};

package/lib/{esm → src}/core-components/atoms/input/input-otp.component.js

@@ -59,4 +59,3 @@ export const InputOtp = ({ className, pin, onPinChanged, }) => {
                 }
             }, onChange: (event) => onChange(event, index), value: pin[index] || '' }))))));
 };
-//# sourceMappingURL=input-otp.component.js.map

package/lib/src/core-components/atoms/input/input-pin.component.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './input.styles.css';
+interface PinInputGridProps {
+    title: string;
+    hasError?: any;
+    errorMsg?: string;
+    defaultMsg?: string;
+    className?: string;
+    disable?: boolean;
+    name?: string;
+    defaultPin: Array<number | undefined>;
+    onPinChanged: (item: any, index: number) => void;
+}
+export declare const InputPin: React.FC<PinInputGridProps>;
+export {};

package/lib/{esm → src}/core-components/atoms/input/input-pin.component.js

@@ -23,7 +23,6 @@ export const InputPin = ({ title, className, defaultPin, errorMsg, defaultMsg, h
         }
     };
     const onChange = (event, index) => {
-        var _a;
         const previousValue = event.target.defaultValue;
         const valueArray = event.target.value.split('');
         const output = removeValuesFromArray(valueArray, previousValue);
@@ -35,7 +34,7 @@ export const InputPin = ({ title, className, defaultPin, errorMsg, defaultMsg, h
         if (isNaN(pinNumber) || value.length === 0) {
             return;
         }
-        pin.current[(_a = pin.current) === null || _a === void 0 ? void 0 : _a.length] = value;
+        pin.current[pin.current?.length] = value;
         setReload(!reload);
         if (pinNumber >= Pin_Min_Value && pinNumber <= Pin_Max_Value) {
             onPinChanged(pin.current, index);
@@ -60,25 +59,21 @@ export const InputPin = ({ title, className, defaultPin, errorMsg, defaultMsg, h
     };
     return (React.createElement("div", { className: `${className} relative` },
         React.createElement("label", { className: "duration-300  -z-1 origin-0 text-gray-dark-secondary font-nunitoSansRegular text-md" }, title),
-        React.createElement("div", { className: "flex  space-x-1" }, Array.from({ length: pinLength }, (_, index) => {
-            var _a;
-            return (React.createElement("div", { className: "flex space-x-1 max-w-full items-stretch", key: index },
-                React.createElement("input", { "data-testid": "inputElementPin", type: "tel", className: "pb-2 block  w-4  px-0 mt-0 bg-transparent text-center border-0 border-b z-20 appearance-none rounded-none focus:outline-none  focus:ring-0 focus:border-gray-secondary border-gray-secondary font-nunitoSansRegular ", onKeyUp: (event) => onKeyDown(event, index), key: index, onMouseUp: () => {
-                        if (pin.current.join('').length <= 0) {
-                            changePinFocus(0);
-                        }
-                    }, onClick: () => {
-                        if (pin.current.join('').length <= 0) {
-                            onPinChanged(undefined, 0);
-                        }
-                    }, ref: (el) => {
-                        if (el) {
-                            inputRefs.current[index] = el;
-                        }
-                    }, onChange: (event) => onChange(event, index), value: ((_a = pin.current[index]) === null || _a === void 0 ? void 0 : _a.toString()) || '' }),
-                React.createElement("div", { className: "invisible" }, (index + 1) % 4 === 0 ? 'ss' : null)));
-        })),
-        hasError && (hasError === null || hasError === void 0 ? void 0 : hasError.type) !== 'required' && (React.createElement("span", { className: "text-sm text-red text-4xs font-nunitoSansRegular", id: "error" }, `${errorMsg || ''}`)),
-        (!hasError || (hasError === null || hasError === void 0 ? void 0 : hasError.type) === 'required') && (React.createElement("span", { className: "text-sm text-4xs font-nunitoSansRegular", id: "error" }, `${defaultMsg || ''}`))));
+        React.createElement("div", { className: "flex  space-x-1" }, Array.from({ length: pinLength }, (_, index) => (React.createElement("div", { className: "flex space-x-1 max-w-full items-stretch", key: index },
+            React.createElement("input", { "data-testid": "inputElementPin", type: "tel", className: "pb-2 block  w-4  px-0 mt-0 bg-transparent text-center border-0 border-b z-20 appearance-none rounded-none focus:outline-none  focus:ring-0 focus:border-gray-secondary border-gray-secondary font-nunitoSansRegular ", onKeyUp: (event) => onKeyDown(event, index), key: index, onMouseUp: () => {
+                    if (pin.current.join('').length <= 0) {
+                        changePinFocus(0);
+                    }
+                }, onClick: () => {
+                    if (pin.current.join('').length <= 0) {
+                        onPinChanged(undefined, 0);
+                    }
+                }, ref: (el) => {
+                    if (el) {
+                        inputRefs.current[index] = el;
+                    }
+                }, onChange: (event) => onChange(event, index), value: pin.current[index]?.toString() || '' }),
+            React.createElement("div", { className: "invisible" }, (index + 1) % 4 === 0 ? 'ss' : null))))),
+        hasError && hasError?.type !== 'required' && (React.createElement("span", { className: "text-sm text-red text-4xs font-nunitoSansRegular", id: "error" }, `${errorMsg || ''}`)),
+        (!hasError || hasError?.type === 'required') && (React.createElement("span", { className: "text-sm text-4xs font-nunitoSansRegular", id: "error" }, `${defaultMsg || ''}`))));
 };
-//# sourceMappingURL=input-pin.component.js.map

package/lib/src/core-components/atoms/input/input-pin.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { InputPin } from './input-pin.component';
+declare const meta: Meta<typeof InputPin>;
+export default meta;
+type Story = StoryObj<typeof InputPin>;
+export declare const Primary: Story;

package/lib/{esm → src}/core-components/atoms/input/input-pin.stories.js

@@ -18,4 +18,3 @@ export const Primary = {
         },
     },
 };
-//# sourceMappingURL=input-pin.stories.js.map

package/lib/src/core-components/atoms/input/input-pin.test.d.ts

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

package/lib/{esm → src}/core-components/atoms/input/input-pin.test.js

@@ -10,4 +10,3 @@ it('render InputOtp correctly with error', () => {
     const pinInput = render(React.createElement(InputPin, { title: "Enter your Aadhaar Number", hasError: true, errorMsg: "Uh oh! You\u2019ve entered an invalid aadhaar number", onPinChanged: () => jest.fn(), defaultPin: [] }));
     expect(pinInput).toMatchSnapshot();
 });
-//# sourceMappingURL=input-pin.test.js.map

package/lib/src/core-components/atoms/input/input.component.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './input.styles.css';
+interface InputProps {
+    title: string;
+    defaultValue: string;
+    hasError?: any;
+    errorMsg?: string;
+    defaultMsg?: string;
+    className?: string;
+    disable?: boolean;
+    inputStyle?: string;
+    autoComplete?: 'off' | 'on';
+    maxlength?: number;
+    onChange: (value: any) => void;
+    onBlur?: (value: any) => void;
+}
+export declare const Input: ({ title, defaultValue, className, disable, hasError, errorMsg, defaultMsg, inputStyle, autoComplete, maxlength, onChange, onBlur, }: InputProps) => React.JSX.Element;
+export {};

package/lib/{esm → src}/core-components/atoms/input/input.component.js

@@ -12,7 +12,6 @@ export const Input = ({ title, defaultValue, className, disable, hasError, error
                 onChange && onChange(e.target.value);
             }, onKeyUp: onKeyUpValue, onBlur: (e) => onBlur && onBlur(e.target.value), autoComplete: autoComplete, maxLength: maxlength }),
         React.createElement("label", { className: "absolute duration-300 top-3 -z-1 origin-0 text-gray-dark-secondary font-nunitoSansRegular text-md" }, title),
-        hasError && (hasError === null || hasError === void 0 ? void 0 : hasError.type) !== 'required' && (React.createElement("span", { className: "text-sm text-red text-4xs", id: "error" }, `${errorMsg || ''}`)),
-        (!hasError || (hasError === null || hasError === void 0 ? void 0 : hasError.type) === 'required') && (React.createElement("span", { className: "text-sm text-4xs", id: "error" }, `${defaultMsg || ''}`))));
+        hasError && hasError?.type !== 'required' && (React.createElement("span", { className: "text-sm text-red text-4xs", id: "error" }, `${errorMsg || ''}`)),
+        (!hasError || hasError?.type === 'required') && (React.createElement("span", { className: "text-sm text-4xs", id: "error" }, `${defaultMsg || ''}`))));
 };
-//# sourceMappingURL=input.component.js.map

package/lib/src/core-components/atoms/input/input.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Input } from './input.component';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Primary: Story;