@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.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -7,8 +7,6 @@ var styled = require('styled-components');
|
|
|
7
7
|
var styled__default = _interopDefault(styled);
|
|
8
8
|
var semanticUiReact = require('semantic-ui-react');
|
|
9
9
|
var reactDom = require('react-dom');
|
|
10
|
-
var reactCalendar = require('react-calendar');
|
|
11
|
-
var reactCalendar__default = _interopDefault(reactCalendar);
|
|
12
10
|
|
|
13
11
|
function _extends() {
|
|
14
12
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -12210,7 +12208,7 @@ var EllipsisContainer$1 = function EllipsisContainer$1(props) {
|
|
|
12210
12208
|
}));
|
|
12211
12209
|
};
|
|
12212
12210
|
|
|
12213
|
-
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;
|
|
12211
|
+
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;
|
|
12214
12212
|
var IconContainer = styled__default.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) {
|
|
12215
12213
|
var onClick = _ref.onClick,
|
|
12216
12214
|
disabled = _ref.disabled;
|
|
@@ -12246,8 +12244,12 @@ var Input = styled__default.input(_templateObject4$3 || (_templateObject4$3 = _t
|
|
|
12246
12244
|
}, function (_ref8) {
|
|
12247
12245
|
var theme = _ref8.theme,
|
|
12248
12246
|
paddingless = _ref8.paddingless;
|
|
12249
|
-
|
|
12250
|
-
|
|
12247
|
+
|
|
12248
|
+
if (paddingless) {
|
|
12249
|
+
return styled.css(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n padding: 0;\n "])));
|
|
12250
|
+
}
|
|
12251
|
+
|
|
12252
|
+
return styled.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);
|
|
12251
12253
|
}, function (_ref9) {
|
|
12252
12254
|
var theme = _ref9.theme,
|
|
12253
12255
|
invalid = _ref9.invalid,
|
|
@@ -12258,23 +12260,23 @@ var Input = styled__default.input(_templateObject4$3 || (_templateObject4$3 = _t
|
|
|
12258
12260
|
var theme = _ref10.theme,
|
|
12259
12261
|
invalid = _ref10.invalid;
|
|
12260
12262
|
var color = invalid ? theme.getColor('warningRed', 5) : theme.colors.white;
|
|
12261
|
-
return styled.css(
|
|
12263
|
+
return styled.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);
|
|
12262
12264
|
}, function (_ref11) {
|
|
12263
12265
|
var arrows = _ref11.arrows;
|
|
12264
12266
|
if (arrows) return;
|
|
12265
|
-
return styled.css(
|
|
12267
|
+
return styled.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 "])));
|
|
12266
12268
|
}, function (_ref12) {
|
|
12267
12269
|
var readOnly = _ref12.readOnly,
|
|
12268
12270
|
onClick = _ref12.onClick,
|
|
12269
12271
|
disabled = _ref12.disabled;
|
|
12270
12272
|
if (readOnly || !onClick || disabled) return;
|
|
12271
|
-
return styled.css(
|
|
12273
|
+
return styled.css(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12272
12274
|
});
|
|
12273
|
-
var InputContainer = styled__default.div(
|
|
12275
|
+
var InputContainer = styled__default.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: ", ";\n"])), function (_ref13) {
|
|
12274
12276
|
var width = _ref13.width;
|
|
12275
12277
|
return width || '100%';
|
|
12276
12278
|
});
|
|
12277
|
-
var Label = styled__default.label(
|
|
12279
|
+
var Label = styled__default.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) {
|
|
12278
12280
|
var theme = _ref14.theme;
|
|
12279
12281
|
return theme.useTypography('p');
|
|
12280
12282
|
}, function (_ref15) {
|
|
@@ -12286,7 +12288,7 @@ var Label = styled__default.label(_templateObject12$1 || (_templateObject12$1 =
|
|
|
12286
12288
|
}, function (_ref17) {
|
|
12287
12289
|
var disabled = _ref17.disabled;
|
|
12288
12290
|
if (!disabled) return;
|
|
12289
|
-
return styled.css(
|
|
12291
|
+
return styled.css(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
12290
12292
|
}, InputContainer, IconContainer, function (_ref18) {
|
|
12291
12293
|
var theme = _ref18.theme,
|
|
12292
12294
|
paddingless = _ref18.paddingless;
|
|
@@ -12296,7 +12298,7 @@ var Label = styled__default.label(_templateObject12$1 || (_templateObject12$1 =
|
|
|
12296
12298
|
disabled = _ref19.disabled,
|
|
12297
12299
|
loading = _ref19.loading;
|
|
12298
12300
|
if (loading || readOnly || disabled) return;
|
|
12299
|
-
return styled.css(
|
|
12301
|
+
return styled.css(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12300
12302
|
}, function (_ref20) {
|
|
12301
12303
|
var theme = _ref20.theme,
|
|
12302
12304
|
icon = _ref20.icon,
|
|
@@ -12307,18 +12309,18 @@ var Label = styled__default.label(_templateObject12$1 || (_templateObject12$1 =
|
|
|
12307
12309
|
var padding = paddingless ? '0px' : theme.spacings.s3;
|
|
12308
12310
|
|
|
12309
12311
|
if (position === 'right') {
|
|
12310
|
-
return styled.css(
|
|
12312
|
+
return styled.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);
|
|
12311
12313
|
}
|
|
12312
12314
|
|
|
12313
|
-
return styled.css(
|
|
12315
|
+
return styled.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);
|
|
12314
12316
|
});
|
|
12315
|
-
var LabelText = styled__default.div(
|
|
12317
|
+
var LabelText = styled__default.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref21) {
|
|
12316
12318
|
var theme = _ref21.theme;
|
|
12317
12319
|
return theme.spacings.s1;
|
|
12318
12320
|
}, function (_ref22) {
|
|
12319
12321
|
var required = _ref22.required;
|
|
12320
12322
|
if (!required) return;
|
|
12321
|
-
return styled.css(
|
|
12323
|
+
return styled.css(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
12322
12324
|
});
|
|
12323
12325
|
|
|
12324
12326
|
var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
@@ -12869,11 +12871,12 @@ var MenuComponent = function MenuComponent(props, ref) {
|
|
|
12869
12871
|
position: 'left center',
|
|
12870
12872
|
inverted: true,
|
|
12871
12873
|
wide: true,
|
|
12872
|
-
popperModifiers: {
|
|
12873
|
-
|
|
12874
|
+
popperModifiers: [{
|
|
12875
|
+
name: 'preventOverflow',
|
|
12876
|
+
options: {
|
|
12874
12877
|
boundariesElement: 'window'
|
|
12875
12878
|
}
|
|
12876
|
-
}
|
|
12879
|
+
}]
|
|
12877
12880
|
}, rule, {
|
|
12878
12881
|
trigger: React__default.createElement("div", null, children)
|
|
12879
12882
|
}));
|
|
@@ -15405,16 +15408,17 @@ var LabelContainer$2 = styled__default.div(_templateObject2$k || (_templateObjec
|
|
|
15405
15408
|
var theme = _ref2.theme;
|
|
15406
15409
|
return theme.spacings.s3;
|
|
15407
15410
|
});
|
|
15408
|
-
var Container$5 = styled__default.div(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n position: absolute;\n
|
|
15411
|
+
var Container$5 = styled__default.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) {
|
|
15409
15412
|
var theme = _ref3.theme,
|
|
15410
15413
|
iconWidth = _ref3.iconWidth,
|
|
15411
15414
|
paddingless = _ref3.paddingless;
|
|
15415
|
+
var borderwidth = 1;
|
|
15412
15416
|
|
|
15413
15417
|
if (paddingless) {
|
|
15414
|
-
return styled.css(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n width: calc(100% -
|
|
15418
|
+
return styled.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);
|
|
15415
15419
|
}
|
|
15416
15420
|
|
|
15417
|
-
return styled.css(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n width: calc(100% -
|
|
15421
|
+
return styled.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);
|
|
15418
15422
|
}, function (_ref4) {
|
|
15419
15423
|
var invalid = _ref4.invalid,
|
|
15420
15424
|
theme = _ref4.theme;
|
|
@@ -15627,7 +15631,7 @@ var Switch = function Switch(props) {
|
|
|
15627
15631
|
})), React__default.createElement("span", null), label.after && React__default.createElement(LabelContainer$3, null, label.after));
|
|
15628
15632
|
};
|
|
15629
15633
|
|
|
15630
|
-
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$
|
|
15634
|
+
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;
|
|
15631
15635
|
var bullet = styled.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) {
|
|
15632
15636
|
var theme = _ref.theme;
|
|
15633
15637
|
return theme.spacings.s4;
|
|
@@ -15715,7 +15719,7 @@ var SelectedArea = styled__default.div(_templateObject17$2 || (_templateObject17
|
|
|
15715
15719
|
return percent;
|
|
15716
15720
|
});
|
|
15717
15721
|
var MarkersContainer = styled__default.div(_templateObject18$2 || (_templateObject18$2 = _taggedTemplateLiteralLoose(["\n height: 17px;\n"])));
|
|
15718
|
-
var Marker = styled__default.div(_templateObject19$
|
|
15722
|
+
var Marker = styled__default.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) {
|
|
15719
15723
|
var left = _ref22.left;
|
|
15720
15724
|
return left;
|
|
15721
15725
|
}, function (_ref23) {
|
|
@@ -19108,15 +19112,6 @@ Object.keys(semanticUiReact).forEach(function (k) {
|
|
|
19108
19112
|
}
|
|
19109
19113
|
});
|
|
19110
19114
|
});
|
|
19111
|
-
Object.keys(reactCalendar).forEach(function (k) {
|
|
19112
|
-
if (k !== 'default') Object.defineProperty(exports, k, {
|
|
19113
|
-
enumerable: true,
|
|
19114
|
-
get: function () {
|
|
19115
|
-
return reactCalendar[k];
|
|
19116
|
-
}
|
|
19117
|
-
});
|
|
19118
|
-
});
|
|
19119
|
-
exports.ReactCalendar = reactCalendar;
|
|
19120
19115
|
exports.MwAbsoluteContainer = AbsoluteContainer;
|
|
19121
19116
|
exports.MwAppliedFilters = AppliedFilters;
|
|
19122
19117
|
exports.MwButton = Button$1;
|