@etsoo/materialui 1.1.77 → 1.1.79

package/lib/ButtonLink.d.ts

@@ -1,13 +1,17 @@
 /// <reference types="react" />
-import { ButtonProps } from '@mui/material';
+import { ButtonProps } from "@mui/material";
 /**
  * ButtonLink props
  */
-export type ButtonLinkProps = Omit<ButtonProps, 'href' | 'onClick'> & {
+export type ButtonLinkProps = Omit<ButtonProps, "href" | "onClick"> & {
     /**
      * To href
      */
     href: string;
+    /**
+     * Link state
+     */
+    state?: any;
 };
 /**
  * ButtonLink

package/lib/ButtonLink.js

@@ -1,6 +1,6 @@
-import { Button } from '@mui/material';
-import React from 'react';
-import { useNavigate } from 'react-router-dom';
+import { Button } from "@mui/material";
+import React from "react";
+import { useNavigate } from "react-router-dom";
 /**
  * ButtonLink
  * @param props Props
@@ -8,12 +8,12 @@ import { useNavigate } from 'react-router-dom';
  */
 export function ButtonLink(props) {
     // Destruct
-    const { href, ...rest } = props;
+    const { href, state, ...rest } = props;
     // Navigate
     const navigate = useNavigate();
-    const onClick = href.includes('://')
-        ? () => window.open(href, '_blank')
-        : () => navigate(href);
+    const onClick = href.includes("://")
+        ? () => window.open(href, "_blank")
+        : () => navigate(href, { state });
     // Layout
     return React.createElement(Button, { ...rest, onClick: onClick });
 }

package/lib/SearchBar.js

@@ -224,12 +224,7 @@ export function SearchBar(props) {
                 if (form)
                     state.form = form;
             } },
-            React.createElement(Stack, { ref: dimensions[0][0], className: "SearchBarContainer", justifyContent: "center", alignItems: "center", direction: "row", spacing: 1, width: "100%", sx: {
-                    scrollbarWidth: 0,
-                    "-ms-overflow-style": "none",
-                    "&::-webkit-scrollbar": {
-                        display: "none"
-                    },
+            React.createElement(Stack, { ref: dimensions[0][0], className: "SearchBarContainer", justifyContent: "center", alignItems: "center", direction: "row", spacing: 1, width: "100%", overflow: "hidden", paddingTop: "6px", sx: {
                     "& > :not(style)": {
                         flexBasis: "auto",
                         flexGrow: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.1.77",
+  "version": "1.1.79",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -55,11 +55,11 @@
     "@etsoo/react": "^1.6.56",
     "@etsoo/shared": "^1.1.93",
     "@mui/icons-material": "^5.11.11",
-    "@mui/material": "^5.11.14",
+    "@mui/material": "^5.11.15",
     "@mui/x-data-grid": "^6.0.3",
     "@types/pica": "^9.0.1",
     "@types/pulltorefreshjs": "^0.1.5",
-    "@types/react": "^18.0.29",
+    "@types/react": "^18.0.31",
     "@types/react-avatar-editor": "^13.0.0",
     "@types/react-dom": "^18.0.11",
     "@types/react-input-mask": "^3.0.2",
@@ -85,8 +85,8 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@types/jest": "^29.5.0",
-    "@typescript-eslint/eslint-plugin": "^5.56.0",
-    "@typescript-eslint/parser": "^5.56.0",
+    "@typescript-eslint/eslint-plugin": "^5.57.0",
+    "@typescript-eslint/parser": "^5.57.0",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
     "typescript": "^5.0.2"

package/src/ButtonLink.tsx

@@ -1,14 +1,19 @@
-import { Button, ButtonProps } from '@mui/material';
-import React from 'react';
-import { useNavigate } from 'react-router-dom';
+import { Button, ButtonProps } from "@mui/material";
+import React from "react";
+import { useNavigate } from "react-router-dom";
 /**
  * ButtonLink props
  */
-export type ButtonLinkProps = Omit<ButtonProps, 'href' | 'onClick'> & {
-    /**
-     * To href
-     */
-    href: string;
+export type ButtonLinkProps = Omit<ButtonProps, "href" | "onClick"> & {
+  /**
+   * To href
+   */
+  href: string;
+
+  /**
+   * Link state
+   */
+  state?: any;
 };
 
 /**
@@ -17,16 +22,16 @@ export type ButtonLinkProps = Omit<ButtonProps, 'href' | 'onClick'> & {
  * @returns Component
  */
 export function ButtonLink(props: ButtonLinkProps) {
-    // Destruct
-    const { href, ...rest } = props;
+  // Destruct
+  const { href, state, ...rest } = props;
 
-    // Navigate
-    const navigate = useNavigate();
+  // Navigate
+  const navigate = useNavigate();
 
-    const onClick = href.includes('://')
-        ? () => window.open(href, '_blank')
-        : () => navigate(href);
+  const onClick = href.includes("://")
+    ? () => window.open(href, "_blank")
+    : () => navigate(href, { state });
 
-    // Layout
-    return <Button {...rest} onClick={onClick} />;
+  // Layout
+  return <Button {...rest} onClick={onClick} />;
 }

package/src/SearchBar.tsx

@@ -313,12 +313,9 @@ export function SearchBar(props: SearchBarProps) {
           direction="row"
           spacing={1}
           width="100%"
+          overflow="hidden"
+          paddingTop="6px"
           sx={{
-            scrollbarWidth: 0,
-            "-ms-overflow-style": "none",
-            "&::-webkit-scrollbar": {
-              display: "none"
-            },
             "& > :not(style)": {
               flexBasis: "auto",
               flexGrow: 0,