@etsoo/materialui 1.4.83 → 1.4.84

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 (6) hide show
  1. package/lib/cjs/SearchBar.d.ts +1 -0
  2. package/lib/cjs/SearchBar.js +1 -1
  3. package/lib/mjs/SearchBar.d.ts +1 -0
  4. package/lib/mjs/SearchBar.js +1 -1
  5. package/package.json +1 -1
  6. package/src/SearchBar.tsx +1 -10
package/lib/cjs/SearchBar.d.ts CHANGED
@@ -30,6 +30,7 @@ export interface SearchBarProps {
30
30
  }
31
31
  /**
32
32
  * Search bar
33
+ * Make sure its container's width is fixed, not fluid, like "<Container fixed><SearchBar ../></Container>"
33
34
  * @param props Props
34
35
  * @returns Component
35
36
  */
package/lib/cjs/SearchBar.js CHANGED
@@ -70,6 +70,7 @@ function checkFormEvent(event) {
70
70
  }
71
71
  /**
72
72
  * Search bar
73
+ * Make sure its container's width is fixed, not fluid, like "<Container fixed><SearchBar ../></Container>"
73
74
  * @param props Props
74
75
  * @returns Component
75
76
  */
@@ -154,7 +155,6 @@ function SearchBar(props) {
154
155
  }
155
156
  else {
156
157
  const childD = child.getBoundingClientRect();
157
- console.log("SearchBar", child.querySelector("input")?.name, childD.width, childD.height, child.clientWidth, child.computedStyleMap().get("width"));
158
158
  childWidth = childD.width + itemGap;
159
159
  child.setAttribute(cachedWidthName, childWidth.toString());
160
160
  }
package/lib/mjs/SearchBar.d.ts CHANGED
@@ -30,6 +30,7 @@ export interface SearchBarProps {
30
30
  }
31
31
  /**
32
32
  * Search bar
33
+ * Make sure its container's width is fixed, not fluid, like "<Container fixed><SearchBar ../></Container>"
33
34
  * @param props Props
34
35
  * @returns Component
35
36
  */
package/lib/mjs/SearchBar.js CHANGED
@@ -64,6 +64,7 @@ function checkFormEvent(event) {
64
64
  }
65
65
  /**
66
66
  * Search bar
67
+ * Make sure its container's width is fixed, not fluid, like "<Container fixed><SearchBar ../></Container>"
67
68
  * @param props Props
68
69
  * @returns Component
69
70
  */
@@ -148,7 +149,6 @@ export function SearchBar(props) {
148
149
  }
149
150
  else {
150
151
  const childD = child.getBoundingClientRect();
151
- console.log("SearchBar", child.querySelector("input")?.name, childD.width, childD.height, child.clientWidth, child.computedStyleMap().get("width"));
152
152
  childWidth = childD.width + itemGap;
153
153
  child.setAttribute(cachedWidthName, childWidth.toString());
154
154
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@etsoo/materialui",
3
- "version": "1.4.83",
3
+ "version": "1.4.84",
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
@@ -107,6 +107,7 @@ function checkFormEvent(event: React.FormEvent<HTMLFormElement>) {
107
107
 
108
108
  /**
109
109
  * Search bar
110
+ * Make sure its container's width is fixed, not fluid, like "<Container fixed><SearchBar ../></Container>"
110
111
  * @param props Props
111
112
  * @returns Component
112
113
  */
@@ -228,16 +229,6 @@ export function SearchBar(props: SearchBarProps) {
228
229
  childWidth = Number.parseFloat(cachedWidth);
229
230
  } else {
230
231
  const childD = child.getBoundingClientRect();
231
-
232
- console.log(
233
- "SearchBar",
234
- child.querySelector("input")?.name,
235
- childD.width,
236
- childD.height,
237
- child.clientWidth,
238
- child.computedStyleMap().get("width")
239
- );
240
-
241
232
  childWidth = childD.width + itemGap;
242
233
  child.setAttribute(cachedWidthName, childWidth.toString());
243
234
  }