@etsoo/materialui 1.1.61 → 1.1.62

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 (3) hide show
  1. package/lib/SearchBar.js +7 -4
  2. package/package.json +1 -1
  3. package/src/SearchBar.tsx +6 -4
package/lib/SearchBar.js CHANGED
@@ -223,18 +223,21 @@ export function SearchBar(props) {
223
223
  if (form)
224
224
  state.form = form;
225
225
  } },
226
- React.createElement(Stack, { ref: dimensions[0][0], justifyContent: "center", alignItems: "center", direction: "row", spacing: 1, width: "100%", overflow: "hidden", sx: {
226
+ React.createElement(Stack, { ref: dimensions[0][0], justifyContent: "center", alignItems: "center", direction: "row", spacing: 1, width: "100%", sx: {
227
+ overflowX: "hidden",
227
228
  "& > :not(style)": {
228
- flexBasis: "auto",
229
+ flexBasis: "60px",
229
230
  flexGrow: 0,
230
231
  flexShrink: 0,
231
- maxWidth: "180px"
232
+ maxWidth: "180px",
233
+ visibility: "hidden"
232
234
  },
233
235
  "& > .hiddenChild": {
234
236
  display: "none"
235
237
  },
236
238
  "& > .showChild": {
237
- display: "block"
239
+ display: "block",
240
+ visibility: "visible"
238
241
  }
239
242
  } },
240
243
  fields.map((item, index) => (React.createElement(React.Fragment, { key: index }, item))),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@etsoo/materialui",
3
- "version": "1.1.61",
3
+ "version": "1.1.62",
4
4
  "description": "TypeScript Material-UI Implementation",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib/index.d.ts",
package/src/SearchBar.tsx CHANGED
@@ -306,19 +306,21 @@ export function SearchBar(props: SearchBarProps) {
306
306
  direction="row"
307
307
  spacing={1}
308
308
  width="100%"
309
- overflow="hidden"
310
309
  sx={{
310
+ overflowX: "hidden",
311
311
  "& > :not(style)": {
312
- flexBasis: "auto",
312
+ flexBasis: "60px",
313
313
  flexGrow: 0,
314
314
  flexShrink: 0,
315
- maxWidth: "180px"
315
+ maxWidth: "180px",
316
+ visibility: "hidden"
316
317
  },
317
318
  "& > .hiddenChild": {
318
319
  display: "none"
319
320
  },
320
321
  "& > .showChild": {
321
- display: "block"
322
+ display: "block",
323
+ visibility: "visible"
322
324
  }
323
325
  }}
324
326
  >