@omniumretail/component-library 1.1.33 → 1.1.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.1.33",
+  "version": "1.1.35",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/Category/CategoryContent/index.tsx

@@ -19,6 +19,7 @@ const defaultInitialValues = {
     generalEvaluationLevel: "0",
     questions: [],
     openAnswer: false,
+    isYesOrNo: false
 };
 
 export const CategoryContent = (props: categoryContent) => {
@@ -69,6 +70,7 @@ export const CategoryContent = (props: categoryContent) => {
         form.resetFields();
         form.setFieldsValue(initialValues);
         setSwitchOpenAnswStatus(initialValues?.openAnswer || false);
+        setSwitchYesOrNoAnswStatus(initialValues?.isYesOrNo || false);
     }, [form, initialValues]);
 
     return (
@@ -118,7 +120,7 @@ export const CategoryContent = (props: categoryContent) => {
 
                                 {!categorySidebarData?.data?.children?.length &&
                                     <>
-                                        {!switchYesOrNoAnswStatus &&
+                                        {switchOpenAnswStatus &&
                                             <div className={styles.openAnswer}>
                                                 <Label isUppercase>
                                                     {t('components.categoryContent.openAnswer')}
@@ -131,13 +133,13 @@ export const CategoryContent = (props: categoryContent) => {
                                             </div>
                                         }
 
-                                        {!switchOpenAnswStatus &&
+                                        {switchYesOrNoAnswStatus &&
                                             <div className={styles.yesNoAnswer}>
                                                 <Label isUppercase>
                                                     {t('components.categoryContent.yesNoAnswer')}
                                                 </Label>
                                                 <Form.Item
-                                                    name={['yesNoAnswer']}
+                                                    name={['isYesOrNo']}
                                                 >
                                                     <Switch onChange={(enabled: boolean) => { yesNoSwitchHandler(enabled) }} checked={switchYesOrNoAnswStatus} />
                                                 </Form.Item>

package/src/components/ResponsiveTable/ResponsiveTable.stories.tsx

@@ -20,7 +20,8 @@ const Template: Story<ResponsiveTableCustomProps> = (args) => {
         // For example, trigger an API call
     };
     
-    return <ResponsiveTable columnsSortChange={handleSortByColumnChange} paginationInfo={setPageInfo} headingTranslationsKey={'tableHeadings'} rowSelectionInfo={setRowSelectionInfo} actionsArray={
+    return <ResponsiveTable                             scroll={{ x: 4000 }}
+    columnsSortChange={handleSortByColumnChange} paginationInfo={setPageInfo} headingTranslationsKey={'tableHeadings'} rowSelectionInfo={setRowSelectionInfo} actionsArray={
         [
             { key: '1', label: `${t('actions.one')}`, onClick: () => {
                 console.log('onClick');
@@ -30,7 +31,7 @@ const Template: Story<ResponsiveTableCustomProps> = (args) => {
                 key: '3', label: 'label 3'
             }
         ]
-    } {...args}></ResponsiveTable>;
+    } fixedColumns={[{dataIndex: 'action' , side: 'right'}]} {...args}></ResponsiveTable>;
 };
 
 export const Primary = Template.bind({});
@@ -185,7 +186,7 @@ Primary.args = {
     ],
     pagination: {
         total: 24,
-        pageSize: 20
+        pageSize: 4
     },
     hiddenColumns: ['id'],
     sortByColumns: true,

package/src/components/ResponsiveTable/index.tsx

@@ -189,15 +189,14 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
 
             }).filter(el => el !== undefined) as any;
 
-            let columnActions = {
+            const columnActions = {
                 key: 'action',
                 title: headingTranslationsKey ? t(`${headingTranslationsKey}.${'action'}`) : 'action',
-                dataIndex: 6,
+                dataIndex: 'action',
                 ellipsis: false,
                 align: 'right',
                 render: () => {
-                    if (!items?.[0]) return null; // Verifica se o array items é nulo
-
+                    if (!items?.[0]) return null;
                     return (
                         <Space size="middle">
                             <Dropdown menu={{ items }}>