@skedulo/sked-ui 21.5.1 → 21.6.1

package/dist/components/datepicker/Datepicker.d.ts

@@ -110,13 +110,13 @@ export interface DatepickerProps {
     onCalendarClose?: () => void;
 }
 declare type CustomInputType = React.InputHTMLAttributes<HTMLInputElement> & {
-    onBlurCustom: () => void;
+    onBlurCustom: (event?: React.FocusEvent<HTMLInputElement>) => void;
     openCalendar: (open: boolean) => void;
     onBackspace: () => void;
     Component: (props: React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>) => JSX.Element;
 };
 export declare const CustomInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
-    onBlurCustom: () => void;
+    onBlurCustom: (event?: React.FocusEvent<HTMLInputElement>) => void;
     openCalendar: (open: boolean) => void;
     onBackspace: () => void;
     Component: (props: React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>) => JSX.Element;

package/dist/components/dynamic-table/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { ColumnInterface, ColumnInstance, UseTableCellProps, Row, ColumnInterfaceBasedOnValue } from 'react-table';
+import { ColumnInterface, ColumnInstance, UseTableCellProps, Row, ColumnInterfaceBasedOnValue, HeaderProps, Renderer } from 'react-table';
 export interface UseRowClickOptions<D extends object> {
     /**
      * This will add row click behaviour. Whenever a cell is clicked within a row,
@@ -20,7 +20,7 @@ declare module 'react-table' {
         emptyCellText?: string;
     }
     interface ColumnInstance<D extends object = {}> extends UseSortByColumnProps<D>, UseRowSelectRowProps<D> {
-        Header?: string;
+        Header?: Renderer<HeaderProps<D>> | undefined;
     }
     interface Row<D extends object = {}> extends UseRowSelectRowProps<D> {
     }
@@ -33,7 +33,7 @@ declare module 'react-table' {
  * for empty values.
  */
 export interface IDynamicTableColumn<T extends object> extends Omit<ColumnInterface<T>, 'Header'>, ColumnInterfaceBasedOnValue<T> {
-    Header?: string;
+    Header?: Renderer<HeaderProps<T>> | undefined;
 }
 export declare type ControlStates = 'controlled' | 'uncontrolled' | 'disabled';
 export declare type RowControlStates = 'rowOnly' | 'allRows' | 'disabled';

package/dist/index.js

@@ -17949,7 +17949,7 @@ var CustomInput = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](
   };
 
   var blurEvents = function blurEvents(event) {
-    onBlurCustom();
+    onBlurCustom(event);
     onBlur(event);
   };
 
@@ -18025,7 +18025,7 @@ var Datepicker = function Datepicker(_ref3) {
       date = _React$useState6[0],
       setDate = _React$useState6[1];
 
-  var callOnChangeFunctions = function callOnChangeFunctions() {
+  var callOnChangeFunctions = function callOnChangeFunctions(event) {
     if (calendarRef !== null && calendarRef !== void 0 && calendarRef.current.isCalendarOpen() && !inline) {
       return;
     }
@@ -18033,7 +18033,15 @@ var Datepicker = function Datepicker(_ref3) {
     if (selectWeek && !!onWeekSelect) {
       onWeekSelect(weekDates(date ? new Date(date) : date, selectedRange));
     } else if (formatDateValue(date) !== inputDateValue || date === null) {
-      onChange(date ? new Date(date) : date);
+      var parsedDate = Object(date_fns__WEBPACK_IMPORTED_MODULE_11__["parse"])(event === null || event === void 0 ? void 0 : event.target.value, dateFormat, new Date(), {
+        locale: localeObject
+      });
+
+      if (parsedDate && Object(date_fns__WEBPACK_IMPORTED_MODULE_11__["isValid"])(parsedDate)) {
+        onChange(parsedDate);
+      } else {
+        onChange(date ? new Date(date) : date);
+      }
     }
 
     setInputDateValue(formatDateValue(date));
@@ -59189,18 +59197,10 @@ var CellContentRenderer = function CellContentRenderer(props) {
       id = props.id,
       value = props.value,
       children = props.children;
-  return isEmptyCell(value, id) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](EmptyCell, {
-    emptyCellText: emptyCellText,
-    headerName: Header
-  }) || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](react__WEBPACK_IMPORTED_MODULE_3__["Fragment"], null, children);
-};
-
-var EmptyCell = function EmptyCell(_ref5) {
-  var emptyCellText = _ref5.emptyCellText,
-      headerName = _ref5.headerName;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("span", {
+  var emptyText = typeof Header === 'string' ? "No ".concat(Header.toLowerCase()) : '';
+  return isEmptyCell(value, id) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("span", {
     className: "sk-text-neutral-500"
-  }, emptyCellText || "No ".concat(headerName.toLowerCase()));
+  }, emptyCellText || emptyText) || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](react__WEBPACK_IMPORTED_MODULE_3__["Fragment"], null, children);
 };
 
 var ExpandedTableCell = function ExpandedTableCell(props) {
@@ -59256,9 +59256,9 @@ var DefaultRenderer = function DefaultRenderer(instance) {
   }, value);
 };
 var DefaultWrapper = function DefaultWrapper(wrapperClassName) {
-  return function (_ref6) {
-    var getWrapperProps = _ref6.getWrapperProps,
-        children = _ref6.children;
+  return function (_ref5) {
+    var getWrapperProps = _ref5.getWrapperProps,
+        children = _ref5.children;
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", getWrapperProps(wrapperClassName), children);
   };
 };
@@ -64817,7 +64817,9 @@ var IntersectionObserverWrapper = function IntersectionObserverWrapper(_ref) {
     });
     observer.observe(domRef.current);
     return function () {
-      observer.unobserve(domRef.current);
+      if (domRef.current) {
+        observer.unobserve(domRef.current);
+      }
     };
   }, [root, rootMargin, threshold]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](as, {

package/package.json

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