@mailstep/design-system 0.7.25-beta.5 → 0.7.25-beta.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.7.25-beta.5",
+  "version": "0.7.25-beta.6",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",
@@ -92,7 +92,7 @@
     "react-router": "^5.1.2",
     "react-router-dom": "^5.1.2",
     "react-script": "^2.0.5",
-    "react-select": "^5.8.0",
+    "react-select": "^5.10.0",
     "react-use-draggable-scroll": "^0.4.7",
     "redux": ">=4.0.5",
     "reselect": "5.0.0-alpha.2",
@@ -134,7 +134,7 @@
     "react-redux": ">=4.0.5",
     "react-router": "^5.1.2",
     "react-router-dom": "^5.1.2",
-    "react-select": "^5.8.0",
+    "react-select": "^5.10.0",
     "react-use-draggable-scroll": "^0.4.7",
     "redux": ">=4.0.5",
     "reselect": "5.0.0-alpha.2",

package/ui/Blocks/Scheduler/components/Groups/styles.js

@@ -12,5 +12,5 @@ export var GroupItem = styled.div(templateObject_2 || (templateObject_2 = __make
     var groupsCount = _a.groupsCount;
     return "calc((100% / ".concat(groupsCount, ") - (").concat(timeIntervalWidth, "px / ").concat(groupsCount, "))");
 }, th.color('lightGray6'));
-export var Gap = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100%;\n  width: ", "px;\n  border-right: 1px solid ", ";\n"], ["\n  background-color: ", ";\n  height: 100%;\n  width: ", "px;\n  border-right: 1px solid ", ";\n"])), th.color('bgLightGray1'), timeIntervalWidth, th.color('lightGray6'));
+export var Gap = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100%;\n  width: ", "px;\n  min-width: ", "px;\n  border-right: 1px solid ", ";\n"], ["\n  background-color: ", ";\n  height: 100%;\n  width: ", "px;\n  min-width: ", "px;\n  border-right: 1px solid ", ";\n"])), th.color('bgLightGray1'), timeIntervalWidth, timeIntervalWidth, th.color('lightGray6'));
 var templateObject_1, templateObject_2, templateObject_3;

package/ui/Blocks/Scheduler/components/TimeSlots/styles.js

@@ -18,7 +18,7 @@ export var EmptyTimeSlot = styled.div(templateObject_2 || (templateObject_2 = __
     var isSlotSelected = _a.isSlotSelected, activeTime = _a.activeTime;
     return (!isSlotSelected && activeTime ? th.color('blue10') : '');
 });
-export var TimeInterval = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 12px;\n  font-weight: 500;\n  height: ", "px;\n  width: ", "px;\n  border-right: 1px solid ", ";\n  padding: 10px;\n"], ["\n  font-size: 12px;\n  font-weight: 500;\n  height: ", "px;\n  width: ", "px;\n  border-right: 1px solid ", ";\n  padding: 10px;\n"])), minuteHeight * stepInMinutes, timeIntervalWidth, th.color('lightGray6'));
+export var TimeInterval = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 12px;\n  font-weight: 500;\n  height: ", "px;\n  width: ", "px;\n  border-right: 1px solid ", ";\n  padding: 10px;\n  min-width: ", "px;\n"], ["\n  font-size: 12px;\n  font-weight: 500;\n  height: ", "px;\n  width: ", "px;\n  border-right: 1px solid ", ";\n  padding: 10px;\n  min-width: ", "px;\n"])), minuteHeight * stepInMinutes, timeIntervalWidth, th.color('lightGray6'), timeIntervalWidth);
 export var TimeRow = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-color: ", ";\n  display: flex;\n  border-bottom: 1px solid ", ";\n"], ["\n  background-color: ", ";\n  display: flex;\n  border-bottom: 1px solid ", ";\n"])), function (_a) {
     var disabled = _a.disabled;
     return (disabled ? th.color('lightGray7') : 'white');

package/ui/Elements/AsyncSelect/AsyncSelect.d.ts

