@mw-kit/mw-ui 1.7.50 → 1.7.52
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.
- package/dist/index.d.ts +0 -2
- package/dist/index.js +28 -33
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +28 -24
- package/dist/index.modern.js.map +1 -1
- package/package.json +4 -5
package/dist/index.modern.js
CHANGED
|
@@ -4,8 +4,6 @@ import styled, { css, keyframes, createGlobalStyle, ThemeProvider as ThemeProvid
|
|
|
4
4
|
import { Icon as Icon$1, Popup } from 'semantic-ui-react';
|
|
5
5
|
export * from 'semantic-ui-react';
|
|
6
6
|
import { createPortal } from 'react-dom';
|
|
7
|
-
export * from 'react-calendar';
|
|
8
|
-
export { default as ReactCalendar } from 'react-calendar';
|
|
9
7
|
|
|
10
8
|
function _extends() {
|
|
11
9
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -12207,7 +12205,7 @@ var EllipsisContainer$1 = function EllipsisContainer$1(props) {
|
|
|
12207
12205
|
}));
|
|
12208
12206
|
};
|
|
12209
12207
|
|
|
12210
|
-
var _templateObject$5, _templateObject2$5, _templateObject3$5, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
|
|
12208
|
+
var _templateObject$5, _templateObject2$5, _templateObject3$5, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1;
|
|
12211
12209
|
var IconContainer = styled.button(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 17px;\n\n background-color: transparent;\n border: none;\n box-shadow: none;\n padding: 0;\n\n ", "\n"])), function (_ref) {
|
|
12212
12210
|
var onClick = _ref.onClick,
|
|
12213
12211
|
disabled = _ref.disabled;
|
|
@@ -12243,8 +12241,12 @@ var Input = styled.input(_templateObject4$3 || (_templateObject4$3 = _taggedTemp
|
|
|
12243
12241
|
}, function (_ref8) {
|
|
12244
12242
|
var theme = _ref8.theme,
|
|
12245
12243
|
paddingless = _ref8.paddingless;
|
|
12246
|
-
|
|
12247
|
-
|
|
12244
|
+
|
|
12245
|
+
if (paddingless) {
|
|
12246
|
+
return css(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n padding: 0;\n "])));
|
|
12247
|
+
}
|
|
12248
|
+
|
|
12249
|
+
return css(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n padding: ", " ", ";\n ~ ", " {\n padding: ", " ", ";\n }\n "])), theme.spacings.s2, theme.spacings.s3, ChildrenContainer, theme.spacings.s2, theme.spacings.s3);
|
|
12248
12250
|
}, function (_ref9) {
|
|
12249
12251
|
var theme = _ref9.theme,
|
|
12250
12252
|
invalid = _ref9.invalid,
|
|
@@ -12255,23 +12257,23 @@ var Input = styled.input(_templateObject4$3 || (_templateObject4$3 = _taggedTemp
|
|
|
12255
12257
|
var theme = _ref10.theme,
|
|
12256
12258
|
invalid = _ref10.invalid;
|
|
12257
12259
|
var color = invalid ? theme.getColor('warningRed', 5) : theme.colors.white;
|
|
12258
|
-
return css(
|
|
12260
|
+
return css(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n /** google chrome blue background */\n -webkit-box-shadow: 0 0 0px 1000px ", " inset !important;\n "])), color, color);
|
|
12259
12261
|
}, function (_ref11) {
|
|
12260
12262
|
var arrows = _ref11.arrows;
|
|
12261
12263
|
if (arrows) return;
|
|
12262
|
-
return css(
|
|
12264
|
+
return css(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n /* Chrome, Safari, Edge, Opera */\n :-webkit-outer-spin-button,\n :-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n /* Firefox */\n -moz-appearance: textfield;\n "])));
|
|
12263
12265
|
}, function (_ref12) {
|
|
12264
12266
|
var readOnly = _ref12.readOnly,
|
|
12265
12267
|
onClick = _ref12.onClick,
|
|
12266
12268
|
disabled = _ref12.disabled;
|
|
12267
12269
|
if (readOnly || !onClick || disabled) return;
|
|
12268
|
-
return css(
|
|
12270
|
+
return css(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12269
12271
|
});
|
|
12270
|
-
var InputContainer = styled.div(
|
|
12272
|
+
var InputContainer = styled.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: ", ";\n"])), function (_ref13) {
|
|
12271
12273
|
var width = _ref13.width;
|
|
12272
12274
|
return width || '100%';
|
|
12273
12275
|
});
|
|
12274
|
-
var Label = styled.label(
|
|
12276
|
+
var Label = styled.label(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n width: ", ";\n box-sizing: border-box;\n display: block;\n\n ", "\n\n > ", " > ", " {\n bottom: ", ";\n }\n\n ", "\n\n ", "\n"])), function (_ref14) {
|
|
12275
12277
|
var theme = _ref14.theme;
|
|
12276
12278
|
return theme.useTypography('p');
|
|
12277
12279
|
}, function (_ref15) {
|
|
@@ -12283,7 +12285,7 @@ var Label = styled.label(_templateObject12$1 || (_templateObject12$1 = _taggedTe
|
|
|
12283
12285
|
}, function (_ref17) {
|
|
12284
12286
|
var disabled = _ref17.disabled;
|
|
12285
12287
|
if (!disabled) return;
|
|
12286
|
-
return css(
|
|
12288
|
+
return css(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
12287
12289
|
}, InputContainer, IconContainer, function (_ref18) {
|
|
12288
12290
|
var theme = _ref18.theme,
|
|
12289
12291
|
paddingless = _ref18.paddingless;
|
|
@@ -12293,7 +12295,7 @@ var Label = styled.label(_templateObject12$1 || (_templateObject12$1 = _taggedTe
|
|
|
12293
12295
|
disabled = _ref19.disabled,
|
|
12294
12296
|
loading = _ref19.loading;
|
|
12295
12297
|
if (loading || readOnly || disabled) return;
|
|
12296
|
-
return css(
|
|
12298
|
+
return css(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12297
12299
|
}, function (_ref20) {
|
|
12298
12300
|
var theme = _ref20.theme,
|
|
12299
12301
|
icon = _ref20.icon,
|
|
@@ -12304,18 +12306,18 @@ var Label = styled.label(_templateObject12$1 || (_templateObject12$1 = _taggedTe
|
|
|
12304
12306
|
var padding = paddingless ? '0px' : theme.spacings.s3;
|
|
12305
12307
|
|
|
12306
12308
|
if (position === 'right') {
|
|
12307
|
-
return css(
|
|
12309
|
+
return css(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteralLoose(["\n > ", " > ", " {\n width: ", ";\n right: calc(", " / 2);\n }\n\n > ", " > ", " {\n padding-right: calc(", " + ", ");\n ~ ", " {\n padding-right: calc(", " + ", ");\n }\n }\n "])), InputContainer, IconContainer, width, padding, InputContainer, Input, padding, width, ChildrenContainer, padding, width);
|
|
12308
12310
|
}
|
|
12309
12311
|
|
|
12310
|
-
return css(
|
|
12312
|
+
return css(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteralLoose(["\n > ", " > ", " {\n width: ", ";\n left: calc(", " / 2);\n }\n\n > ", " > ", " {\n padding-left: calc(", " + ", ");\n ~ ", " {\n padding-left: calc(", " + ", ");\n }\n }\n "])), InputContainer, IconContainer, width, padding, InputContainer, Input, padding, width, ChildrenContainer, padding, width);
|
|
12311
12313
|
});
|
|
12312
|
-
var LabelText = styled.div(
|
|
12314
|
+
var LabelText = styled.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref21) {
|
|
12313
12315
|
var theme = _ref21.theme;
|
|
12314
12316
|
return theme.spacings.s1;
|
|
12315
12317
|
}, function (_ref22) {
|
|
12316
12318
|
var required = _ref22.required;
|
|
12317
12319
|
if (!required) return;
|
|
12318
|
-
return css(
|
|
12320
|
+
return css(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
12319
12321
|
});
|
|
12320
12322
|
|
|
12321
12323
|
var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
@@ -12866,11 +12868,12 @@ var MenuComponent = function MenuComponent(props, ref) {
|
|
|
12866
12868
|
position: 'left center',
|
|
12867
12869
|
inverted: true,
|
|
12868
12870
|
wide: true,
|
|
12869
|
-
popperModifiers: {
|
|
12870
|
-
|
|
12871
|
+
popperModifiers: [{
|
|
12872
|
+
name: 'preventOverflow',
|
|
12873
|
+
options: {
|
|
12871
12874
|
boundariesElement: 'window'
|
|
12872
12875
|
}
|
|
12873
|
-
}
|
|
12876
|
+
}]
|
|
12874
12877
|
}, rule, {
|
|
12875
12878
|
trigger: React__default.createElement("div", null, children)
|
|
12876
12879
|
}));
|
|
@@ -15402,16 +15405,17 @@ var LabelContainer$2 = styled.div(_templateObject2$k || (_templateObject2$k = _t
|
|
|
15402
15405
|
var theme = _ref2.theme;
|
|
15403
15406
|
return theme.spacings.s3;
|
|
15404
15407
|
});
|
|
15405
|
-
var Container$5 = styled.div(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n position: absolute;\n
|
|
15408
|
+
var Container$5 = styled.div(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 4px;\n\n ", "\n\n ", "\n\n ", "\n"])), function (_ref3) {
|
|
15406
15409
|
var theme = _ref3.theme,
|
|
15407
15410
|
iconWidth = _ref3.iconWidth,
|
|
15408
15411
|
paddingless = _ref3.paddingless;
|
|
15412
|
+
var borderwidth = 1;
|
|
15409
15413
|
|
|
15410
15414
|
if (paddingless) {
|
|
15411
|
-
return css(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n width: calc(100% -
|
|
15415
|
+
return css(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n bottom: ", "px;\n left: ", "px;\n width: calc(100% - ", "px - ", ");\n height: calc(17px + ", "px);\n "])), borderwidth, borderwidth, borderwidth * 2, iconWidth, borderwidth * 2);
|
|
15412
15416
|
}
|
|
15413
15417
|
|
|
15414
|
-
return css(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n width: calc(100% -
|
|
15418
|
+
return css(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n bottom: ", "px;\n left: ", "px;\n width: calc(\n 100% - ", "px - ", " - ", "\n );\n height: calc(31px + ", "px);\n padding: ", " 0 ", " ", ";\n "])), borderwidth, borderwidth, borderwidth * 2, iconWidth, theme.spacings.s3, borderwidth * 2, theme.spacings.s2, theme.spacings.s2, theme.spacings.s3);
|
|
15415
15419
|
}, function (_ref4) {
|
|
15416
15420
|
var invalid = _ref4.invalid,
|
|
15417
15421
|
theme = _ref4.theme;
|
|
@@ -15624,7 +15628,7 @@ var Switch = function Switch(props) {
|
|
|
15624
15628
|
})), React__default.createElement("span", null), label.after && React__default.createElement(LabelContainer$3, null, label.after));
|
|
15625
15629
|
};
|
|
15626
15630
|
|
|
15627
|
-
var _templateObject$q, _templateObject2$m, _templateObject3$i, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$a, _templateObject8$8, _templateObject9$8, _templateObject10$7, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$
|
|
15631
|
+
var _templateObject$q, _templateObject2$m, _templateObject3$i, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$a, _templateObject8$8, _templateObject9$8, _templateObject10$7, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$1;
|
|
15628
15632
|
var bullet = css(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n appearance: none;\n width: ", ";\n height: ", ";\n border-radius: 100%;\n border-width: 1px;\n border-style: solid;\n background-color: ", ";\n box-shadow: 0px 1px 3px ", ";\n"])), function (_ref) {
|
|
15629
15633
|
var theme = _ref.theme;
|
|
15630
15634
|
return theme.spacings.s4;
|
|
@@ -15712,7 +15716,7 @@ var SelectedArea = styled.div(_templateObject17$2 || (_templateObject17$2 = _tag
|
|
|
15712
15716
|
return percent;
|
|
15713
15717
|
});
|
|
15714
15718
|
var MarkersContainer = styled.div(_templateObject18$2 || (_templateObject18$2 = _taggedTemplateLiteralLoose(["\n height: 17px;\n"])));
|
|
15715
|
-
var Marker = styled.div(_templateObject19$
|
|
15719
|
+
var Marker = styled.div(_templateObject19$2 || (_templateObject19$2 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n width: 40px;\n text-align: center;\n left: ", ";\n z-index: 2;\n\n :first-child {\n left: 0;\n text-align: left;\n\n :after {\n left: 0;\n }\n }\n :last-child {\n right: 0;\n left: unset;\n text-align: right;\n\n :after {\n right: 0;\n left: unset;\n }\n }\n\n ", "\n"])), function (_ref22) {
|
|
15716
15720
|
var left = _ref22.left;
|
|
15717
15721
|
return left;
|
|
15718
15722
|
}, function (_ref23) {
|