@megha-ui/react 1.2.737 → 1.2.740
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.
|
@@ -248,8 +248,7 @@ const Dropdown = ({ options, selectedValues, onChange, placeholder = "Select..."
|
|
|
248
248
|
const displayValue = options.every((option) => option.isAdd)
|
|
249
249
|
? ""
|
|
250
250
|
: !isMultiple && intermediateValues.length > 0
|
|
251
|
-
? ((_a = options.find((option) => option.value === intermediateValues[0])) === null || _a === void 0 ? void 0 : _a.label) ||
|
|
252
|
-
""
|
|
251
|
+
? ((_a = options.find((option) => option.value === intermediateValues[0])) === null || _a === void 0 ? void 0 : _a.label) || ""
|
|
253
252
|
: isMultiple && intermediateValues.length > 0
|
|
254
253
|
? intermediateValues.length === 1
|
|
255
254
|
? ((_b = options.find((option) => option.value === intermediateValues[0])) === null || _b === void 0 ? void 0 : _b.label) || ""
|
|
@@ -315,7 +314,7 @@ const Dropdown = ({ options, selectedValues, onChange, placeholder = "Select..."
|
|
|
315
314
|
return text;
|
|
316
315
|
};
|
|
317
316
|
return (_jsxs("div", { style: {
|
|
318
|
-
width: width !== null && width !== void 0 ? width :
|
|
317
|
+
width: width !== null && width !== void 0 ? width : "max-content",
|
|
319
318
|
marginBottom,
|
|
320
319
|
marginTop,
|
|
321
320
|
marginRight,
|
|
@@ -336,7 +335,7 @@ const Dropdown = ({ options, selectedValues, onChange, placeholder = "Select..."
|
|
|
336
335
|
alignItems: "center",
|
|
337
336
|
justifyContent: "space-between",
|
|
338
337
|
cursor: "pointer",
|
|
339
|
-
width: "100%",
|
|
338
|
+
width: width ? "100%" : "max-content",
|
|
340
339
|
padding: "0.5rem",
|
|
341
340
|
}, ref: clearIconRef, onClick: handleClick, children: [_jsx("span", { style: {
|
|
342
341
|
display: isIcon
|
|
@@ -7,6 +7,7 @@ import TextFilterDropdown from "./textFilterDropdown";
|
|
|
7
7
|
import DateInput from "../../date-input";
|
|
8
8
|
import TextInput from "../../text-input";
|
|
9
9
|
import Checkbox from "../../checkbox";
|
|
10
|
+
import { Tooltip } from "react-tooltip";
|
|
10
11
|
export const getColumnData = (columnKey, gridData, type) => {
|
|
11
12
|
const returnedValue = [
|
|
12
13
|
...new Set(gridData
|
|
@@ -534,7 +535,7 @@ const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resiza
|
|
|
534
535
|
}, onClick: () => column.sortable && onSort(column), children: [_jsxs("div", { style: {
|
|
535
536
|
display: "flex",
|
|
536
537
|
alignItems: "center",
|
|
537
|
-
}, children: [_jsx("span", { className: column.isFallBack ? "asterik" : "", children: column.label }), sortable && column.sortable && (_jsx("span", { style: {
|
|
538
|
+
}, children: [_jsx(Tooltip, { id: column.key }), _jsx("span", { "data-tooltip-id": column.key, "data-tooltip-content": "translations is missing for the display name", className: column.isFallBack ? "asterik" : "", children: column.label }), sortable && column.sortable && (_jsx("span", { style: {
|
|
538
539
|
visibility: Object.keys(sortQueries).includes(column.key)
|
|
539
540
|
? "visible"
|
|
540
541
|
: "hidden",
|
package/package.json
CHANGED