tp-react-elements-dev 0.0.0 → 0.1.0

package/dist/index.js

@@ -40745,7 +40745,8 @@ function MultiSelectV1({ props }) {
         return array.some((item) => item === value);
     }
     React$1.useEffect(() => {
-        if ((fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.split(",").length) !== filterOptions.length) {
+        var _a;
+        if (((_a = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.split(",")) === null || _a === void 0 ? void 0 : _a.length) !== (filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.length)) {
             setSelectAll(false);
         }
         else {
@@ -40776,8 +40777,8 @@ function MultiSelectV1({ props }) {
                         var _a, _b;
                         return (jsxRuntimeExports.jsx(Tooltip, Object.assign({ title: ((_a = extractValuesToArray(fieldValue)) === null || _a === void 0 ? void 0 : _a.length) >
                                 3 &&
-                                ((_b = extractValuesToArray(fieldValue)) === null || _b === void 0 ? void 0 : _b.join(", ")) }, { children: selected.length > 3
-                                ? selected.length + `  Selected`
+                                ((_b = extractValuesToArray(fieldValue)) === null || _b === void 0 ? void 0 : _b.join(", ")) }, { children: (selected === null || selected === void 0 ? void 0 : selected.length) > 3
+                                ? (selected === null || selected === void 0 ? void 0 : selected.length) + `  Selected`
                                 : selected === null || selected === void 0 ? void 0 : selected.join(", ") })));
                     }, MenuProps: MenuProps, autoFocus: false }, { children: [jsxRuntimeExports.jsx(Box, Object.assign({ sx: {
                                 width: "100%",
@@ -40787,7 +40788,7 @@ function MultiSelectV1({ props }) {
                                 zIndex: 2,
                                 height: "33px",
                                 background: "#fff",
-                                display: options.length === 0 ? "none" : undefined,
+                                display: (options === null || options === void 0 ? void 0 : options.length) === 0 ? "none" : undefined,
                             } }, { children: jsxRuntimeExports.jsx(TextField, { inputRef: textfieldRef, autoFocus: true, value: searchText, sx: {
                                     width: "100%",
                                 }, placeholder: "Search...", onChange: (e) => {
@@ -40796,13 +40797,13 @@ function MultiSelectV1({ props }) {
                                     if (e.key !== "Escape") {
                                         e.stopPropagation();
                                     }
-                                } }) })), jsxRuntimeExports.jsxs(MenuItem, Object.assign({ disabled: filterOptions.length === 0, onChange: (e) => setSelectAll(!selectAll), sx: { zIndex: 0, fontSize: "5px !important", display: options.length === 0 ? 'none' : '' } }, { children: [jsxRuntimeExports.jsx(Checkbox, { checked: selectAll, onChange: (e) => {
+                                } }) })), jsxRuntimeExports.jsxs(MenuItem, Object.assign({ disabled: (filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.length) === 0, onChange: (e) => setSelectAll(!selectAll), sx: { zIndex: 0, fontSize: "5px !important", display: (options === null || options === void 0 ? void 0 : options.length) === 0 ? 'none' : '' } }, { children: [jsxRuntimeExports.jsx(Checkbox, { checked: selectAll, onChange: (e) => {
                                         setSelectAll(!selectAll);
                                         const selectChanged = !selectAll;
                                         if (!selectChanged) {
                                             props.setValue(props.item.name, "");
                                         }
-                                    } }), jsxRuntimeExports.jsx(ListItemText, { primary: "Select All", sx: { fontSize: "5px" } })] })), filterOptions.length !== 0 ? (filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.map((name) => {
+                                    } }), jsxRuntimeExports.jsx(ListItemText, { primary: "Select All", sx: { fontSize: "5px" } })] })), (filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.length) !== 0 ? (filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.map((name) => {
                             var _a;
                             return (jsxRuntimeExports.jsxs(MenuItem, Object.assign({ value: name, sx: { zIndex: 0, fontSize: "5px !important" } }, { children: [jsxRuntimeExports.jsx(Checkbox, { checked: ((_a = extractValuesToArray(fieldValue)) === null || _a === void 0 ? void 0 : _a.indexOf(name)) > -1, size: "small" }), jsxRuntimeExports.jsx(ListItemText, { primary: name, sx: { fontSize: "5px" } })] }), name));
                         })) : (jsxRuntimeExports.jsx(MenuItem, Object.assign({ disabled: true, value: "NA" }, { children: "No data Found" }), "NA"))] })), jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name, render: ({ message }) => (jsxRuntimeExports.jsx(ErrorMessageComponent, { children: message })) })] })) }));