pixelize-design-library 2.1.44 → 2.1.45

package/dist/Components/SearchSelect/SearchSelect.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -95,7 +106,16 @@ var SearchSelect = function (_a) {
         }
     }, [options.length, pagination === null || pagination === void 0 ? void 0 : pagination.limit]);
     var handleSelect = function (option) {
-        if (isMultiple) {
+        var _a;
+        if (isMultiple && insideSelect) {
+            var insideSelectId = (_a = insideSelect.value) === null || _a === void 0 ? void 0 : _a.id;
+            var exists = selectedValues.find(function (v) { return v.id === option.id; });
+            var updated = exists
+                ? selectedValues.filter(function (v) { return v.id !== option.id; })
+                : __spreadArray(__spreadArray([], selectedValues, true), [__assign(__assign({}, option), { insideSelectId: insideSelectId })], false); // add only for new
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect(updated);
+        }
+        else if (isMultiple) {
             var exists = selectedValues.find(function (v) { return v.id === option.id; });
             var updated = exists
                 ? selectedValues.filter(function (v) { return v.id !== option.id; })

package/dist/Layout.js

@@ -233,7 +233,6 @@ var Layout = function () {
                 react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/"); }, variant: "outline", size: "xs" }, "Home"),
                 react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/alertdialog"); }, variant: "outline", size: "xs" }, "AlertDialog"),
                 react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/accordion"); }, variant: "outline", size: "xs" }, "Accordion"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/selectsearch"); }, variant: "outline", size: "xs" }, "Selectsearch"),
                 react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/searchSelect"); }, variant: "outline", size: "xs" }, "searchSelect"),
                 react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/selectSearch"); }, variant: "outline", size: "xs" }, "selectSearch"),
                 react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/timeline"); }, variant: "outline", size: "xs" }, "Timeline"),

package/dist/Pages/searchSelect.js

@@ -90,23 +90,19 @@ var SearchSelect = function () {
     var _b = (0, react_1.useState)(rrr(1, 50)), soptions = _b[0], setSoptions = _b[1]; // initial 50
     var _c = (0, react_1.useState)(""), search = _c[0], setSearch = _c[1];
     var _d = (0, react_1.useState)(false), paginationLoading = _d[0], setpaginationLoading = _d[1];
-    // const [customSelectValue, setCustomSelectValue] = useState<any>({});
+    var _e = (0, react_1.useState)({}), customSelectValue = _e[0], setCustomSelectValue = _e[1];
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(SearchSelect_1.default
         // width={"250px"}
         , { 
             // width={"250px"}
-            label: "Users", id: "user-select", options: soptions, value: selectedOptions, 
-            // isMultiple
-            onSelect: function (val) {
+            label: "Users", id: "user-select", options: soptions, value: selectedOptions, isMultiple: true, onSelect: function (val) {
                 console.log("val", val);
                 setselectedOptions(val);
             }, onSearch: function (query) { return setSearch(query); }, searchQuery: search, isOptionLoading: false, placeholder: "Search users...", chip: {
                 maxChips: 3,
                 onClick: function () { return console.log("chip removed"); },
-            }, 
-            // isSelectAll
-            pagination: {
+            }, isSelectAll: true, pagination: {
                 limit: 50,
                 scrollLoading: paginationLoading,
                 onScroll: function (startIndex, limit, query) { return __awaiter(void 0, void 0, void 0, function () {
@@ -149,6 +145,40 @@ var SearchSelect = function () {
             // errorMessage="hello"
             // isRemoveAllIcon
             // dropdownProfileView
-            virtualization: true })));
+            virtualization: true, insideSelect: {
+                width: "50px",
+                onSelect: function (val) { return setCustomSelectValue(val); },
+                value: customSelectValue,
+                option: [
+                    {
+                        "id": 3,
+                        "label": "Hariharan J",
+                    },
+                    {
+                        "id": 1,
+                        "label": "Karuppusamy S",
+                    },
+                    {
+                        "id": 2,
+                        "label": "SasiKumar M",
+                    },
+                    {
+                        "id": 4,
+                        "label": "Hariharan  Jeganathan",
+                    },
+                    {
+                        "id": 5,
+                        "label": "Karuppusamy S",
+                    },
+                    {
+                        "id": 6,
+                        "label": "SasiKumar M",
+                    },
+                    {
+                        "id": 7,
+                        "label": "Hariharan  Jeganathan",
+                    }
+                ]
+            } })));
 };
 exports.default = SearchSelect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.1.44",
+  "version": "2.1.45",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",