@mw-kit/mw-ui 1.7.31 → 1.7.33

package/dist/index.js

@@ -15954,56 +15954,63 @@ var parse = function parse(value) {
   });
 };
 
-var _templateObject$s, _templateObject2$n, _templateObject3$j, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$7, _templateObject11$5;
+var _templateObject$s, _templateObject2$n, _templateObject3$j, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$7, _templateObject11$5, _templateObject12$4;
 var RelativeContainer$5 = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n  position: relative;\n  user-select: none;\n  min-width: 220px;\n\n  > input,\n  > label > input {\n    color: transparent;\n    background-color: transparent;\n    width: 1px;\n    height: 1px;\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    border: 0;\n    padding: 0;\n    overflow: hidden;\n    outline: none;\n    box-shadow: none;\n  }\n"])));
-var LabelContainer$5 = styled__default.div(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n  ", "\n  line-height: 17px;\n  flex: 1;\n  text-align: center;\n\n  ", ";\n"])), function (_ref) {
+var LabelContainer$5 = styled__default.div(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n  ", "\n  line-height: 17px;\n  flex: 1;\n\n  :first-child {\n    text-align: left;\n  }\n  :not(:first-child) {\n    text-align: center;\n  }\n\n  ", "\n\n  ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.useTypography('p');
 }, function (_ref2) {
-  var onClick = _ref2.onClick;
+  var children = _ref2.children;
+  if (children) return;
+  return styled.css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n      :after {\n        content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n        color: ", ";\n      }\n    "])), function (_ref3) {
+    var theme = _ref3.theme;
+    return theme.colors.darkGrey;
+  });
+}, function (_ref4) {
+  var onClick = _ref4.onClick;
   if (!onClick) return;
-  return styled.css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n      :not(:disabled) {\n        cursor: pointer;\n      }\n    "])));
+  return styled.css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n      :not(:disabled) {\n        cursor: pointer;\n      }\n    "])));
 });
