@skedulo/sked-ui 19.20.0 → 19.21.1

package/dist/components/buttons/icon-button/IconButton.d.ts

@@ -6,6 +6,7 @@ interface IconButtonProps {
     icon: IconNames;
     tooltipContent: ITooltipProps['content'];
     tooltipDelay?: ITooltipProps['delayShow'];
+    disableTooltip?: boolean;
 }
 export declare type IIconButton = IconButtonProps & Partial<IButtonProps>;
 export declare const IconButton: React.FC<IIconButton>;

package/dist/components/calendar-controls/CalendarControls.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { IDateSelectorProps } from './elements/DateSelector';
+import { INavigationButtonProps } from './elements/NavigationButtons';
 import { IRangeProps, RangePicker, RangeType } from './elements/RangePicker';
 import { ValidationProps } from '../forms/elements/FormElements';
 export interface IBaseCalendarControlProps extends ValidationProps {
@@ -12,7 +13,7 @@ export interface IBaseCalendarControlProps extends ValidationProps {
      */
     selected?: Date;
 }
-export interface ICalendarControlProps extends React.HTMLAttributes<HTMLDivElement>, IBaseCalendarControlProps, IDateSelectorProps, IRangeProps {
+export interface ICalendarControlProps extends React.HTMLAttributes<HTMLDivElement>, IBaseCalendarControlProps, IDateSelectorProps, INavigationButtonProps, IRangeProps {
     /**
      * Whenever the user clicks the `Today` button this callback is triggered
      */
@@ -22,7 +23,7 @@ export declare function useCalendarControlsContext(): ICalendarControlProps;
 declare function CalendarControls(props: ICalendarControlProps): JSX.Element;
 declare namespace CalendarControls {
     var TodayButton: React.FC<import("./elements/TodayButton").ITodayButtonProps>;
-    var NavigationButtons: (props: import("./elements/DateSelector").IBaseDateSelectorProps) => JSX.Element;
+    var NavigationButtons: (props: INavigationButtonProps) => JSX.Element;
     var DateSelector: React.FC<IDateSelectorProps>;
     var RangePicker: React.FC<IRangeProps>;
 }

package/dist/components/calendar-controls/elements/NavigationButtons.d.ts

@@ -1,2 +1,5 @@
 import { IBaseDateSelectorProps } from './DateSelector';
-export declare const NavigationButtons: (props: IBaseDateSelectorProps) => JSX.Element;
+export interface INavigationButtonProps extends IBaseDateSelectorProps {
+    hideTooltipIfDisabled?: boolean;
+}
+export declare const NavigationButtons: (props: INavigationButtonProps) => JSX.Element;

package/dist/index.js

@@ -14344,17 +14344,24 @@ var IconButton = function IconButton(_ref) {
       buttonType = _ref.buttonType,
       className = _ref.className,
       tooltipDelay = _ref.tooltipDelay,
-      otherProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_ref, ["icon", "tooltipContent", "buttonType", "className", "tooltipDelay"]);
+      disableTooltip = _ref.disableTooltip,
+      otherProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_ref, ["icon", "tooltipContent", "buttonType", "className", "tooltipDelay", "disableTooltip"]);
+
+  var button = react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_button_Button__WEBPACK_IMPORTED_MODULE_5__["Button"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+    buttonType: buttonType || 'transparent',
+    className: classnames__WEBPACK_IMPORTED_MODULE_3___default()('sked-button--icon-only', className),
+    icon: icon
+  }, otherProps));
+
+  if (disableTooltip) {
+    return button;
+  }
 
   return react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_popups_tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_4__["Tooltip"], {
     content: tooltipContent,
     position: "top",
     delayShow: tooltipDelay
-  }, react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_button_Button__WEBPACK_IMPORTED_MODULE_5__["Button"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
-    buttonType: buttonType || 'transparent',
-    className: classnames__WEBPACK_IMPORTED_MODULE_3___default()('sked-button--icon-only', className),
-    icon: icon
-  }, otherProps)));
+  }, button);
 };
 
 /***/ }),