@@ -0,0 +1,12 @@
+import { type FC } from 'react';
+import { type Option } from '../Select/types';
+import { type SpaceAround } from '../SpaceAround';
+import { type AsyncProps } from 'react-select/async';
+export type AsyncSelectProps = {
+    name?: string;
+    error?: string;
+    label?: string;
+    spaceAround?: SpaceAround;
+    className?: string;
+} & AsyncProps<Option, boolean, any>;
+export declare const AsyncSelect: FC<AsyncSelectProps>;

package/ui/Elements/AsyncSelect/AsyncSelect.js

@@ -0,0 +1,31 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ErrorMessage from '../ErrorMessage/ErrorMessage';
+import { FieldLabel } from '../Label';
+import { StyledAsyncSelect, Wrapper } from '../Select/styles';
+import SpaceAroundWrap from '../SpaceAround';
+export var AsyncSelect = function (_a) {
+    var error = _a.error, label = _a.label, className = _a.className, spaceAround = _a.spaceAround, name = _a.name, props = __rest(_a, ["error", "label", "className", "spaceAround", "name"]);
+    return (_jsxs(SpaceAroundWrap, { spaceAround: spaceAround, className: className, children: [_jsxs(Wrapper, { children: [label && _jsx(FieldLabel, { htmlFor: name, children: label }), _jsx(StyledAsyncSelect, __assign({ id: name, name: name }, props))] }), error && _jsx(ErrorMessage, { children: error })] }));
+};

package/ui/Elements/AsyncSelect/index.d.ts

@@ -0,0 +1,3 @@
+import { AsyncSelect, type AsyncSelectProps } from './AsyncSelect';
+export default AsyncSelect;
+export type { AsyncSelectProps };

package/ui/Elements/AsyncSelect/index.js

@@ -0,0 +1,2 @@
+import { AsyncSelect } from './AsyncSelect';
+export default AsyncSelect;

package/ui/index.d.ts

@@ -11,6 +11,7 @@ import SideMenu from './Blocks/SideMenu';
 import Stepper from './Blocks/Stepper';
 import Tabs from './Blocks/Tabs';
 import Alert from './Elements/Alert';
+import AsyncSelect from './Elements/AsyncSelect';
 import Avatar from './Elements/Avatar';
 import Badge from './Elements/Badge';
 import BorderedBox from './Elements/BorderedBox';
@@ -45,7 +46,7 @@ import RadioButton from './Forms/RadioButton';
 import TextArea from './Forms/TextArea';
 import ThemeProvider from './ThemeProvider';
 import utils from './utils';
-export { DropdownSelect, DatePicker, CommonGrid, Popover, SingleSelect, MultiSelect, Select, Card, CornerDialog, ImageList, LightBox, Modal, Tabs, Alert, Avatar, Badge, BorderedBox, Button, Dropdown, ErrorMessage, Icon, Image, Label, Line, Link, Logo, Pagination, Portal, ProgressBar, SimpleLink, SpaceAround, Spinner, Tag, Toast, Toggle, Typography, Checkbox, Input, RadioButton, ThemeProvider, utils, TextArea, LoginPage, LanguageSwitch, SideMenu, Stepper, Scheduler };
+export { DropdownSelect, DatePicker, CommonGrid, Popover, SingleSelect, MultiSelect, Select, Card, CornerDialog, ImageList, LightBox, Modal, Tabs, Alert, Avatar, AsyncSelect, Badge, BorderedBox, Button, Dropdown, ErrorMessage, Icon, Image, Label, Line, Link, Logo, Pagination, Portal, ProgressBar, SimpleLink, SpaceAround, Spinner, Tag, Toast, Toggle, Typography, Checkbox, Input, RadioButton, ThemeProvider, utils, TextArea, LoginPage, LanguageSwitch, SideMenu, Stepper, Scheduler };
 export * from './Blocks/CornerDialog';
 export * from './Blocks/ImageList';
 export * from './Blocks/LightBox';
@@ -54,6 +55,7 @@ export * from './Blocks/Modal';
 export * from './Blocks/Tabs';
 export * from './Elements/Alert';
 export * from './Elements/Avatar';
+export * from './Elements/AsyncSelect';
 export * from './Elements/Badge';
 export * from './Elements/BorderedBox';
 export * from './Elements/Button';