@megha-ui/react 1.3.139 → 1.3.140

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.
@@ -463,6 +463,7 @@ const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resiza
463
463
  }, children: _jsxs("div", { style: {
464
464
  display: "flex",
465
465
  alignItems: "center",
466
+ flex: 1,
466
467
  }, children: [_jsx(TextInput, { onFocus: () => {
467
468
  var _a;
468
469
  return setActiveSearchColumn(((_a = headerColumns.find((column) => column.key === _groupBy)) === null || _a === void 0 ? void 0 : _a.key) || "");
@@ -476,7 +477,6 @@ const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resiza
476
477
  background: ((_r = headerColumns.find((column) => column.key === _groupBy)) === null || _r === void 0 ? void 0 : _r.search)
477
478
  ? "var(--background)"
478
479
  : "var(--disabled-bg)",
479
- flex: 1,
480
480
  }, value: ((_t = searchQueries[((_s = headerColumns.find((column) => column.key === _groupBy)) === null || _s === void 0 ? void 0 : _s.key) || ""]) === null || _t === void 0 ? void 0 : _t.text) || "", disabled: !((_u = headerColumns.find((column) => column.key === _groupBy)) === null || _u === void 0 ? void 0 : _u.search), height: 32, extraInputStyle: { minWidth: 10 }, className: "w-full", backgroundColor: "#fff" }), _jsx(Dropdown, { options: searchOptions.filter((item) => {
481
481
  var _a, _b, _c;
482
482
  return ((_a = headerColumns.find((column) => column.key === _groupBy)) === null || _a === void 0 ? void 0 : _a.dataType) === "number" ||
@@ -580,6 +580,7 @@ const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resiza
580
580
  }, children: _jsxs("div", { style: {
581
581
  display: "flex",
582
582
  alignItems: "center",
583
+ flex: 1,
583
584
  }, children: [_jsx(TextInput, { onFocus: () => {
584
585
  var _a;
585
586
  return setActiveSearchColumn(((_a = headerColumns.find((column) => column.key === _groupBy)) === null || _a === void 0 ? void 0 : _a.key) || "");
@@ -593,7 +594,6 @@ const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resiza
593
594
  background: ((_24 = headerColumns.find((column) => column.key === _groupBy)) === null || _24 === void 0 ? void 0 : _24.search)
594
595
  ? "var(--background)"
595
596
  : "var(--disabled-bg)",
596
- flex: 1,
597
597
  }, value: ((_26 = searchQueries[((_25 = headerColumns.find((column) => column.key === _groupBy)) === null || _25 === void 0 ? void 0 : _25.key) || ""]) === null || _26 === void 0 ? void 0 : _26.text) || "", disabled: !((_27 = headerColumns.find((column) => column.key === _groupBy)) === null || _27 === void 0 ? void 0 : _27.search), height: 32, extraInputStyle: { minWidth: 10 }, className: "w-full", backgroundColor: "#fff" }), _jsx(Dropdown, { options: searchOptions.filter((item) => {
598
598
  var _a, _b, _c;
599
599
  return ((_a = headerColumns.find((column) => column.key === _groupBy)) === null || _a === void 0 ? void 0 : _a.dataType) === "number" ||
@@ -697,6 +697,7 @@ const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resiza
697
697
  }, children: _jsxs("div", { style: {
698
698
  display: "flex",
699
699
  alignItems: "center",
700
+ flex: 1,
700
701
  }, children: [_jsx(TextInput, { onFocus: () => {
701
702
  var _a;
702
703
  return setActiveSearchColumn(((_a = headerColumns.find((column) => column.key === _groupBy)) === null || _a === void 0 ? void 0 : _a.key) || "");
@@ -710,7 +711,6 @@ const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resiza
710
711
  background: ((_57 = headerColumns.find((column) => column.key === _groupBy)) === null || _57 === void 0 ? void 0 : _57.search)
711
712
  ? "var(--background)"
712
713
  : "var(--disabled-bg)",
713
- flex: 1,
714
714
  }, value: ((_59 = searchQueries[((_58 = headerColumns.find((column) => column.key === _groupBy)) === null || _58 === void 0 ? void 0 : _58.key) || ""]) === null || _59 === void 0 ? void 0 : _59.text) || "", disabled: !((_60 = headerColumns.find((column) => column.key === _groupBy)) === null || _60 === void 0 ? void 0 : _60.search), height: 32, extraInputStyle: { minWidth: 10 }, className: "w-full", backgroundColor: "#fff" }), _jsx(Dropdown, { options: searchOptions.filter((item) => {
715
715
  var _a, _b, _c;
716
716
  return ((_a = headerColumns.find((column) => column.key === _groupBy)) === null || _a === void 0 ? void 0 : _a.dataType) === "number" ||
@@ -1009,11 +1009,11 @@ const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resiza
1009
1009
  }, children: _jsxs("div", { style: {
1010
1010
  display: "flex",
1011
1011
  alignItems: "center",
1012
+ flex: 1,
1012
1013
  }, children: [_jsx(TextInput, { onFocus: () => setActiveSearchColumn(column.key), onChange: (e) => handleSearchInputChange(e, column.key), onBlur: (e) => handleSearchInputBlur(e, (column === null || column === void 0 ? void 0 : column.key) || ""), placeholder: "Search", extraWrapperStyle: {
1013
1014
  background: column.search
1014
1015
  ? "var(--background)"
1015
1016
  : "var(--disabled-bg)",
1016
- flex: 1,
1017
1017
  }, value: ((_p = searchQueries[column.key]) === null || _p === void 0 ? void 0 : _p.text) || "", disabled: !column.search, height: 32, extraInputStyle: { minWidth: 10 }, className: "w-full", backgroundColor: "#fff" }), _jsx(Dropdown, { options: searchOptions.filter((item) => column.dataType === "number" ||
1018
1018
  column.dataType === "currency"
1019
1019
  ? numberTypeSearch.includes(item.value)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megha-ui/react",
3
- "version": "1.3.139",
3
+ "version": "1.3.140",
4
4
  "description": "A collection of reusable UI components for React applications, built with TypeScript.",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",