react-restyle-components 0.2.28 → 0.2.30

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.2.27",
+  "version": "0.2.29",
   "private": false,
   "description": "Easy use restyle components",
   "author": {

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

@@ -3,4 +3,4 @@ import { CheckBox } from './checkBox.component';
 declare const meta: Meta<typeof CheckBox>;
 export default meta;
 type Story = StoryObj<typeof CheckBox>;
-export declare const Primary: Story;
+export declare const Basic: Story;

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

@@ -8,7 +8,7 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         title: '',
         data: [

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

@@ -3,4 +3,4 @@ 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;
+export declare const Basic: Story;

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

@@ -9,7 +9,7 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         title: 'Date',
         value: dayjs().format('YYYY-MM-DD'),

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

@@ -3,4 +3,4 @@ import { Grid } from './grid.component';
 declare const meta: Meta<typeof Grid>;
 export default meta;
 type Story = StoryObj<typeof Grid>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/atoms/grid/grid.stories.js

@@ -9,7 +9,7 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         cols: 1,
         children: (React.createElement("div", { className: "flex flex-col" },

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

@@ -3,4 +3,4 @@ import { Icon } from './icons.component';
 declare const meta: Meta<typeof Icon>;
 export default meta;
 type Story = StoryObj<typeof Icon>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/atoms/icons/icons.stories.js

@@ -8,7 +8,7 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         nameIcon: 'FaHistory',
         propsIcon: {

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

@@ -3,4 +3,4 @@ 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;
+export declare const Basic: Story;

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

@@ -8,7 +8,7 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         title: 'Enter your Aadhaar Number',
         hasError: true,

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

@@ -3,4 +3,4 @@ import { Input } from './input.component';
 declare const meta: Meta<typeof Input>;
 export default meta;
 type Story = StoryObj<typeof Input>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/atoms/input/input.stories.js

@@ -5,7 +5,7 @@ const meta = {
     tags: ['autodocs'],
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         className: 'mt-4',
         title: 'Enter your Pan Number',

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

@@ -3,4 +3,4 @@ import { InputDropdown } from './input-dropdown.component';
 declare const meta: Meta<typeof InputDropdown>;
 export default meta;
 type Story = StoryObj<typeof InputDropdown>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/atoms/input-dropdown/input-dropdown.stories.js

@@ -8,7 +8,7 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         title: 'Source of funds',
         items: ['Bank account', 'UPI', 'Credit Card'],

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

@@ -3,4 +3,4 @@ import { List } from './list.component';
 declare const meta: Meta<typeof List>;
 export default meta;
 type Story = StoryObj<typeof List>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/atoms/list/list.stories.js

@@ -9,7 +9,7 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         direction: 'col',
         children: (React.createElement(React.Fragment, null,

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

@@ -3,4 +3,4 @@ import { Loader } from './loader.component';
 declare const meta: Meta<typeof Loader>;
 export default meta;
 type Story = StoryObj<typeof Loader>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/atoms/loader/loader.stories.js

@@ -8,6 +8,6 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {},
 };

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

@@ -3,4 +3,4 @@ import { Radio } from './radio.component';
 declare const meta: Meta<typeof Radio>;
 export default meta;
 type Story = StoryObj<typeof Radio>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/atoms/radio/radio.stories.js

@@ -8,7 +8,7 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         title: '',
         data: [

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

@@ -3,4 +3,4 @@ import { Stepper } from './stepper.component';
 declare const meta: Meta<typeof Stepper>;
 export default meta;
 type Story = StoryObj<typeof Stepper>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/atoms/stepper/stepper.stories.js

@@ -8,7 +8,7 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         steps: ['1', '2', '3', '4'],
         currentStep: 2,

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

@@ -1,8 +1,8 @@
-import React, { ReactNode, ReactElement } from 'react';
+import React from 'react';
 import '../../../tc.css';
 interface TabProps {
     title: string;
-    children: ReactNode;
+    children: React.ReactNode;
 }
 export declare const Tab: ({ title, children }: TabProps) => React.JSX.Element;
 export interface TabsProps {
@@ -12,8 +12,8 @@ export interface TabsProps {
         content?: React.ReactNode;
         inActive?: boolean;
     }>;
-    onSelect: (item: string) => void;
-    children?: ReactElement<TabProps> | ReactElement<TabProps>[];
+    onSelect: (item: any, index: number) => void;
+    children?: React.ReactNode;
 }
 export declare const Tabs: ({ tabsClass, options, onSelect, children, }: TabsProps) => React.JSX.Element;
 export {};

package/lib/src/core-components/atoms/tabs/tabs.component.js

@@ -10,6 +10,7 @@ export const Tabs = ({ tabsClass = 'bg-blue-700', options, onSelect, children, }
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "flex flex-col w-full" },
             React.createElement("div", { className: "flex border-b" }, options?.map((tab, index) => (React.createElement("button", { type: "button", key: index, className: `py-2 px-4 mr-1 border-none rounded-t-md shadow-inner cursor-pointer ${activeTab === index ? 'bg-blue-500 border-none text-white' : ''}`, onClick: () => {
+                    onSelect(tab, index);
                     setSelected(tab?.title);
                     !tab.inActive && setActiveTab(index);
                 }, disabled: tab.inActive }, tab.title)))),

package/lib/src/core-components/atoms/tabs/tabs.stories.js

@@ -1,20 +1,9 @@
 import React from 'react';
 import { Tabs, Tab } from './tabs.component';
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 const meta = {
     title: 'Design System/Atoms/Tabs',
     component: Tabs,
     tags: ['autodocs'],
-    argTypes: {
-        options: [
-            { title: 'Work History' },
-            { title: 'Book Order' },
-            { title: 'Make Frame' },
-        ],
-        onSelect: (item) => {
-            console.log({ item });
-        },
-    },
     decorators: [
         (Story) => (React.createElement(React.Fragment, null,
             React.createElement(Story, null))),
@@ -22,17 +11,21 @@ const meta = {
 };
 export default meta;
 export const Basic = {
-    render: function Render() {
-        return (React.createElement(Tabs, { options: [
-                { title: 'Work History' },
-                { title: 'Book Order' },
-                { title: 'Make Frame', content: React.createElement("span", null, "Make Frame") },
-            ], onSelect: (item) => {
-                console.log({ item });
-            } },
+    args: {
+        options: [
+            { title: 'Work History' },
+            { title: 'Book Order' },
+            { title: 'Make Frame', content: React.createElement("span", null, "Make Frame") },
+        ],
+        onSelect: (item, index) => {
+            console.log({ item, index });
+        },
+    },
+    render: function Render(args) {
+        return (React.createElement(Tabs, { ...args },
             React.createElement(Tab, { title: "Work History" },
                 React.createElement("span", null, "Work History")),
             React.createElement(Tab, { title: "Book Order" },
-                React.createElement("span", null, "Make Frame"))));
+                React.createElement("span", null, "Book Order"))));
     },
 };

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

@@ -24,7 +24,7 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const BasicExample: Story;
+export declare const Basic: Story;
 export declare const Positions: Story;
 export declare const JSXContent: Story;
 export declare const JSXContentDifferentAlignments: Story;

package/lib/src/core-components/atoms/tooltip/Tooltip.stories.js

@@ -23,7 +23,7 @@ const meta = {
     ],
 };
 export default meta;
-export const BasicExample = {
+export const Basic = {
     args: {
         children: React.createElement("span", { className: "m-10" }, '🪔'),
         content: 'Happy Diwali ✨',

package/lib/src/core-components/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.stories.d.ts

@@ -3,4 +3,4 @@ import { AutoCompleteFilterMultipleSelectMultipleFieldsDisplay } from './auto-co
 declare const meta: Meta<typeof AutoCompleteFilterMultipleSelectMultipleFieldsDisplay>;
 export default meta;
 type Story = StoryObj<typeof AutoCompleteFilterMultipleSelectMultipleFieldsDisplay>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.stories.js

@@ -8,7 +8,7 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         data: {
             list: [

package/lib/src/core-components/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.stories.d.ts

@@ -3,4 +3,4 @@ import { AutoCompleteFilterSingleSelectMultiFieldsDisplay } from './auto-complet
 declare const meta: Meta<typeof AutoCompleteFilterSingleSelectMultiFieldsDisplay>;
 export default meta;
 type Story = StoryObj<typeof AutoCompleteFilterSingleSelectMultiFieldsDisplay>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.stories.js

@@ -5,13 +5,10 @@ const meta = {
     tags: ['autodocs'],
     parameters: {
         componentSubtitle: `import { AutoCompleteFilterSingleSelectMultiFieldsDisplay } from 'react-restyle-components'`,
-        // backgrounds: {
-        //   default: 'light-gray',
-        // },
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         data: {
             list: [

package/lib/src/core-components/molecules/auto-complete-group-by/auto-complete-group-by.stories.d.ts

@@ -3,4 +3,4 @@ import { AutocompleteGroupBy } from './auto-complete-group-by.component';
 declare const meta: Meta<typeof AutocompleteGroupBy>;
 export default meta;
 type Story = StoryObj<typeof AutocompleteGroupBy>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/molecules/auto-complete-group-by/auto-complete-group-by.stories.js

@@ -5,13 +5,10 @@ const meta = {
     tags: ['autodocs'],
     parameters: {
         componentSubtitle: `import { AutocompleteGroupBy } from 'react-restyle-components'`,
-        // backgrounds: {
-        //   default: 'light-gray',
-        // },
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         data: [
             {

package/lib/src/core-components/molecules/autocomplete/autocomplete.stories.d.ts

@@ -3,4 +3,4 @@ import { Autocomplete } from './autocomplete';
 declare const meta: Meta<typeof Autocomplete>;
 export default meta;
 type Story = StoryObj<typeof Autocomplete>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/molecules/autocomplete/autocomplete.stories.js

@@ -8,7 +8,7 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         value: '',
         onValueChange: () => { },

package/lib/src/core-components/molecules/color-picker/color-picker.stories.d.ts

@@ -3,4 +3,4 @@ import { ColorPicker } from './color-picker.component';
 declare const meta: Meta<typeof ColorPicker>;
 export default meta;
 type Story = StoryObj<typeof ColorPicker>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/molecules/color-picker/color-picker.stories.js

@@ -8,7 +8,7 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         color: '#000000',
         onChange: (color) => {

package/lib/src/core-components/molecules/color-picker-modal/color-picker-modal.stories.d.ts

@@ -3,4 +3,4 @@ import { ColorPickerModal } from './color-picker-modal.component';
 declare const meta: Meta<typeof ColorPickerModal>;
 export default meta;
 type Story = StoryObj<typeof ColorPickerModal>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/molecules/color-picker-modal/color-picker-modal.stories.js

@@ -8,7 +8,7 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         color: '#000000',
         onChange: (color) => {

package/lib/src/core-components/molecules/css-multiline-input/css-multiline-input.stories.d.ts

@@ -3,4 +3,4 @@ import { CSSMultiline } from './css-multiline-input.component';
 declare const meta: Meta<typeof CSSMultiline>;
 export default meta;
 type Story = StoryObj<typeof CSSMultiline>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/molecules/css-multiline-input/css-multiline-input.stories.js

@@ -8,6 +8,6 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {},
 };

package/lib/src/core-components/molecules/modal-confirm/modal-confirm.stories.d.ts

@@ -3,4 +3,4 @@ import { ModalConfirm } from './modal-confirm.component';
 declare const meta: Meta<typeof ModalConfirm>;
 export default meta;
 type Story = StoryObj<typeof ModalConfirm>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/molecules/modal-confirm/modal-confirm.stories.js

@@ -8,7 +8,7 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         visible: true,
         title: 'Confirm',

package/lib/src/core-components/molecules/multi-select/multi-select.stories.d.ts

@@ -3,4 +3,4 @@ import { MultiSelect } from './multi-select.component';
 declare const meta: Meta<typeof MultiSelect>;
 export default meta;
 type Story = StoryObj<typeof MultiSelect>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/molecules/multi-select/multi-select.stories.js

@@ -8,7 +8,7 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         options: ['UPI', 'CARD', 'CASH'],
         selectedItems: ['CASH', 'UPI'],

package/lib/src/core-components/molecules/multi-select-with-field/multi-select-with-field.stories.d.ts

@@ -3,4 +3,4 @@ import { MultiSelectWithField } from './multi-select-with-field.component';
 declare const meta: Meta<typeof MultiSelectWithField>;
 export default meta;
 type Story = StoryObj<typeof MultiSelectWithField>;
-export declare const Primary: Story;
+export declare const Basic: Story;

package/lib/src/core-components/molecules/multi-select-with-field/multi-select-with-field.stories.js

@@ -8,7 +8,7 @@ const meta = {
     },
 };
 export default meta;
-export const Primary = {
+export const Basic = {
     args: {
         displayField: 'code',
         options: [{ code: 'UPI' }, { code: 'CARD' }, { code: 'CASH' }],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.2.28",
+  "version": "0.2.30",
   "private": false,
   "description": "Easy use restyle components",
   "author": {