v-eris 1.0.106 → 1.0.108

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "v-eris",
-  "version": "1.0.106",
+  "version": "1.0.108",
   "description": "",
   "bootstrapVersion": 3,
   "styleLoaders": [],

package/release/cjs/components/MultiSelect/multiselect.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiSelect = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var props_1 = require("../../utility/props");
+var Typography_1 = require("../../components/Typography");
+var animation_1 = require("../../utility/animation");
+require("./multiselect.scss");
+var MultiSelect = function (props) {
+    var className = props.className, children = props.children, propValue = props.propValue, style = props.style, margin = props.margin, padding = props.padding, title = props.title, value = props.value, disabled = props.disabled, placeholder = props.placeholder, onChange = props.onChange, suggestions = props.suggestions, rest = tslib_1.__rest(props, ["className", "children", "propValue", "style", "margin", "padding", "title", "value", "disabled", "placeholder", "onChange", "suggestions"]);
+    var _a = (0, react_1.useState)(""), filter = _a[0], setFilter = _a[1];
+    var _b = (0, react_1.useState)([]), list = _b[0], setList = _b[1];
+    var _c = (0, react_1.useState)(0), listIndex = _c[0], setListIndex = _c[1];
+    var _d = (0, react_1.useState)(false), isActive = _d[0], setIsActive = _d[1];
+    if (!suggestions)
+        suggestions = [];
+    (0, react_1.useEffect)(function () {
+        setList(Array.isArray(value) ? value : []);
+    }, [value]);
+    var sgList = [];
+    var filterLower = (filter || "").toLowerCase();
+    var _loop_1 = function (item) {
+        var title_1 = item.title || item.value || "";
+        var titleLower = title_1.toLowerCase();
+        if (filter && (titleLower.indexOf(filterLower) < 0))
+            return "continue";
+        sgList.push({
+            title: item.title || item.value || "",
+            value: item.value || item.title || "",
+            lower: titleLower,
+            icon: item.icon,
+            selected: list.find(function (f) { return f == (item.value || item.title); })
+        });
+    };
+    for (var _i = 0, suggestions_1 = suggestions; _i < suggestions_1.length; _i++) {
+        var item = suggestions_1[_i];
+        _loop_1(item);
+    }
+    ;
+    if (!onChange)
+        onChange = function () { };
+    var childrenElem = animation_1.useAnimation.Expand(isActive);
+    return (react_1.default.createElement("div", { className: props_1.Props.className("multiselect", className, { disabled: disabled }), style: style },
+        react_1.default.createElement("div", { className: props_1.Props.className("multiselect-header", { active: isActive }) },
+            react_1.default.createElement("div", { className: "multiselect-header-tags" }, list.map(function (v) {
+                var item = suggestions.find(function (f) { return f.value == v; }) || { title: v, value: v };
+                return react_1.default.createElement("div", { key: item.value, className: "multiselect-header-item" },
+                    item.icon,
+                    react_1.default.createElement(Typography_1.Text, null, item.title),
+                    react_1.default.createElement("span", { className: "multiselect-header-item-remove", onClick: function () {
+                            var result = list.filter(function (f) { return f != item.value; });
+                            setList(result);
+                            onChange({ value: result });
+                        } }, "x"));
+            })),
+            react_1.default.createElement("input", { className: "multiselect-header-input", value: filter, placeholder: placeholder || "", onFocus: function () { return setIsActive(true); }, onBlur: function () { return setIsActive(false); }, onChange: function (e) { setListIndex(0); setFilter(e.target.value || ""); }, onKeyDown: function (e) {
+                    if (e.keyCode == 38) {
+                        if (listIndex < 1)
+                            return;
+                        setListIndex(listIndex - 1);
+                        return;
+                    }
+                    ;
+                    if (e.keyCode == 40) {
+                        if ((listIndex + 1) >= sgList.length)
+                            return;
+                        setListIndex(listIndex + 1);
+                        return;
+                    }
+                    ;
+                    if (e.keyCode != 13)
+                        return;
+                    var item = sgList[listIndex];
+                    if (!item)
+                        return;
+                    var result = item.selected ? list.filter(function (f) { return f != item.value; }) : tslib_1.__spreadArray(tslib_1.__spreadArray([], list, true), [item.value], false);
+                    setList(result);
+                    onChange({ value: result });
+                    if (!filter)
+                        return;
+                    setFilter("");
+                    setListIndex(0);
+                } })),
+        react_1.default.createElement("div", { className: props_1.Props.className("multiselect-suggestions", { expanded: isActive }), ref: childrenElem }, sgList.map(function (item, index) {
+            return react_1.default.createElement("div", { key: item.value, className: props_1.Props.className("multiselect-suggestions-item", { selected: item.selected, focused: listIndex == index }), onMouseDown: function () {
+                    var result = item.selected ? list.filter(function (f) { return f != item.value; }) : tslib_1.__spreadArray(tslib_1.__spreadArray([], list, true), [item.value], false);
+                    setList(result);
+                    onChange({ value: result });
+                } },
+                react_1.default.createElement("span", { className: "multiselect-suggestions-item-checkbox" }),
+                item.icon,
+                react_1.default.createElement(Typography_1.Text, null, item.title));
+        }))));
+};
+exports.MultiSelect = MultiSelect;
+//# sourceMappingURL=multiselect.js.map

