@synerise/ds-time-picker 0.11.1 → 0.11.3

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.11.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@0.11.2...@synerise/ds-time-picker@0.11.3) (2024-11-28)
+
+**Note:** Version bump only for package @synerise/ds-time-picker
+
+
+
+
+
+## [0.11.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@0.11.1...@synerise/ds-time-picker@0.11.2) (2024-11-21)
+
+
+### Bug Fixes
+
+* **core:** onError fn types ([c34bdfe](https://github.com/Synerise/synerise-design/commit/c34bdfe9da898d7999c605f9fbcbba4716dfb6d4))
+
+
+
+
+
 ## [0.11.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@0.11.0...@synerise/ds-time-picker@0.11.1) (2024-11-12)
 
 **Note:** Version bump only for package @synerise/ds-time-picker

package/dist/TimePicker.js

@@ -1,15 +1,9 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 import React, { Fragment, useCallback, useMemo, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
 import { range } from 'lodash';
@@ -25,51 +19,46 @@ import { getClockModeFromDate, getOppositeClockMode } from './utils/clockMode.ut
 import { AM, CLOCK_MODES, HOUR, HOUR_12, MINUTE, PM, SECOND, DISABLE_CLOCK_MODE_HOUR } from './constants/timePicker.constants';
 dayjs.extend(customParseFormatPlugin);
 var defaultUnits = [HOUR, MINUTE, SECOND];
-
 var TimePicker = function TimePicker(_ref) {
   var placement = _ref.placement,
-      placeholder = _ref.placeholder,
-      trigger = _ref.trigger,
-      value = _ref.value,
-      units = _ref.units,
-      defaultOpen = _ref.defaultOpen,
-      onChange = _ref.onChange,
-      _ref$containerStyle = _ref.containerStyle,
-      containerStyle = _ref$containerStyle === void 0 ? {} : _ref$containerStyle,
-      timeFormat = _ref.timeFormat,
-      valueFormatOptions = _ref.valueFormatOptions,
-      use12HourClock = _ref.use12HourClock,
-      alwaysOpen = _ref.alwaysOpen,
-      _ref$dropdownProps = _ref.dropdownProps,
-      dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
-      _ref$inputProps = _ref.inputProps,
-      inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps,
-      disabled = _ref.disabled,
-      disabledHours = _ref.disabledHours,
-      disabledMinutes = _ref.disabledMinutes,
-      disabledSeconds = _ref.disabledSeconds,
-      overlayClassName = _ref.overlayClassName,
-      className = _ref.className,
-      _ref$clearTooltip = _ref.clearTooltip,
-      clearTooltip = _ref$clearTooltip === void 0 ? /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "DS.TIME-PICKER.CLEAR-TOOLTIP",
-    defaultMessage: "Clear"
-  }) : _ref$clearTooltip,
-      raw = _ref.raw,
-      onClockModeChange = _ref.onClockModeChange,
-      errorText = _ref.errorText;
-
+    placeholder = _ref.placeholder,
+    trigger = _ref.trigger,
+    value = _ref.value,
+    units = _ref.units,
+    defaultOpen = _ref.defaultOpen,
+    onChange = _ref.onChange,
+    _ref$containerStyle = _ref.containerStyle,
+    containerStyle = _ref$containerStyle === void 0 ? {} : _ref$containerStyle,
+    timeFormat = _ref.timeFormat,
+    valueFormatOptions = _ref.valueFormatOptions,
+    use12HourClock = _ref.use12HourClock,
+    alwaysOpen = _ref.alwaysOpen,
+    _ref$dropdownProps = _ref.dropdownProps,
+    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
+    _ref$inputProps = _ref.inputProps,
+    inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps,
+    disabled = _ref.disabled,
+    disabledHours = _ref.disabledHours,
+    disabledMinutes = _ref.disabledMinutes,
+    disabledSeconds = _ref.disabledSeconds,
+    overlayClassName = _ref.overlayClassName,
+    className = _ref.className,
+    _ref$clearTooltip = _ref.clearTooltip,
+    clearTooltip = _ref$clearTooltip === void 0 ? /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.TIME-PICKER.CLEAR-TOOLTIP",
+      defaultMessage: "Clear"
+    }) : _ref$clearTooltip,
+    raw = _ref.raw,
+    onClockModeChange = _ref.onClockModeChange,
+    errorText = _ref.errorText;
   var _useDataFormat = useDataFormat(),
