@mw-kit/mw-ui 1.7.46 → 1.7.47

package/dist/components/Calendar/components/Basic/components/Main/styles.d.ts

@@ -1,11 +1,14 @@
 /// <reference types="react" />
+import { ColorOptions } from '../../../../../../theme/interfaces';
+import { DayAppearance } from '../../interfaces';
 export * from '../../styles';
 export declare const Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const WeekContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 interface DayContainerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     today: 1 | 0;
-    appearance?: 'active' | 'highlight' | 'disabled';
+    appearance?: DayAppearance;
+    activeColor: ColorOptions;
 }
 export declare const DayContainer: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, DayContainerProps, never>;
 export declare const DayIndicator: import("styled-components").StyledComponent<(props: Partial<import("../../../../../Indicator/interfaces").IndicatorProps>) => JSX.Element, import("styled-components").DefaultTheme, {

package/dist/components/Calendar/components/Basic/interfaces.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { ReactNode } from '../../../../interfaces';
+import { ColorOptions } from '../../../../theme/interfaces';
 import { AbsoluteContainerProps } from '../../../AbsoluteContainer/interfaces';
 import { IndicatorProps } from '../../../Indicator/interfaces';
 export interface CalendarInterface {
@@ -7,13 +8,15 @@ export interface CalendarInterface {
     year: number;
     weeks: Date[][];
 }
+export declare type DayAppearance = 'active' | 'highlight' | 'disabled';
 export interface Common extends React.HTMLAttributes<HTMLDivElement> {
     label?: ReactNode;
     initialMonth?: Date;
     max?: Date;
     min?: Date;
     getDay: (date: Date) => {
-        appearance?: 'active' | 'highlight' | 'disabled';
+        appearance?: DayAppearance;
+        activeColor?: ColorOptions;
         onClick?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;

package/dist/index.js

@@ -12585,7 +12585,15 @@ var Checkbox = React__default.forwardRef(function (props, ref) {
       bordered = props.bordered;
   var htmlProps = filterObject(props, ['label', 'invalid', 'required', 'padding', 'bordered']);
 
-  var _ref = typeof props.label === 'function' ? [props.label] : [LabelContent, props.label],
+  var _ref = function () {
+    if (!props.label) {
+      return [function () {
+        return null;
+      }];
+    }
+
+    return typeof props.label === 'function' ? [props.label] : [LabelContent, props.label];
+  }(),
       LabelComponent = _ref[0],
       children = _ref[1];
 
@@ -12858,9 +12866,14 @@ var MenuComponent = function MenuComponent(props, ref) {
               var children = _ref2.children;
               return React__default.createElement(semanticUiReact.Popup, Object.assign({
                 on: 'click',
-                position: 'top left',
+                position: 'left center',
                 inverted: true,
-                wide: true
+                wide: true,
+                popperModifiers: {
+                  preventOverflow: {
+                    boundariesElement: 'window'
+                  }
+                }
               }, rule, {
                 trigger: React__default.createElement("div", null, children)
               }));
@@ -13081,6 +13094,7 @@ var Header = styled__default.div(_templateObject3$a || (_templateObject3$a = _ta
 var DayContainer = styled__default.button(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  overflow: hidden;\n\n  ", ";\n\n  ", "\n\n  :disabled {\n    color: ", ";\n  }\n\n  &,\n  :after {\n    transition-property: background-color, color, border-color;\n    transition-timing-function: ease-in-out;\n    transition-duration: 0.25s;\n  }\n\n  ", "\n"])), function (_ref8) {
   var theme = _ref8.theme,
       appearance = _ref8.appearance,
+      activeColor = _ref8.activeColor,
       onClick = _ref8.onClick;
 
   if (!onClick) {
@@ -13096,9 +13110,9 @@ var DayContainer = styled__default.button(_templateObject4$8 || (_templateObject
   } else if (appearance === 'highlight') {
     return styled.css(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        ", "\n      "])), theme.getColor('blue', 30), hover('blue'));
   } else if (appearance === 'active') {
-    return styled.css(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        color: ", ";\n        :not(:last-child) {\n          border-right-color: ", ";\n        }\n        ", "\n      "])), theme.colors.blue, theme.colors.white, function (_ref9) {
+    return styled.css(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        color: ", ";\n        :not(:last-child) {\n          border-right-color: ", ";\n        }\n        ", "\n      "])), theme.colors[activeColor], theme.colors.white, function (_ref9) {
       var theme = _ref9.theme;
-      return theme.colors.blue;
+      return theme.colors[activeColor];
     }, hover('white'));
   }
 
@@ -13542,6 +13556,7 @@ var Main = React__default.forwardRef(function (props, ref) {
         onMouseOut: onMouseOut,
         disabled: disabled,
         appearance: appearance,
+        activeColor: details.activeColor || 'blue',
         today: dateCompare(new Date(), date, 'eq', false) ? 1 : 0
       }, day, details.indicator && React__default.createElement(DayIndicator, {
         type: details.indicator