@omniumretail/component-library 1.2.42 → 1.2.44

package/dist/types/components/MobileTable/index.d.ts

@@ -9,9 +9,9 @@ export interface MobileTableProps {
     translation: string;
     modalVisible: boolean;
     setModalVisible: Dispatch<SetStateAction<boolean>>;
-    actions: Action[];
     title: string;
     hasArrows?: boolean;
+    actions?: Action[];
     handlePrev?: () => void;
     handleNext?: () => void;
     hiddenColumns?: string[];

package/package.json

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

package/src/components/MobileTable/index.tsx

@@ -20,9 +20,9 @@ export interface MobileTableProps {
     translation: string;
     modalVisible: boolean;
     setModalVisible: Dispatch<SetStateAction<boolean>>;
-    actions: Action[];
     title: string;
     hasArrows?: boolean;
+    actions?: Action[];
     handlePrev?: () => void;
     handleNext?: () => void;
     hiddenColumns?: string[];
@@ -39,7 +39,7 @@ export const MobileTable = (
 
     const menu = (
         <Menu>
-            {actions.map((action, index) => (
+            {actions?.map((action, index) => (
                 <React.Fragment key={action.key}>
                     <Menu.Item key={action.key} onClick={action.onClick}>
                         {action.label}
@@ -47,7 +47,7 @@ export const MobileTable = (
 
                     {index < actions.length - 1 && <Menu.Divider />}
                 </React.Fragment>
-            ))}
+            )) || []}
         </Menu>
     );
 
@@ -69,9 +69,12 @@ export const MobileTable = (
                         />
                     }
 
-                    <Dropdown overlay={menu}>
-                        <Button>{t("tableHeadings.action")}</Button>
-                    </Dropdown>
+                    {actions?.length > 0 &&
+                        <Dropdown overlay={menu}>
+                            <Button>{t("tableHeadings.action")}</Button>
+                        </Dropdown>
+                    }
+
 
                     {hasArrows &&
                         <RightCircleOutlined

package/src/components/Tag/index.tsx

@@ -24,13 +24,13 @@ export interface customTagProps extends TagProps {
 }
 
 export const TagField = (props: customTagProps) => {
-    const { customTags = [], advancedTags, disable, defaultAdvancedFilters = [], hideAdvancedFilters = false, inputPlacehold, inputDefaultAdvancedFilter = "" } = props;
+    const { customTags = [], advancedTags, disable, defaultAdvancedFilters = [], hideAdvancedFilters = true, inputPlacehold, inputDefaultAdvancedFilter = "" } = props;
 
     const [tags, setTags] = useState<string[]>(customTags.filter(tag => !tag.includes('=')));
     const [inputVisible, setInputVisible] = useState<boolean>(inputDefaultAdvancedFilter !== "" ? true : false);
     const [inputValue, setInputValue] = useState(
         inputDefaultAdvancedFilter !== "" ? inputDefaultAdvancedFilter + '=' : ''
-    );    // const [switchValue, setSwitchValue] = useState<boolean>(false);
+    );
     const inputRef = useRef<InputRef>(null);
     const [advancedTagList, setAdvancedTagList] = useState<Array<{ display: string; value: string }>>(
         defaultAdvancedFilters
@@ -39,7 +39,7 @@ export const TagField = (props: customTagProps) => {
         ...customTags.filter(tag => !tag.includes('=')),
         ...defaultAdvancedFilters.map((filter) => `${filter.display}`),
     ]);
-    const [showAdvancedFilters, setShowAdvancedFilters] = useState<boolean>(false);
+    const [showAdvancedFilters, setShowAdvancedFilters] = useState<boolean>(hideAdvancedFilters ? false : true);
 
     useEffect(() => {
         if (defaultAdvancedFilters?.length > 0) {