@megha-ui/react 1.3.62 → 1.3.64

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 (2) hide show
  1. package/dist/components/grid/utils/newGridHeader.js +40 -30
  2. package/package.json +1 -1
package/dist/components/grid/utils/newGridHeader.js CHANGED
@@ -253,7 +253,7 @@ const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resiza
253
253
  width: "100%",
254
254
  height: "100%",
255
255
  }, children: _jsx(Checkbox, { selected: allRowsSelected, onChange: () => toggleSelectAll(), noLabel: true, wrapperClass: checkboxWrapper }) }) })), groupByKeys.map((_groupBy) => {
256
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58;
256
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59;
257
257
  return (_jsx(_Fragment, { children: headerColumns.find((column) => column.key === _groupBy) && (_jsxs("div", { className: `${sortable &&
258
258
  ((_a = headerColumns.find((column) => column.key === _groupBy)) === null || _a === void 0 ? void 0 : _a.sortable)
259
259
  ? "sortable"
@@ -484,39 +484,50 @@ const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resiza
484
484
  }, value: ((_48 = searchQueries[((_47 = headerColumns.find((column) => column.key === _groupBy)) === null || _47 === void 0 ? void 0 : _47.key) || ""]) === null || _48 === void 0 ? void 0 : _48.text) || "", disabled: !((_49 = headerColumns.find((column) => column.key === _groupBy)) === null || _49 === void 0 ? void 0 : _49.search), height: 32, extraInputStyle: { minWidth: 10 }, className: "w-full", backgroundColor: "#fff" }) }))) ||
485
485
  null })))] })) })] }), search && columnSearchOutside && (_jsx("div", { style: {
486
486
  marginTop: "0.5rem",
487
- width: (hugColumnWidths === null || hugColumnWidths === void 0 ? void 0 : hugColumnWidths[`column-${(_50 = headerColumns.find((column) => column.key === _groupBy)) === null || _50 === void 0 ? void 0 : _50.key}`]) ||
488
- widthMode === "auto" ||
489
- ((_51 = headerColumns.find((column) => column.key === _groupBy)) === null || _51 === void 0 ? void 0 : _51.width)
490
- ? "100%"
491
- : "100px",
492
487
  pointerEvents: search &&
493
- ((_52 = headerColumns.find((column) => column.key === _groupBy)) === null || _52 === void 0 ? void 0 : _52.search)
488
+ ((_50 = headerColumns.find((column) => column.key === _groupBy)) === null || _50 === void 0 ? void 0 : _50.search)
494
489
  ? "auto"
495
490
  : "none",
496
491
  cursor: search &&
497
- ((_53 = headerColumns.find((column) => column.key === _groupBy)) === null || _53 === void 0 ? void 0 : _53.search)
492
+ ((_51 = headerColumns.find((column) => column.key === _groupBy)) === null || _51 === void 0 ? void 0 : _51.search)
498
493
  ? "default"
499
494
  : "not-allowed",
500
- }, children: _jsx(TextInput, { onKeyDown: (e) => {
501
- var _a;
502
- if (e.key === "Enter") {
503
- toggleDropdown(((_a = headerColumns.find((column) => column.key === _groupBy)) === null || _a === void 0 ? void 0 : _a.key) || "");
504
- }
505
- }, onChange: (e) => {
506
- var _a;
507
- let searchType = "contains";
508
- if (e.target.value.includes("to")) {
509
- searchType = "between";
510
- }
511
- else if (searchType === "between") {
512
- searchType = "contains";
513
- }
514
- onSearch(((_a = headerColumns.find((column) => column.key === _groupBy)) === null || _a === void 0 ? void 0 : _a.key) || "", e.target.value, searchType);
515
- }, value: ((_55 = searchQueries[((_54 = headerColumns.find((column) => column.key === _groupBy)) === null || _54 === void 0 ? void 0 : _54.key) || ""]) === null || _55 === void 0 ? void 0 : _55.text) || "", disabled: !((_56 = headerColumns.find((column) => column.key === _groupBy)) === null || _56 === void 0 ? void 0 : _56.search), extraWrapperStyle: {
516
- background: ((_57 = headerColumns.find((column) => column.key === _groupBy)) === null || _57 === void 0 ? void 0 : _57.search)
517
- ? "var(--background)"
518
- : "var(--disabled-bg)",
519
- }, height: 32, extraInputStyle: { minWidth: 10 }, className: "w-full", backgroundColor: "var(--background)" }) }))] }, (_58 = headerColumns.find((column) => column.key === _groupBy)) === null || _58 === void 0 ? void 0 : _58.key)) }));
495
+ }, children: _jsxs("div", { style: {
496
+ display: "flex",
497
+ alignItems: "center",
498
+ }, children: [_jsx(TextInput, { onChange: (e) => {
499
+ var _a, _b, _c;
500
+ let searchType = ((_b = searchQueries[((_a = headerColumns.find((column) => column.key === _groupBy)) === null || _a === void 0 ? void 0 : _a.key) || ""]) === null || _b === void 0 ? void 0 : _b.type) ||
501
+ defaultSearchOperation ||
502
+ "contains";
503
+ if (e.target.value.includes("to")) {
504
+ searchType = "between";
505
+ }
506
+ else if (searchType === "between") {
507
+ searchType = "contains";
508
+ }
509
+ onSearch(((_c = headerColumns.find((column) => column.key === _groupBy)) === null || _c === void 0 ? void 0 : _c.key) || "", e.target.value, searchType);
510
+ }, placeholder: "Search", extraWrapperStyle: {
511
+ background: ((_52 = headerColumns.find((column) => column.key === _groupBy)) === null || _52 === void 0 ? void 0 : _52.search)
512
+ ? "var(--background)"
513
+ : "var(--disabled-bg)",
514
+ }, value: ((_54 = searchQueries[((_53 = headerColumns.find((column) => column.key === _groupBy)) === null || _53 === void 0 ? void 0 : _53.key) || ""]) === null || _54 === void 0 ? void 0 : _54.text) || "", disabled: !((_55 = headerColumns.find((column) => column.key === _groupBy)) === null || _55 === void 0 ? void 0 : _55.search), height: 32, extraInputStyle: { minWidth: 10 }, className: "w-full", backgroundColor: "#fff" }), _jsx(Dropdown, { options: searchOptions.filter((item) => {
515
+ var _a, _b, _c;
516
+ return ((_a = headerColumns.find((column) => column.key === _groupBy)) === null || _a === void 0 ? void 0 : _a.dataType) === "number" ||
517
+ ((_b = headerColumns.find((column) => column.key === _groupBy)) === null || _b === void 0 ? void 0 : _b.dataType) === "currency"
518
+ ? numberTypeSearch.includes(item.value)
519
+ : ((_c = headerColumns.find((column) => column.key === _groupBy)) === null || _c === void 0 ? void 0 : _c.dataType) === "date"
520
+ ? dateTypeSearch.includes(item.value)
521
+ : textTypeSearch.includes(item.value);
522
+ }), selectedValues: [
523
+ ((_58 = searchQueries[(_57 = (_56 = headerColumns.find((column) => column.key === _groupBy)) === null || _56 === void 0 ? void 0 : _56.key) !== null && _57 !== void 0 ? _57 : ""]) === null || _58 === void 0 ? void 0 : _58.type) ||
524
+ defaultSearchOperation ||
525
+ "contains",
526
+ ], onChange: (selected) => {
527
+ var _a, _b, _c;
528
+ const value = ((_a = selected[0]) === null || _a === void 0 ? void 0 : _a.toString()) || "";
529
+ handleSearchOptionSelect((_c = (_b = headerColumns.find((column) => column.key === _groupBy)) === null || _b === void 0 ? void 0 : _b.key) !== null && _c !== void 0 ? _c : "", value);
530
+ }, searchEnabled: false, className: "flex-1" })] }) }))] }, (_59 = headerColumns.find((column) => column.key === _groupBy)) === null || _59 === void 0 ? void 0 : _59.key)) }));
520
531
  }), headerColumns
521
532
  .filter((column) => !groupByKeys.includes(column.key))
522
533
  .map((column, colIndex) => {
@@ -753,7 +764,6 @@ const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resiza
753
764
  }, children: _jsxs("div", { style: {
754
765
  display: "flex",
755
766
  alignItems: "center",
756
- gap: "0.5rem",
757
767
  }, children: [_jsx(TextInput, { onChange: (e) => {
758
768
  var _a;
759
769
  let searchType = ((_a = searchQueries[column.key]) === null || _a === void 0 ? void 0 : _a.type) ||
@@ -783,7 +793,7 @@ const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resiza
783
793
  var _a;
784
794
  const value = ((_a = selected[0]) === null || _a === void 0 ? void 0 : _a.toString()) || "";
785
795
  handleSearchOptionSelect(column.key, value);
786
- }, searchEnabled: false, width: 130 })] }) }))] })) }, column.key));
796
+ }, searchEnabled: false, className: "flex-1" })] }) }))] })) }, column.key));
787
797
  }
788
798
  return null;
789
799
  })] }));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megha-ui/react",
3
- "version": "1.3.62",
3
+ "version": "1.3.64",
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",