package/release/cjs/components/MultiSelect/multiselect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect.js","sourceRoot":"","sources":["../../../../source/components/MultiSelect/multiselect.tsx"],"names":[],"mappings":"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"}

package/release/cjs/components/MultiSelect/multiselect.scss

@@ -0,0 +1,160 @@
+@import "../../../assets/styles/preset";
+
+.multiselect{
+	min-width: 240px;
+    position: relative;
+    width: fit-content;
+	background: white;
+
+	&-header{
+		display: flex;
+		flex-direction: row;
+		flex-wrap: nowrap;
+		border: 1px solid #dcdcdc;
+		transition: all 0.15s ease-in-out;
+		border-radius: 5px;
+
+		&-tags{
+			display: flex;
+			flex-direction: row;
+			flex-wrap: nowrap;	
+			min-height: 35px;
+		}
+		&-item{
+			display: flex;
+			flex-direction: row;
+			flex-wrap: nowrap;
+			background: #52b9ff;
+			color: white;
+			border-radius: 3px;
+			padding: 4px 5px 4px 6px;
+			margin: 4px 0px 4px 4px;
+			align-items: center;
+
+			& .icon{
+				margin-right: 3px;
+				top: -1px;
+				position: relative;
+			}
+			& .typography{
+				line-height: 1.4;
+			}		
+			&-remove{
+				padding: 0px 4px 1px 3px;
+				margin-left: 2px;
+				font-weight: bold;
+				top: -1px;
+				position: relative;
+				cursor: pointer;
+				transition: all 0.15s ease-in-out;
+
+				&:hover{
+					background-color: #77c9ff;
+				}
+
+			}	
+
+		}
+		&-input{
+			border: 0px;
+			padding: 3px 4px 5px 8px;
+			border-radius: 0px;
+			outline: none;
+			box-sizing: border-box;
+			background: transparent;
+			min-width: 0;
+			flex: 1;
+		}
+
+		&-active{
+			border: 1px solid #52b9ff;
+		}
+
+	}	
+	
+	&-suggestions{
+		display: flex;
+		flex-direction: column;
+		flex-wrap: nowrap;
+		position: absolute;
+		padding: 4px 4px;
+		background: #ffffff;
+		width: 100%;
+		overflow-y: auto;
+		box-sizing: border-box;
+		box-shadow: 0px 14px 20px -14px #0000005c;
+		transition: all 240ms;
+		max-height: 200px;
+		border-radius: 0px 0px 4px 4px;
+		border-color: transparent;
+		z-index: 2;
+		border: 1px solid #00000005;
+		border-top: 0px solid #f9f9f9;
+		display: none;
+		color: #000;
+
+		&-expanded{
+			display: flex;
+		}
+
+		&-item{
+			padding: 3px 7px 3px 7px;
+			position: relative;
+			border-radius: 4px;
+			display: flex;
+			align-items: baseline;
+			transition: all 0.15s ease-in-out;
+			cursor: pointer;
+
+			&-checkbox{
+				width: 14px;
+				height: 14px;
+				position: relative;
+				border: 1px solid #52b9ff;
+				display: inline-block;
+				top: 1px;
+				margin-right: 5px;
+				color: transparent;
+			}
+			&-checkbox:before{
+				font-family: icomoon;
+				color: inherit;
+				font-style: normal;
+				line-height: 1.0;
+				text-align: center;
+				text-transform: none;
+				text-rendering: optimizeLegibility;
+				-webkit-font-smoothing: antialiased;
+				-moz-osx-font-smoothing: grayscale;
+				content: "\ea10";
+				width: 12px;
+				height: 12px;
+				position: relative;
+				display: inline-block;
+				top: -1px;
+				left: 1px;
+				font-size: 11px;
+			}	
+
+		}
+		&-item-selected > &-item-checkbox{
+			background: #52b9ff;
+			color: #f4f4f4;
+		}					
+		&-item:hover{
+			//background-color: #f4f4f4;
+		}
+		&-item-focused{
+			background-color: #f4f4f4;
+		}		
+		&-item .icon{
+			color: $icons-accent;
+			padding-right: 4px;
+		}		
+		&-selected{
+			background-color: #f4f4f4;
+		}
+
+	}
+
+}

