@synerise/ds-time-picker 0.7.4 → 0.7.5

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.7.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@0.7.4...@synerise/ds-time-picker@0.7.5) (2023-04-14)
+
+
+### Bug Fixes
+
+* **date-range-picker:** date range picker us notation fixes ([c17afe0](https://github.com/Synerise/synerise-design/commit/c17afe052c3c0226ab4ed2f7c25655a0d2e89a75))
+* **time-picker:** disabing AM fix ([f02f384](https://github.com/Synerise/synerise-design/commit/f02f384937565b084f1cf9b927bcc09ea9633a28))
+
+
+
+
+
 ## [0.7.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@0.7.3...@synerise/ds-time-picker@0.7.4) (2023-04-05)
 
 **Note:** Version bump only for package @synerise/ds-time-picker

package/dist/TimePicker.js

@@ -7,6 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import * as React from 'react';
+import { useCallback } from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import { range } from 'lodash';
 import dayjs from 'dayjs';
@@ -18,7 +19,7 @@ import { useDataFormat } from '@synerise/ds-data-format';
 import Unit from './Unit';
 import * as S from './TimePicker.styles';
 import { handleTimeChange } from './utils/timePicker.utils';
-import { AM, CLOCK_MODES, HOUR, HOUR_12, MINUTE, PM, SECOND } from './constants/timePicker.constants';
+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];
 
@@ -129,6 +130,29 @@ var TimePicker = function TimePicker(_ref) {
   React.useEffect(function () {
     handleChange(undefined, undefined, true); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [clockMode]);
+  var isAmOrPmModeDisabled = useCallback(function (mode) {
+    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;
+  }, [clockMode, disabledHours, is12HourClock]);
 
   var renderClockSwitch = function renderClockSwitch() {
     return /*#__PURE__*/React.createElement(S.Unit, null, Object.values(CLOCK_MODES).map(function (mode) {
@@ -138,7 +162,8 @@ var TimePicker = function TimePicker(_ref) {
         onClick: function onClick() {
           setClockMode(mode);
           onClockModeChange && onClockModeChange(mode);
-        }
+        },
+        disabled: isAmOrPmModeDisabled(mode)
       }, /*#__PURE__*/React.createElement(S.CellText, null, mode));
     }));
   };

package/dist/constants/timePicker.constants.d.ts

@@ -7,6 +7,7 @@ export declare const CLOCK_MODES: readonly ["AM", "PM"];
 export declare const PM: ClockModes;
 export declare const AM: ClockModes;
 export declare const HOUR_12 = 12;
+export declare const DISABLE_CLOCK_MODE_HOUR = -1;
 export declare const MAP_12_AM_TO_24_HOUR: {
     0: number;
     1: number;

package/dist/constants/timePicker.constants.js

@@ -5,6 +5,7 @@ export var CLOCK_MODES = ['AM', 'PM'];
 export var PM = 'PM';
 export var AM = 'AM';
 export var HOUR_12 = 12;
+export var DISABLE_CLOCK_MODE_HOUR = -1;
 export var MAP_12_AM_TO_24_HOUR = {
   0: 12,
   1: 1,

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 export { default } from './TimePicker';
-export { AM, PM, HOUR_12, HOUR, CLOCK_MODES, MAP_12_AM_TO_24_HOUR, MAP_12_PM_TO_24_HOUR, MAP_24_HOUR_TO_12, } from './constants/timePicker.constants';
+export { AM, PM, HOUR_12, HOUR, CLOCK_MODES, MAP_12_AM_TO_24_HOUR, MAP_12_PM_TO_24_HOUR, MAP_24_HOUR_TO_12, DISABLE_CLOCK_MODE_HOUR, } from './constants/timePicker.constants';
 export type { ClockModes, TimePickerProps } from './types/TimePicker.types';

package/dist/index.js

@@ -1,2 +1,2 @@
 export { default } from './TimePicker';
-export { AM, PM, HOUR_12, HOUR, CLOCK_MODES, MAP_12_AM_TO_24_HOUR, MAP_12_PM_TO_24_HOUR, MAP_24_HOUR_TO_12 } from './constants/timePicker.constants';
+export { AM, PM, HOUR_12, HOUR, CLOCK_MODES, MAP_12_AM_TO_24_HOUR, MAP_12_PM_TO_24_HOUR, MAP_24_HOUR_TO_12, DISABLE_CLOCK_MODE_HOUR } from './constants/timePicker.constants';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-time-picker",
-  "version": "0.7.4",
+  "version": "0.7.5",
   "description": "TimePicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,7 +32,7 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-dropdown": "^0.17.60",
+    "@synerise/ds-dropdown": "^0.17.61",
     "@synerise/ds-icon": "^0.54.0",
     "@synerise/ds-input": "^0.18.37",
     "@synerise/ds-search-bar": "^0.6.27",
@@ -47,5 +47,5 @@
   "devDependencies": {
     "@types/debounce": "^1.2.0"
   },
-  "gitHead": "42bda32506d121cbc207c73efca09f300a749120"
+  "gitHead": "a81aad1ee5bb7249f069115cab0ec06b66ab12b0"
 }