@etsoo/materialui 1.4.85 → 1.4.86

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/lib/cjs/SearchBar.js +2 -2
  2. package/lib/mjs/SearchBar.js +2 -2
  3. package/package.json +1 -1
  4. package/src/SearchBar.tsx +1 -2
package/lib/cjs/SearchBar.js CHANGED
@@ -240,10 +240,10 @@ function SearchBar(props) {
240
240
  };
241
241
  }, [className]);
242
242
  // Layout
243
- return ((0, jsx_runtime_1.jsxs)(material_1.Container, { fixed: true, children: [(0, jsx_runtime_1.jsx)("form", { id: "SearchBarForm", className: className, onChange: handleForm, ref: (form) => {
243
+ return ((0, jsx_runtime_1.jsxs)(material_1.Container, { fixed: true, ref: dimensions[0][0], children: [(0, jsx_runtime_1.jsx)("form", { id: "SearchBarForm", className: className, onChange: handleForm, ref: (form) => {
244
244
  if (form)
245
245
  state.form = form;
246
- }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { ref: dimensions[0][0], className: "SearchBarContainer", justifyContent: "center", alignItems: "center", direction: "row", spacing: `${itemGap}px`, width: "100%", overflow: "hidden", paddingTop: "6px", sx: {
246
+ }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "SearchBarContainer", justifyContent: "center", alignItems: "center", direction: "row", spacing: `${itemGap}px`, width: "100%", overflow: "hidden", paddingTop: "6px", sx: {
247
247
  "& > :not(style)": {
248
248
  flexBasis: "auto",
249
249
  flexGrow: 0,
package/lib/mjs/SearchBar.js CHANGED
@@ -234,10 +234,10 @@ export function SearchBar(props) {
234
234
  };
235
235
  }, [className]);
236
236
  // Layout
237
- return (_jsxs(Container, { fixed: true, children: [_jsx("form", { id: "SearchBarForm", className: className, onChange: handleForm, ref: (form) => {
237
+ return (_jsxs(Container, { fixed: true, ref: dimensions[0][0], children: [_jsx("form", { id: "SearchBarForm", className: className, onChange: handleForm, ref: (form) => {
238
238
  if (form)
239
239
  state.form = form;
240
- }, children: _jsxs(Stack, { ref: dimensions[0][0], className: "SearchBarContainer", justifyContent: "center", alignItems: "center", direction: "row", spacing: `${itemGap}px`, width: "100%", overflow: "hidden", paddingTop: "6px", sx: {
240
+ }, children: _jsxs(Stack, { className: "SearchBarContainer", justifyContent: "center", alignItems: "center", direction: "row", spacing: `${itemGap}px`, width: "100%", overflow: "hidden", paddingTop: "6px", sx: {
241
241
  "& > :not(style)": {
242
242
  flexBasis: "auto",
243
243
  flexGrow: 0,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@etsoo/materialui",
3
- "version": "1.4.85",
3
+ "version": "1.4.86",
4
4
  "description": "TypeScript Material-UI Implementation",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/mjs/index.js",
package/src/SearchBar.tsx CHANGED
@@ -337,7 +337,7 @@ export function SearchBar(props: SearchBarProps) {
337
337
 
338
338
  // Layout
339
339
  return (
340
- <Container fixed>
340
+ <Container fixed ref={dimensions[0][0]}>
341
341
  <form
342
342
  id="SearchBarForm"
343
343
  className={className}
@@ -347,7 +347,6 @@ export function SearchBar(props: SearchBarProps) {
347
347
  }}
348
348
  >
349
349
  <Stack
350
- ref={dimensions[0][0]}
351
350
  className="SearchBarContainer"
352
351
  justifyContent="center"
353
352
  alignItems="center"