-      formatValue = _useDataFormat.formatValue,
-      is12HoursClockFromDataFormat = _useDataFormat.is12HoursClock;
-
+    formatValue = _useDataFormat.formatValue,
+    is12HoursClockFromDataFormat = _useDataFormat.is12HoursClock;
   var _useState = useState(defaultOpen || false),
-      open = _useState[0],
-      setOpen = _useState[1];
-
+    open = _useState[0],
+    setOpen = _useState[1];
   var _useIntl = useIntl(),
-      formatMessage = _useIntl.formatMessage;
-
+    formatMessage = _useIntl.formatMessage;
   var is12HourClock = useMemo(function () {
     if (use12HourClock === undefined) return is12HoursClockFromDataFormat;
     return use12HourClock;
@@ -81,12 +70,12 @@ var TimePicker = function TimePicker(_ref) {
     if (timeFormat) {
       return dayjs(date).format(timeFormatByClockMode);
     }
-
     return formatValue(date, _objectSpread({
       targetFormat: 'time',
       second: 'numeric'
     }, valueFormatOptions));
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [timeFormat, timeFormatByClockMode, formatValue]);
   var unitConfig = [{
     unit: HOUR,
@@ -108,57 +97,43 @@ var TimePicker = function TimePicker(_ref) {
   var unitsToRender = unitConfig.filter(function (u) {
     return availableUnits && availableUnits.includes(u.unit);
   });
-
   var onVisibleChange = function onVisibleChange(visible) {
     setOpen(visible);
     !visible && onChange && onChange(value, getTimeString(value));
   };
-
   var handleChange = function handleChange(unit, newValue, clockModeChanged) {
     if (clockModeChanged === void 0) {
       clockModeChanged = false;
     }
-
     var clockMode = getClockModeFromDate(value);
-
     if (clockModeChanged) {
       clockMode = getOppositeClockMode(clockMode);
     }
-
     var newDate = handleTimeChange(value, unit, newValue, clockModeChanged, is12HourClock, clockMode, unitConfig);
     onChange && onChange(newDate, getTimeString(newDate));
   };
-
   var toggleClockModeChange = function toggleClockModeChange() {
     handleChange(undefined, undefined, true);
   };
-
   var isAmOrPmModeDisabled = useCallback(function (mode) {
     var clockMode = getClockModeFromDate(value);
-
     if (!is12HourClock) {
       return false;
     }
-
     if (mode === AM && clockMode === AM) {
       return false;
     }
-
     if (mode === PM && clockMode === PM) {
       return false;
     }
-
     if (mode === AM && (disabledHours != null && disabledHours.includes(HOUR_12) || disabledHours != null && disabledHours.includes(DISABLE_CLOCK_MODE_HOUR))) {
       return true;
     }
-
     if (mode === PM && disabledHours != null && disabledHours.includes(DISABLE_CLOCK_MODE_HOUR)) {
       return true;
     }
-
     return false;
   }, [value, disabledHours, is12HourClock]);
-
   var renderClockSwitch = function renderClockSwitch() {
     var currentClockMode = getClockModeFromDate(value);
     return /*#__PURE__*/React.createElement(S.Unit, null, Object.values(CLOCK_MODES).map(function (mode) {
@@ -175,7 +150,6 @@ var TimePicker = function TimePicker(_ref) {
       }, /*#__PURE__*/React.createElement(S.CellText, null, mode));
     }));
   };
-
   var overlay = /*#__PURE__*/React.createElement(S.OverlayContainer, {
     "data-testid": "tp-overlay-container",
     className: overlayClassName
@@ -214,16 +188,13 @@ var TimePicker = function TimePicker(_ref) {
     if (value) {
       return getTimeString(value);
     }
-
     return placeholder || formatMessage({
       id: 'DS.TIME-PICKER.PLACEHOLDER'
     });
   }, [placeholder, formatMessage, value, getTimeString]);
-
   if (raw) {
     return overlay;
   }
-
   return /*#__PURE__*/React.createElement(S.Container, {
     className: "ds-time-picker " + (className || ''),
     "data-testid": "tp-container",
@@ -246,7 +217,6 @@ var TimePicker = function TimePicker(_ref) {
     icon1: timePickerIcon
   }, inputProps))));
 };
-
 TimePicker.defaultProps = {
   placement: 'bottomLeft',
   trigger: ['click'],

package/dist/TimePicker.styles.d.ts

@@ -11,7 +11,7 @@ export declare const CellText: import("styled-components").StyledComponent<"labe
 export declare const Cell: import("styled-components").StyledComponent<"button", any, {
     active?: boolean | undefined;
 }, never>;
-export declare const ClearIcon: import("styled-components").StyledComponent<import("react").FC<import("@synerise/ds-icon").IconProps>, any, {}, never>;
+export declare const ClearIcon: import("styled-components").StyledComponent<({ name, component, className, ...rest }: import("@synerise/ds-icon").IconProps) => import("react").JSX.Element, any, {}, never>;
 export declare const TimePickerInput: import("styled-components").StyledComponent<import("react").ComponentType<import("@synerise/ds-input").BaseProps<HTMLInputElement> & import("antd/lib/input").InputProps>, any, {}, never>;
 export declare const PlaceholderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Placeholder: import("styled-components").StyledComponent<"div", any, {

package/dist/Unit.js

@@ -5,43 +5,35 @@ import * as S from './TimePicker.styles';
 import { getUnitSelectedNumber } from './utils/unit.utils';
 var CELL_HEIGHT = 32;
 var DEBOUNCE_DELAY = 150;
-
 var Unit = function Unit(_ref) {
   var options = _ref.options,
-      disabled = _ref.disabled,
-      value = _ref.value,
-      unit = _ref.unit,
-      onSelect = _ref.onSelect,
-      use12HourClock = _ref.use12HourClock;
+    disabled = _ref.disabled,
+    value = _ref.value,
+    unit = _ref.unit,
+    onSelect = _ref.onSelect,
+    use12HourClock = _ref.use12HourClock;
   var selected = useMemo(function () {
     return getUnitSelectedNumber(value, unit, use12HourClock);
   }, [unit, use12HourClock, value]);
-
   var _useState = useState(false),
-      forceUpdate = _useState[0],
-      setForceUpdate = _useState[1];
-
+    forceUpdate = _useState[0],
+    setForceUpdate = _useState[1];
   var selectedCellRef = useRef(null);
   var unitContainerRef = useRef(null);
-
   var _useState2 = useState(300),
-      containerHeight = _useState2[0],
-      setContainerHeight = _useState2[1];
-
+    containerHeight = _useState2[0],
+    setContainerHeight = _useState2[1];
   var _useState3 = useState(true),
-      isFirstRender = _useState3[0],
-      setFirstRender = _useState3[1];
-
+    isFirstRender = _useState3[0],
+    setFirstRender = _useState3[1];
   useEffect(function () {
     if (isFirstRender) {
       setFirstRender(false);
-
       if (unitContainerRef.current) {
         setContainerHeight(unitContainerRef.current.offsetHeight);
       }
     }
   }, [isFirstRender, unitContainerRef]);
-
   var scrollHandler = function scrollHandler() {
     if (!!unitContainerRef && !!unitContainerRef.current) {
       var pixelsScrolled = unitContainerRef.current.scrollTop;
@@ -52,7 +44,6 @@ var Unit = function Unit(_ref) {
       });
     }
   };
-
   var debouncedScrollHandler = debounce(scrollHandler, DEBOUNCE_DELAY);
   useEffect(function () {
     return function () {
@@ -63,14 +54,12 @@ var Unit = function Unit(_ref) {
     if (selectedCellRef.current && unitContainerRef.current) {
       var offsetToParent = selectedCellRef.current.offsetTop - unitContainerRef.current.offsetTop;
       var scrollBehaviour = isFirstRender || !containerHeight ? 'auto' : 'smooth';
-
       if (typeof unitContainerRef.current.scrollTo === 'function') {
         unitContainerRef.current.scrollTo({
           top: offsetToParent,
           behavior: scrollBehaviour
         });
       }
-
       setContainerHeight(unitContainerRef.current.offsetHeight);
     }
   }, [selectedCellRef, unitContainerRef, isFirstRender, forceUpdate, containerHeight]);
@@ -102,5 +91,4 @@ var Unit = function Unit(_ref) {
     height: containerHeight - CELL_HEIGHT
   }))));
 };
-
 export default Unit;

package/dist/utils/timePicker.utils.js

@@ -4,24 +4,18 @@ export var handleTimeChange = function handleTimeChange(value, unit, newValue, c
   if (clockModeChanged === void 0) {
     clockModeChanged = false;
   }
-
   var wasUndefined = value === undefined;
   var dateBuilder = dayjs(value);
-
   if (unit) {
     dateBuilder = dateBuilder[unit](newValue);
   }
-
   var hourToMap = dateBuilder.get(HOUR);
-
   if (use12HourClock) {
     hourToMap = clockMode === AM ? MAP_12_AM_TO_24_HOUR[hourToMap] : MAP_12_PM_TO_24_HOUR[hourToMap];
-
     if (unit === HOUR || clockModeChanged) {
       dateBuilder = dateBuilder.set(HOUR, hourToMap);
     }
   }
-
   if (wasUndefined) {
     // set remaining time fields to 0, HH:00:00, 00:mm:00, 00:00:ss
     unitConfig.filter(function (unitDefinition) {
@@ -29,11 +23,9 @@ export var handleTimeChange = function handleTimeChange(value, unit, newValue, c
     }).forEach(function (unitDefinition) {
       return dateBuilder = dateBuilder[unitDefinition.unit](0);
     });
-
     if (use12HourClock && clockMode === PM && unit !== HOUR) {
       dateBuilder = dateBuilder.set(HOUR, HOUR_12);
     }
   }
-
   return dateBuilder.toDate();
 };

package/dist/utils/unit.utils.js

@@ -3,14 +3,11 @@ import { HOUR, HOUR_12, MAP_24_HOUR_TO_12 } from '../constants/timePicker.consta
 export var getUnitSelectedNumber = function getUnitSelectedNumber(value, unit, use12HourClock) {
   if (value === undefined) return undefined;
   var result = value && dayjs(value).get(unit);
-
   if (unit === HOUR && use12HourClock) {
     if (!result) {
       result = HOUR_12;
     }
-
     result = MAP_24_HOUR_TO_12[result];
   }
-
   return result;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-time-picker",
-  "version": "0.11.1",
+  "version": "0.11.3",
   "description": "TimePicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,24 +34,24 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-data-format": "^0.6.0",
-    "@synerise/ds-dropdown": "^0.18.23",
-    "@synerise/ds-icon": "^0.66.4",
-    "@synerise/ds-input": "^0.24.13",
-    "@synerise/ds-scrollbar": "^0.11.18",
-    "@synerise/ds-tooltip": "^0.14.48",
-    "@synerise/ds-typography": "^0.16.5",
-    "@synerise/ds-utils": "^0.31.1",
+    "@synerise/ds-data-format": "^0.6.1",
+    "@synerise/ds-dropdown": "^0.18.25",
+    "@synerise/ds-icon": "^0.67.1",
+    "@synerise/ds-input": "^0.24.15",
+    "@synerise/ds-scrollbar": "^0.11.20",
+    "@synerise/ds-tooltip": "^0.14.50",
+    "@synerise/ds-typography": "^0.16.7",
+    "@synerise/ds-utils": "^0.31.2",
     "dayjs": "^1.8.19",
     "debounce": "^1.2.0",
-    "lodash": "^4.17.21",
-    "react-intl": "6.8.4"
+    "lodash": "^4.17.21"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "antd": "4.7.0",
     "react": ">=16.9.0 <= 17.0.2",
+    "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "5.0.1"
   },
-  "gitHead": "8d26191fc0475407e0691b9b183761ad3cd7c87d"
+  "gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
 }