package/release/cjs/examples/example.js

@@ -20,6 +20,7 @@ var autocomplete_1 = require("../examples//routes/autocomplete");
 var celendar_route_1 = require("../examples//routes/celendar.route");
 var toggle_example_1 = require("../examples//routes/toggle.example");
 var button_route_1 = require("../examples//routes/button.route");
+var multiselect_route_1 = require("../examples//routes/multiselect.route");
 var Header = Row_1.Row, Wrap = Row_1.Row, Footer = Row_1.Row;
 var Body = Column_1.Column, Content = Column_1.Column, Side = Column_1.Column;
 var Example = function (props) {
@@ -45,6 +46,7 @@ var Example = function (props) {
                         react_1.default.createElement(List_1.List.Item, { value: "/autocomplete" }, "AutoComplete"),
                         react_1.default.createElement(List_1.List.Item, { value: "/toggle" }, "Toggle"),
                         react_1.default.createElement(List_1.List.Item, { value: "/button" }, "Button"),
+                        react_1.default.createElement(List_1.List.Item, { value: "/multiselect" }, "Multi Select"),
                         react_1.default.createElement(List_1.List.Item, { value: "/input" }, "Input"),
                         react_1.default.createElement(List_1.List.Item, { value: "/calendar" }, "Calendar")),
                     react_1.default.createElement(List_1.List.Item, { icon: react_1.default.createElement(Icons_1.Icons.calendar, null), title: "Navigation Tree" },
@@ -60,6 +62,7 @@ var Example = function (props) {
                     react_1.default.createElement(react_router_dom_1.Route, { path: "icons", element: react_1.default.createElement(icons_1.IconsRoute, null) }),
                     react_1.default.createElement(react_router_dom_1.Route, { path: "toggle", element: react_1.default.createElement(toggle_example_1.ToggleRoute, null) }),
                     react_1.default.createElement(react_router_dom_1.Route, { path: "button", element: react_1.default.createElement(button_route_1.ButtonRoute, null) }),
+                    react_1.default.createElement(react_router_dom_1.Route, { path: "multiselect", element: react_1.default.createElement(multiselect_route_1.MultiSelectRoute, null) }),
                     react_1.default.createElement(react_router_dom_1.Route, { path: "lang", element: react_1.default.createElement(lang_route_1.LangRoute, null) }),
                     react_1.default.createElement(react_router_dom_1.Route, { path: "loading", element: react_1.default.createElement(loading_route_1.LoadingRoute, null) }),
                     react_1.default.createElement(react_router_dom_1.Route, { path: "calendar", element: react_1.default.createElement(celendar_route_1.CalendarRoute, null) }),

package/release/cjs/examples/example.js.map

@@ -1 +1 @@
-{"version":3,"file":"example.js","sourceRoot":"","sources":["../../../source/examples/example.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"example.js","sourceRoot":"","sources":["../../../source/examples/example.tsx"],"names":[],"mappings":"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"}

package/release/cjs/examples/routes/multiselect.route.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiSelectRoute = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var Card_1 = require("../../components/Card");
+var Divider_1 = require("../../components/Divider");
+var multiselect_1 = require("../../components/MultiSelect/multiselect");
+var Icons_1 = require("../../components/Icons");
+var MultiSelectRoute = function (props) {
+    var _a = (0, react_1.useState)(["en", "de"]), list = _a[0], setList = _a[1];
+    return (react_1.default.createElement(Card_1.Card, { borderless: true, padding: 0 },
+        react_1.default.createElement(Divider_1.Divider, null, "Overlay"),
+        react_1.default.createElement(Card_1.Card, null,
+            react_1.default.createElement(multiselect_1.MultiSelect, { value: list, suggestions: [
+                    { value: "en", title: "English", icon: react_1.default.createElement(Icons_1.Icons.user, null) },
+                    { value: "ru", title: "Russian", icon: react_1.default.createElement(Icons_1.Icons.user, null) },
+                    { value: "ch", title: "Chinese" },
+                    { value: "de", title: "German" },
+                ], placeholder: "Start typying here", onChange: function (e) { return setList(e.value); } }))));
+};
+exports.MultiSelectRoute = MultiSelectRoute;
+//# sourceMappingURL=multiselect.route.js.map

package/release/cjs/examples/routes/multiselect.route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect.route.js","sourceRoot":"","sources":["../../../../source/examples/routes/multiselect.route.tsx"],"names":[],"mappings":";;;;AAAA,qDAAiD;AAEjD,8CAA6C;AAC7C,oDAAmD;AACnD,wEAAuE;AACvE,gDAA+C;AAExC,IAAM,gBAAgB,GAAG,UAAE,KAAK;IAElC,IAAA,KAAoB,IAAA,gBAAQ,EAAC,CAAE,IAAI,EAAE,IAAI,CAAE,CAAC,EAA1C,IAAI,QAAA,EAAE,OAAO,QAA6B,CAAC;IAEjD,OAAO,CACN,8BAAC,WAAI,IAAC,UAAU,QAAC,OAAO,EAAG,CAAC;QAC3B,8BAAC,iBAAO,kBAAkB;QAE1B,8BAAC,WAAI;YACJ,8BAAC,yBAAW,IACX,KAAK,EAAG,IAAI,EACZ,WAAW,EAAE;oBACZ,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,8BAAC,aAAK,CAAC,IAAI,OAAE,EAAE;oBACtD,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,8BAAC,aAAK,CAAC,IAAI,OAAE,EAAE;oBACtD,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;oBACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;iBAChC,EACD,WAAW,EAAG,oBAAoB,EAClC,QAAQ,EAAE,UAAE,CAAC,IAAM,OAAA,OAAO,CAAE,CAAC,CAAC,KAAK,CAAE,EAAlB,CAAkB,GACpC,CACI,CAED,CACP,CAAC;AACH,CAAC,CAAC;AAxBW,QAAA,gBAAgB,oBAwB3B"}

package/release/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutoComplete = exports.Button = exports.Toggle = exports.Input = exports.Overlay = exports.Text = exports.Tooltip = exports.ThemeContext = exports.Row = exports.List = exports.LangContext = exports.Lang = exports.Loading = exports.Calendar = exports.Icon = exports.Icons = exports.Flex = exports.Editable = exports.Divider = exports.Column = exports.Card = exports.VMath = exports.CalendarWeekState = exports.CalendarWeekStateUS = exports.EnumMonthStateAll = exports.EnumMonthState4q = exports.EnumMonthState3q = exports.EnumMonthState2q = exports.EnumMonthState1q = exports.EnumMonthState = exports.Time = exports.Storage = exports.Request = exports.RequestInit = exports.Response = exports.Props = exports.useAsync = exports.useSubscription = exports.useMutable = exports.CreateMutable = exports.Cookie = exports.Common = exports.useAnimation = void 0;
+exports.AutoComplete = exports.MultiSelect = exports.Button = exports.Toggle = exports.Input = exports.Overlay = exports.Text = exports.Tooltip = exports.ThemeContext = exports.Row = exports.List = exports.LangContext = exports.Lang = exports.Loading = exports.Calendar = exports.Icon = exports.Icons = exports.Flex = exports.Editable = exports.Divider = exports.Column = exports.Card = exports.VMath = exports.CalendarWeekState = exports.CalendarWeekStateUS = exports.EnumMonthStateAll = exports.EnumMonthState4q = exports.EnumMonthState3q = exports.EnumMonthState2q = exports.EnumMonthState1q = exports.EnumMonthState = exports.Time = exports.Storage = exports.Request = exports.RequestInit = exports.Response = exports.Props = exports.useAsync = exports.useSubscription = exports.useMutable = exports.CreateMutable = exports.Cookie = exports.Common = exports.useAnimation = void 0;
 var tslib_1 = require("tslib");
 //#Utility
 var animation_1 = require("./utility/animation");
@@ -73,6 +73,8 @@ var toggle_1 = require("./components/Toggle/toggle");
 Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return toggle_1.Toggle; } });
 var button_1 = require("./components/Button/button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });
+var multiselect_1 = require("./components/MultiSelect/multiselect");
+Object.defineProperty(exports, "MultiSelect", { enumerable: true, get: function () { return multiselect_1.MultiSelect; } });
 var AutoComplete_1 = require("./components/AutoComplete");
 Object.defineProperty(exports, "AutoComplete", { enumerable: true, get: function () { return AutoComplete_1.AutoComplete; } });
 //# sourceMappingURL=index.js.map

package/release/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../source/index.ts"],"names":[],"mappings":";;;;AACA,UAAU;AACV,iDAAkD;AACzC,6FADA,wBAAY,OACA;AACrB,oEAAqC;AAC5B,iBADF,gBAAM,CACE;AACf,oEAAqC;AAC5B,iBADF,gBAAM,CACE;AACf,6CAAwF;AAC/E,8FADA,uBAAa,OACA;AAAE,2FADA,oBAAU,OACA;AAAE,gGADA,yBAAe,OACA;AAAE,yFADA,kBAAQ,OACA;AAC7D,yCAAuC;AAC9B,sFADA,aAAK,OACA;AACd,+CAAmE;AAC1D,yFADA,mBAAQ,OACA;AAAE,4FADA,sBAAW,OACA;AAAE,wFADA,kBAAO,OACA;AACvC,6CAA2C;AAClC,wFADA,iBAAO,OACA;AAChB,uCAKuB;AAEtB,qFANA,WAAI,OAMA;AACJ,+FANA,qBAAc,OAMA;AAAE,iGANA,uBAAgB,OAMA;AAAE,iGANA,uBAAgB,OAMA;AAAE,iGANA,uBAAgB,OAMA;AAAE,iGANA,uBAAgB,OAMA;AAAE,kGANA,wBAAiB,OAMA;AACzG,oGANA,0BAAmB,OAMA;AACnB,kGANA,wBAAiB,OAMA;AAElB,kEAAmC;AAC1B,gBADF,eAAK,CACE;AAEd,aAAa;AACb,0CAAwC;AAC/B,qFADA,WAAI,OACA;AACb,8CAA4C;AACnC,uFADA,eAAM,OACA;AACf,gDAA8C;AACrC,wFADA,iBAAO,OACA;AAChB,kDAAgD;AACvC,yFADA,mBAAQ,OACA;AACjB,0CAAwC;AAC/B,qFADA,WAAI,OACA;AACb,4CAAgD;AACvC,sFADA,aAAK,OACA;AAAE,qFADA,YAAI,OACA;AAEpB,kDAAgD;AACvC,yFADA,mBAAQ,OACA;AAEjB,gDAA8C;AACrC,wFADA,iBAAO,OACA;AAChB,0CAAqD;AAC5C,qFADA,WAAI,OACA;AAAE,4FADA,kBAAW,OACA;AAE1B,0CAAwC;AAC/B,qFADA,WAAI,OACA;AACb,wCAAsC;AAC7B,oFADA,SAAG,OACA;AACZ,4CAAiD;AACxC,6FADA,oBAAY,OACA;AACrB,gDAA8C;AACrC,wFADA,iBAAO,OACA;AAChB,sDAA8C;AACrC,qFADA,iBAAI,OACA;AACb,gDAA8C;AACrC,wFADA,iBAAO,OACA;AAChB,4CAA0C;AACjC,sFADA,aAAK,OACA;AACd,qDAAmD;AAC1C,uFADA,eAAM,OACA;AAEf,qDAAmD;AAC1C,uFADA,eAAM,OACA;AACf,0DAAwD;AAC/C,6FADA,2BAAY,OACA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../source/index.ts"],"names":[],"mappings":";;;;AACA,UAAU;AACV,iDAAkD;AACzC,6FADA,wBAAY,OACA;AACrB,oEAAqC;AAC5B,iBADF,gBAAM,CACE;AACf,oEAAqC;AAC5B,iBADF,gBAAM,CACE;AACf,6CAAwF;AAC/E,8FADA,uBAAa,OACA;AAAE,2FADA,oBAAU,OACA;AAAE,gGADA,yBAAe,OACA;AAAE,yFADA,kBAAQ,OACA;AAC7D,yCAAuC;AAC9B,sFADA,aAAK,OACA;AACd,+CAAmE;AAC1D,yFADA,mBAAQ,OACA;AAAE,4FADA,sBAAW,OACA;AAAE,wFADA,kBAAO,OACA;AACvC,6CAA2C;AAClC,wFADA,iBAAO,OACA;AAChB,uCAKuB;AAEtB,qFANA,WAAI,OAMA;AACJ,+FANA,qBAAc,OAMA;AAAE,iGANA,uBAAgB,OAMA;AAAE,iGANA,uBAAgB,OAMA;AAAE,iGANA,uBAAgB,OAMA;AAAE,iGANA,uBAAgB,OAMA;AAAE,kGANA,wBAAiB,OAMA;AACzG,oGANA,0BAAmB,OAMA;AACnB,kGANA,wBAAiB,OAMA;AAElB,kEAAmC;AAC1B,gBADF,eAAK,CACE;AAEd,aAAa;AACb,0CAAwC;AAC/B,qFADA,WAAI,OACA;AACb,8CAA4C;AACnC,uFADA,eAAM,OACA;AACf,gDAA8C;AACrC,wFADA,iBAAO,OACA;AAChB,kDAAgD;AACvC,yFADA,mBAAQ,OACA;AACjB,0CAAwC;AAC/B,qFADA,WAAI,OACA;AACb,4CAAgD;AACvC,sFADA,aAAK,OACA;AAAE,qFADA,YAAI,OACA;AAEpB,kDAAgD;AACvC,yFADA,mBAAQ,OACA;AAEjB,gDAA8C;AACrC,wFADA,iBAAO,OACA;AAChB,0CAAqD;AAC5C,qFADA,WAAI,OACA;AAAE,4FADA,kBAAW,OACA;AAE1B,0CAAwC;AAC/B,qFADA,WAAI,OACA;AACb,wCAAsC;AAC7B,oFADA,SAAG,OACA;AACZ,4CAAiD;AACxC,6FADA,oBAAY,OACA;AACrB,gDAA8C;AACrC,wFADA,iBAAO,OACA;AAChB,sDAA8C;AACrC,qFADA,iBAAI,OACA;AACb,gDAA8C;AACrC,wFADA,iBAAO,OACA;AAChB,4CAA0C;AACjC,sFADA,aAAK,OACA;AACd,qDAAmD;AAC1C,uFADA,eAAM,OACA;AAEf,qDAAmD;AAC1C,uFADA,eAAM,OACA;AACf,oEAAkE;AACzD,4FADA,yBAAW,OACA;AACpB,0DAAwD;AAC/C,6FADA,2BAAY,OACA"}

package/release/esm/components/MultiSelect/multiselect.js

@@ -0,0 +1,93 @@
+import { __rest, __spreadArray } from "tslib";
+import React, { useState, useEffect } from "react";
+import { Props } from "../../utility/props";
+import { Text } from "../../components/Typography";
+import { useAnimation } from "../../utility/animation";
+import "./multiselect.scss";
+export var MultiSelect = function (props) {
+    var className = props.className, children = props.children, propValue = props.propValue, style = props.style, margin = props.margin, padding = props.padding, title = props.title, value = props.value, disabled = props.disabled, placeholder = props.placeholder, onChange = props.onChange, suggestions = props.suggestions, rest = __rest(props, ["className", "children", "propValue", "style", "margin", "padding", "title", "value", "disabled", "placeholder", "onChange", "suggestions"]);
+    var _a = useState(""), filter = _a[0], setFilter = _a[1];
+    var _b = useState([]), list = _b[0], setList = _b[1];
+    var _c = useState(0), listIndex = _c[0], setListIndex = _c[1];
+    var _d = useState(false), isActive = _d[0], setIsActive = _d[1];
+    if (!suggestions)
+        suggestions = [];
+    useEffect(function () {
+        setList(Array.isArray(value) ? value : []);
+    }, [value]);
+    var sgList = [];
+    var filterLower = (filter || "").toLowerCase();
+    var _loop_1 = function (item) {
+        var title_1 = item.title || item.value || "";
+        var titleLower = title_1.toLowerCase();
+        if (filter && (titleLower.indexOf(filterLower) < 0))
+            return "continue";
+        sgList.push({
+            title: item.title || item.value || "",
+            value: item.value || item.title || "",
+            lower: titleLower,
+            icon: item.icon,
+            selected: list.find(function (f) { return f == (item.value || item.title); })
+        });
+    };
+    for (var _i = 0, suggestions_1 = suggestions; _i < suggestions_1.length; _i++) {
+        var item = suggestions_1[_i];
+        _loop_1(item);
+    }
+    ;
+    if (!onChange)
+        onChange = function () { };
+    var childrenElem = useAnimation.Expand(isActive);
+    return (React.createElement("div", { className: Props.className("multiselect", className, { disabled: disabled }), style: style },
+        React.createElement("div", { className: Props.className("multiselect-header", { active: isActive }) },
+            React.createElement("div", { className: "multiselect-header-tags" }, list.map(function (v) {
+                var item = suggestions.find(function (f) { return f.value == v; }) || { title: v, value: v };
+                return React.createElement("div", { key: item.value, className: "multiselect-header-item" },
+                    item.icon,
+                    React.createElement(Text, null, item.title),
+                    React.createElement("span", { className: "multiselect-header-item-remove", onClick: function () {
+                            var result = list.filter(function (f) { return f != item.value; });
+                            setList(result);
+                            onChange({ value: result });
+                        } }, "x"));
+            })),
+            React.createElement("input", { className: "multiselect-header-input", value: filter, placeholder: placeholder || "", onFocus: function () { return setIsActive(true); }, onBlur: function () { return setIsActive(false); }, onChange: function (e) { setListIndex(0); setFilter(e.target.value || ""); }, onKeyDown: function (e) {
+                    if (e.keyCode == 38) {
+                        if (listIndex < 1)
+                            return;
+                        setListIndex(listIndex - 1);
+                        return;
+                    }
+                    ;
+                    if (e.keyCode == 40) {
+                        if ((listIndex + 1) >= sgList.length)
+                            return;
+                        setListIndex(listIndex + 1);
+                        return;
+                    }
+                    ;
+                    if (e.keyCode != 13)
+                        return;
+                    var item = sgList[listIndex];
+                    if (!item)
+                        return;
+                    var result = item.selected ? list.filter(function (f) { return f != item.value; }) : __spreadArray(__spreadArray([], list, true), [item.value], false);
+                    setList(result);
+                    onChange({ value: result });
+                    if (!filter)
+                        return;
+                    setFilter("");
+                    setListIndex(0);
+                } })),
+        React.createElement("div", { className: Props.className("multiselect-suggestions", { expanded: isActive }), ref: childrenElem }, sgList.map(function (item, index) {
+            return React.createElement("div", { key: item.value, className: Props.className("multiselect-suggestions-item", { selected: item.selected, focused: listIndex == index }), onMouseDown: function () {
+                    var result = item.selected ? list.filter(function (f) { return f != item.value; }) : __spreadArray(__spreadArray([], list, true), [item.value], false);
+                    setList(result);
+                    onChange({ value: result });
+                } },
+                React.createElement("span", { className: "multiselect-suggestions-item-checkbox" }),
+                item.icon,
+                React.createElement(Text, null, item.title));
+        }))));
+};
+//# sourceMappingURL=multiselect.js.map

package/release/esm/components/MultiSelect/multiselect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect.js","sourceRoot":"","sources":["../../../../source/components/MultiSelect/multiselect.tsx"],"names":[],"mappings":"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"}

package/release/esm/examples/example.js

@@ -16,6 +16,7 @@ import { AutoCompleteRoute } from "../examples//routes/autocomplete";
 import { CalendarRoute } from "../examples//routes/celendar.route";
 import { ToggleRoute } from "../examples//routes/toggle.example";
 import { ButtonRoute } from "../examples//routes/button.route";
+import { MultiSelectRoute } from "../examples//routes/multiselect.route";
 var Header = Row, Wrap = Row, Footer = Row;
 var Body = Column, Content = Column, Side = Column;
 export var Example = function (props) {
@@ -41,6 +42,7 @@ export var Example = function (props) {
                         React.createElement(List.Item, { value: "/autocomplete" }, "AutoComplete"),
                         React.createElement(List.Item, { value: "/toggle" }, "Toggle"),
                         React.createElement(List.Item, { value: "/button" }, "Button"),
+                        React.createElement(List.Item, { value: "/multiselect" }, "Multi Select"),
                         React.createElement(List.Item, { value: "/input" }, "Input"),
                         React.createElement(List.Item, { value: "/calendar" }, "Calendar")),
                     React.createElement(List.Item, { icon: React.createElement(Icons.calendar, null), title: "Navigation Tree" },
@@ -56,6 +58,7 @@ export var Example = function (props) {
                     React.createElement(Route, { path: "icons", element: React.createElement(IconsRoute, null) }),
                     React.createElement(Route, { path: "toggle", element: React.createElement(ToggleRoute, null) }),
                     React.createElement(Route, { path: "button", element: React.createElement(ButtonRoute, null) }),
+                    React.createElement(Route, { path: "multiselect", element: React.createElement(MultiSelectRoute, null) }),
                     React.createElement(Route, { path: "lang", element: React.createElement(LangRoute, null) }),
                     React.createElement(Route, { path: "loading", element: React.createElement(LoadingRoute, null) }),
                     React.createElement(Route, { path: "calendar", element: React.createElement(CalendarRoute, null) }),

package/release/esm/examples/example.js.map

@@ -1 +1 @@
-{"version":3,"file":"example.js","sourceRoot":"","sources":["../../../source/examples/example.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"example.js","sourceRoot":"","sources":["../../../source/examples/example.tsx"],"names":[],"mappings":"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"}

package/release/esm/examples/routes/multiselect.route.js

@@ -0,0 +1,18 @@
+import React, { useState } from "react";
+import { Card } from "../../components/Card";
+import { Divider } from "../../components/Divider";
+import { MultiSelect } from "../../components/MultiSelect/multiselect";
+import { Icons } from "../../components/Icons";
+export var MultiSelectRoute = function (props) {
+    var _a = useState(["en", "de"]), list = _a[0], setList = _a[1];
+    return (React.createElement(Card, { borderless: true, padding: 0 },
+        React.createElement(Divider, null, "Overlay"),
+        React.createElement(Card, null,
+            React.createElement(MultiSelect, { value: list, suggestions: [
+                    { value: "en", title: "English", icon: React.createElement(Icons.user, null) },
+                    { value: "ru", title: "Russian", icon: React.createElement(Icons.user, null) },
+                    { value: "ch", title: "Chinese" },
+                    { value: "de", title: "German" },
+                ], placeholder: "Start typying here", onChange: function (e) { return setList(e.value); } }))));
+};
+//# sourceMappingURL=multiselect.route.js.map

package/release/esm/examples/routes/multiselect.route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect.route.js","sourceRoot":"","sources":["../../../../source/examples/routes/multiselect.route.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAW,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAE,KAAK;IAElC,IAAA,KAAoB,QAAQ,CAAC,CAAE,IAAI,EAAE,IAAI,CAAE,CAAC,EAA1C,IAAI,QAAA,EAAE,OAAO,QAA6B,CAAC;IAEjD,OAAO,CACN,oBAAC,IAAI,IAAC,UAAU,QAAC,OAAO,EAAG,CAAC;QAC3B,oBAAC,OAAO,kBAAkB;QAE1B,oBAAC,IAAI;YACJ,oBAAC,WAAW,IACX,KAAK,EAAG,IAAI,EACZ,WAAW,EAAE;oBACZ,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAC,KAAK,CAAC,IAAI,OAAE,EAAE;oBACtD,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAC,KAAK,CAAC,IAAI,OAAE,EAAE;oBACtD,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;oBACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;iBAChC,EACD,WAAW,EAAG,oBAAoB,EAClC,QAAQ,EAAE,UAAE,CAAC,IAAM,OAAA,OAAO,CAAE,CAAC,CAAC,KAAK,CAAE,EAAlB,CAAkB,GACpC,CACI,CAED,CACP,CAAC;AACH,CAAC,CAAC"}

package/release/esm/index.js

@@ -54,6 +54,8 @@ import { Toggle } from "./components/Toggle/toggle";
 export { Toggle };
 import { Button } from "./components/Button/button";
 export { Button };
+import { MultiSelect } from "./components/MultiSelect/multiselect";
+export { MultiSelect };
 import { AutoComplete } from "./components/AutoComplete";
 export { AutoComplete };
 //# sourceMappingURL=index.js.map

package/release/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../source/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../source/index.ts"],"names":[],"mappings":"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"}

package/types/components/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,3 @@
+import "./multiselect.scss";
+export declare const MultiSelect: (props: any) => any;
+//# sourceMappingURL=multiselect.d.ts.map

package/types/components/MultiSelect/MultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect.d.ts","sourceRoot":"","sources":["../../../source/components/MultiSelect/multiselect.tsx"],"names":[],"mappings":"AAKA,OAAO,oBAAoB,CAAA;AAE3B,eAAO,MAAM,WAAW,qBAmIvB,CAAC"}

package/types/examples/example.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"example.d.ts","sourceRoot":"","sources":["../../source/examples/example.tsx"],"names":[],"mappings":"AAqCA,eAAO,MAAM,OAAO,qBAqEnB,CAAC"}
+{"version":3,"file":"example.d.ts","sourceRoot":"","sources":["../../source/examples/example.tsx"],"names":[],"mappings":"AAsCA,eAAO,MAAM,OAAO,qBAuEnB,CAAC"}

package/types/examples/routes/multiselect.route.d.ts

@@ -0,0 +1,2 @@
+export declare const MultiSelectRoute: (props: any) => any;
+//# sourceMappingURL=multiselect.route.d.ts.map

package/types/examples/routes/multiselect.route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect.route.d.ts","sourceRoot":"","sources":["../../../source/examples/routes/multiselect.route.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,gBAAgB,qBAwB5B,CAAC"}

package/types/index.d.ts

@@ -52,6 +52,8 @@ import { Toggle } from "./components/Toggle/toggle";
 export { Toggle };
 import { Button } from "./components/Button/button";
 export { Button };
+import { MultiSelect } from "./components/MultiSelect/multiselect";
+export { MultiSelect };
 import { AutoComplete } from "./components/AutoComplete";
 export { AutoComplete };
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../source/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,OAAO,MAAM,MAAM,kBAAkB,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,OAAO,MAAM,MAAM,kBAAkB,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AACxF,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,OAAO,EACN,IAAI,EACJ,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,iBAAiB,EACzG,mBAAmB,EACnB,iBAAiB,EACjB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EACN,IAAI,EACJ,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,iBAAiB,EACzG,mBAAmB,EACnB,iBAAiB,EACjB,CAAC;AACF,OAAO,KAAK,MAAM,iBAAiB,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,CAAC;AAGjB,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAEvB,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../source/index.ts"],"names":[],"mappings":"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"}