@@ -17448,7 +17455,9 @@ var NavigationButtons = function NavigationButtons(props) {
       onDateSelect = _calendarControlProps.onDateSelect,
       selected = _calendarControlProps.selected,
       minDate = _calendarControlProps.minDate,
-      maxDate = _calendarControlProps.maxDate;
+      maxDate = _calendarControlProps.maxDate,
+      _calendarControlProps3 = _calendarControlProps.hideTooltipIfDisabled,
+      hideTooltipIfDisabled = _calendarControlProps3 === void 0 ? false : _calendarControlProps3;
 
   var backwardsHandler = function backwardsHandler() {
     return onDateSelect(Object(_CalendarControls_utils__WEBPACK_IMPORTED_MODULE_4__["moveDate"])(selected, selectedRange, 'backward'));
@@ -17458,6 +17467,8 @@ var NavigationButtons = function NavigationButtons(props) {
     return onDateSelect(Object(_CalendarControls_utils__WEBPACK_IMPORTED_MODULE_4__["moveDate"])(selected, selectedRange, 'forward'));
   };
 
+  var isBackwardsDisabled = minDate && selected <= minDate;
+  var isForwardsDisabled = maxDate && selected >= maxDate;
   var previousTooltip = Object(lodash__WEBPACK_IMPORTED_MODULE_1__["capitalize"])("Previous ".concat(_RangePicker__WEBPACK_IMPORTED_MODULE_5__["dateRangeLabel"][selectedRange]));
   var nextTooltip = Object(lodash__WEBPACK_IMPORTED_MODULE_1__["capitalize"])("Next ".concat(_RangePicker__WEBPACK_IMPORTED_MODULE_5__["dateRangeLabel"][selectedRange]));
   return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
@@ -17467,16 +17478,18 @@ var NavigationButtons = function NavigationButtons(props) {
     icon: "chevronLeft",
     "data-sk-name": "navigate-backwards",
     onClick: backwardsHandler,
-    disabled: minDate && selected <= minDate,
+    disabled: isBackwardsDisabled,
     compact: true,
+    disableTooltip: hideTooltipIfDisabled && isBackwardsDisabled,
     tooltipContent: previousTooltip
   }), react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(___WEBPACK_IMPORTED_MODULE_3__["IconButton"], {
     className: "sk-inline-flex",
     icon: "chevronRight",
     "data-sk-name": "navigate-forwards",
     onClick: forwardsHandler,
-    disabled: maxDate && selected >= maxDate,
+    disabled: isForwardsDisabled,
     compact: true,
+    disableTooltip: hideTooltipIfDisabled && isForwardsDisabled,
     tooltipContent: nextTooltip
   }));
 };
@@ -59818,7 +59831,7 @@ var MultiSearchSelect = function MultiSearchSelect(_ref2) {
       selectPopperModifiers = _useSelectPopperConfi.selectPopperModifiers;
 
   react__WEBPACK_IMPORTED_MODULE_5__["useEffect"](function () {
-    setKeyedSelectedItems(lodash_keyBy__WEBPACK_IMPORTED_MODULE_8___default()(selectedItems, 'label'));
+    setKeyedSelectedItems(lodash_keyBy__WEBPACK_IMPORTED_MODULE_8___default()(selectedItems, 'value'));
   }, [selectedItems]);
   react__WEBPACK_IMPORTED_MODULE_5__["useEffect"](function () {
     if (!inputValue) {
@@ -59867,7 +59880,7 @@ var MultiSearchSelect = function MultiSearchSelect(_ref2) {
     className: className
   }), selectedItems.map(function (selectedItem, index) {
     return react__WEBPACK_IMPORTED_MODULE_5__["createElement"](_select_components__WEBPACK_IMPORTED_MODULE_13__["MultiSelectPill"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
-      key: itemToString(selectedItem),
+      key: "".concat(index, "-").concat(itemToString(selectedItem)),
       text: itemToString(selectedItem),
       disabled: disabled
     }, getSelectedItemProps({
@@ -59881,11 +59894,11 @@ var MultiSearchSelect = function MultiSearchSelect(_ref2) {
   var Item = function Item(item, index) {
     if (item.value !== _select_utils__WEBPACK_IMPORTED_MODULE_11__["SELECT_ALL_ID"]) {
       return react__WEBPACK_IMPORTED_MODULE_5__["createElement"](_select_components__WEBPACK_IMPORTED_MODULE_13__["MultiSelectMenuItem"], {
-        key: itemToString(item),
+        key: "".concat(index, "-").concat(itemToString(item)),
         item: item,
         ItemRenderer: ItemRenderer,
         index: index,
-        isSelected: !!keyedSelectedItems[item.label],
+        isSelected: !!keyedSelectedItems[item.value],
         highlightedIndex: highlightedIndex,
         getItemProps: getItemProps
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skedulo/sked-ui",
-  "version": "19.20.0",
+  "version": "19.21.1",
   "license": "UNLICENSED",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",