-var Container$6 = styled__default.div(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  white-space: nowrap;\n  gap: ", ";\n  border-width: 1px;\n  border-style: solid;\n  border-color: ", ";\n\n  width: 100%;\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), function (_ref3) {
-  var theme = _ref3.theme;
+var Container$6 = styled__default.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  white-space: nowrap;\n  gap: ", ";\n  border-width: 1px;\n  border-style: solid;\n  border-color: ", ";\n\n  width: 100%;\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), function (_ref5) {
+  var theme = _ref5.theme;
   return theme.spacings.s1;
-}, function (_ref4) {
-  var theme = _ref4.theme,
-      invalid = _ref4.invalid,
-      borderless = _ref4.borderless;
+}, function (_ref6) {
+  var theme = _ref6.theme,
+      invalid = _ref6.invalid,
+      borderless = _ref6.borderless;
   if (borderless) return 'transparent';
   return invalid ? theme.colors.warningRed : theme.colors.lightGrey;
-}, function (_ref5) {
-  var theme = _ref5.theme,
-      invalid = _ref5.invalid;
-
-  var _ref6 = invalid ? [theme.getColor('warningRed', 5), theme.colors.warningRed] : [theme.colors.white, theme.colors.darkBlue],
-      bgColor = _ref6[0],
-      color = _ref6[1];
-
-  return styled.css(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      background-color: ", ";\n      /** google chrome blue background */\n      -webkit-box-shadow: 0 0 0px 1000px ", " inset !important;\n    "])), color, bgColor, bgColor);
 }, function (_ref7) {
   var theme = _ref7.theme,
-      paddingless = _ref7.paddingless;
+      invalid = _ref7.invalid;
+
+  var _ref8 = invalid ? [theme.getColor('warningRed', 5), theme.colors.warningRed] : [theme.colors.white, theme.colors.darkBlue],
+      bgColor = _ref8[0],
+      color = _ref8[1];
+
+  return styled.css(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      background-color: ", ";\n      /** google chrome blue background */\n      -webkit-box-shadow: 0 0 0px 1000px ", " inset !important;\n    "])), color, bgColor, bgColor);
+}, function (_ref9) {
+  var theme = _ref9.theme,
+      paddingless = _ref9.paddingless;
   if (paddingless) return;
-  return styled.css(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n      padding: ", " ", " ", "\n        ", ";\n    "])), theme.spacings.s2, theme.spacings.s1, theme.spacings.s2, theme.spacings.s3);
-}, function (_ref8) {
-  var disabled = _ref8.disabled;
+  return styled.css(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n      padding: ", " ", " ", "\n        ", ";\n    "])), theme.spacings.s2, theme.spacings.s1, theme.spacings.s2, theme.spacings.s3);
+}, function (_ref10) {
+  var disabled = _ref10.disabled;
   if (!disabled) return;
-  return styled.css(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n      opacity: 0.5;\n    "])));
+  return styled.css(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n      opacity: 0.5;\n    "])));
 });
-var Button$4 = styled__default.button(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  background-color: transparent;\n  border: none;\n  padding: 0;\n  box-shadow: none;\n\n  ", ";\n"])), function (_ref9) {
-  var onClick = _ref9.onClick;
+var Button$4 = styled__default.button(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  background-color: transparent;\n  border: none;\n  padding: 0;\n  box-shadow: none;\n\n  ", ";\n"])), function (_ref11) {
+  var onClick = _ref11.onClick;
   if (!onClick) return;
-  return styled.css(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["\n      :not(:disabled) {\n        cursor: pointer;\n      }\n    "])));
+  return styled.css(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n      :not(:disabled) {\n        cursor: pointer;\n      }\n    "])));
 });
-var LabelText$1 = styled__default.label(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n  display: inline-block;\n  margin-bottom: ", ";\n\n  ", "\n"])), function (_ref10) {
-  var theme = _ref10.theme;
+var LabelText$1 = styled__default.label(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteralLoose(["\n  display: inline-block;\n  margin-bottom: ", ";\n\n  ", "\n"])), function (_ref12) {
+  var theme = _ref12.theme;
   return theme.spacings.s1;
-}, function (_ref11) {
-  var required = _ref11.required;
+}, function (_ref13) {
+  var required = _ref13.required;
   if (!required) return;
-  return styled.css(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteralLoose(["\n      :after {\n        content: ' *';\n      }\n    "])));
+  return styled.css(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteralLoose(["\n      :after {\n        content: ' *';\n      }\n    "])));
 });
 
 var Component$1 = React__default.forwardRef(function (props, ref) {
@@ -16119,9 +16126,9 @@ var Component$1 = React__default.forwardRef(function (props, ref) {
   }, function () {
     var label = React__default.createElement(LabelContainer$5, {
       onClick: onClick
-    }, value.some(function (v) {
+    }, !value.some(function (v) {
       return !isDateInstance(v);
-    }) ? '--/--/-- (--:--) à --/--/-- (--:--)' : config.label(value));
+    }) && config.label(value));
     if (intervalType === 'custom') return label;
     var incrementProps = getArrowProps('increment');
     var decrementProps = getArrowProps('decrement');
@@ -16143,15 +16150,16 @@ var Component$1 = React__default.forwardRef(function (props, ref) {
       icon: 'chevron_right',
       color: props.invalid ? 'warningRed' : 'grey',
       strokeWidth: '3px'
-    })), React__default.createElement(Button$4, {
-      onClick: onClick
-    }, React__default.createElement(Icon, {
-      type: 'feather',
-      icon: 'calendar',
-      color: props.invalid ? 'warningRed' : 'grey',
-      width: '24px'
     })));
-  }()), React__default.createElement(Menu, {
+  }(), React__default.createElement(Button$4, {
+    type: 'button',
+    onClick: onClick
+  }, React__default.createElement(Icon, {
+    type: 'feather',
+    icon: 'calendar',
+    color: props.invalid ? 'warningRed' : 'grey',
+    width: '24px'
+  }))), React__default.createElement(Menu, {
     open: open === 'menu',
     close: function close() {
       return setOpen(null);
@@ -17467,7 +17475,7 @@ var useContext$2 = function useContext() {
   return React__default.useContext(Provider$2);
 };
 
-var _templateObject$D, _templateObject2$t, _templateObject3$o, _templateObject4$i, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$9, _templateObject11$6, _templateObject12$4, _templateObject13$3, _templateObject14$3, _templateObject15$2;
+var _templateObject$D, _templateObject2$t, _templateObject3$o, _templateObject4$i, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$9, _templateObject11$6, _templateObject12$5, _templateObject13$3, _templateObject14$3, _templateObject15$2;
 var aligns = {
   self: {
     horizontal: {
@@ -17564,7 +17572,7 @@ var Col = styled__default.div(_templateObject$D || (_templateObject$D = _taggedT
       theme = _ref6.theme;
   if (fontColor === undefined) return;
   var c = Array.isArray(fontColor) ? theme.getColor.apply(theme, fontColor) : theme.colors[fontColor];
-  return styled.css(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), c);
+  return styled.css(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), c);
 }, function (_ref7) {
   var backgroundColor = _ref7.backgroundColor,
       theme = _ref7.theme;