colibri-ui 0.8.63 → 0.8.64

package/TimeSelect/helpers.d.ts

@@ -1,4 +1,7 @@
-import type { Timestamp } from "./index.props";
+export type Timestamp = {
+    time: string;
+    disabled?: boolean;
+};
 export declare const DEFAULT_TIME: {
     index: number;
     time: string;
@@ -7,3 +10,8 @@ export declare const formatTime: (date: Date) => string;
 export declare const generateSuggest: (interval?: number) => Timestamp[];
 export declare const checkIsBeforeNow: (time: string, currentDate?: Date | null) => boolean;
 export declare const checkIsBeforeSelectedDate: (time: string, interval: number, date?: Date | null) => boolean;
+export type TimeRange = {
+    start: string;
+    end: string;
+};
+export declare const isTimeInRange: (timeString: string, range: TimeRange) => boolean;

package/TimeSelect/helpers.js

@@ -1,7 +1,12 @@
 'use strict';
 
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var dateFns = require('date-fns');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
+
 var day = new Date();
 day.setHours(24, 0, 0, 0);
 var DEFAULT_TIME = {
@@ -38,9 +43,28 @@ var checkIsBeforeSelectedDate = function checkIsBeforeSelectedDate(time, interva
   }
   return false;
 };
+var isTimeInRange = function isTimeInRange(timeString, range) {
+  var _timeString$split$map = timeString.split(":").map(Number),
+    _timeString$split$map2 = _slicedToArray__default.default(_timeString$split$map, 2),
+    hours = _timeString$split$map2[0],
+    minutes = _timeString$split$map2[1];
+  var totalMinutes = hours * 60 + minutes;
+  var _range$start$split$ma = range.start.split(":").map(Number),
+    _range$start$split$ma2 = _slicedToArray__default.default(_range$start$split$ma, 2),
+    startHours = _range$start$split$ma2[0],
+    startMinutes = _range$start$split$ma2[1];
+  var startTotalMinutes = startHours * 60 + startMinutes;
+  var _range$end$split$map = range.end.split(":").map(Number),
+    _range$end$split$map2 = _slicedToArray__default.default(_range$end$split$map, 2),
+    endHours = _range$end$split$map2[0],
+    endMinutes = _range$end$split$map2[1];
+  var endTotalMinutes = endHours * 60 + endMinutes;
+  return totalMinutes >= startTotalMinutes && totalMinutes <= endTotalMinutes;
+};
 
 exports.DEFAULT_TIME = DEFAULT_TIME;
 exports.checkIsBeforeNow = checkIsBeforeNow;
 exports.checkIsBeforeSelectedDate = checkIsBeforeSelectedDate;
 exports.formatTime = formatTime;
 exports.generateSuggest = generateSuggest;
+exports.isTimeInRange = isTimeInRange;

package/TimeSelect/index.d.ts

@@ -1,19 +1,11 @@
 import type { SelectProps } from "../Select/index.props";
+import type { TimeRange } from "./helpers";
 import type { FC } from "react";
-type TimeRange = {
-    start: string;
-    end: string;
-};
 interface TimeSelectProps extends Omit<SelectProps<string>, "options"> {
     interval?: 5 | 10 | 15 | 30;
     currentDate?: Date | null;
     selectedDate?: Date | null;
-    name?: string;
-    disabled?: boolean;
     allowedTimeRange?: TimeRange;
-    fullWidth?: boolean;
-    placeholder?: string;
-    required?: boolean;
 }
 declare const TimeSelect: FC<TimeSelectProps>;
 export default TimeSelect;

package/TimeSelect/index.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var index$1 = require('../Select/index.js');
 var helpers = require('./helpers.js');
@@ -10,27 +9,8 @@ var index = require('./Label/index.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var isTimeInRange = function isTimeInRange(timeString, range) {
-  var _timeString$split$map = timeString.split(":").map(Number),
-    _timeString$split$map2 = _slicedToArray__default.default(_timeString$split$map, 2),
-    hours = _timeString$split$map2[0],
-    minutes = _timeString$split$map2[1];
-  var totalMinutes = hours * 60 + minutes;
-  var _range$start$split$ma = range.start.split(":").map(Number),
-    _range$start$split$ma2 = _slicedToArray__default.default(_range$start$split$ma, 2),
-    startHours = _range$start$split$ma2[0],
-    startMinutes = _range$start$split$ma2[1];
-  var startTotalMinutes = startHours * 60 + startMinutes;
-  var _range$end$split$map = range.end.split(":").map(Number),
-    _range$end$split$map2 = _slicedToArray__default.default(_range$end$split$map, 2),
-    endHours = _range$end$split$map2[0],
-    endMinutes = _range$end$split$map2[1];
-  var endTotalMinutes = endHours * 60 + endMinutes;
-  return totalMinutes >= startTotalMinutes && totalMinutes <= endTotalMinutes;
-};
 var TimeSelect = function TimeSelect(_ref) {
   var value = _ref.value,
     name = _ref.name,
@@ -44,7 +24,9 @@ var TimeSelect = function TimeSelect(_ref) {
     allowedTimeRange = _ref.allowedTimeRange,
     placeholder = _ref.placeholder,
     fullWidth = _ref.fullWidth,
-    required = _ref.required;
+    required = _ref.required,
+    hasError = _ref.hasError,
+    hint = _ref.hint;
   var baseOptions = React.useMemo(function () {
     return helpers.generateSuggest(interval).map(function (item) {
       return {
@@ -57,15 +39,12 @@ var TimeSelect = function TimeSelect(_ref) {
   }, [interval]);
   var options = React.useMemo(function () {
     return baseOptions.map(function (option) {
-      var timeRangeDisabled = !!allowedTimeRange && !isTimeInRange(option.value, allowedTimeRange);
-      var beforeSelectedDisabled = !!selectedDate && helpers.checkIsBeforeSelectedDate(option.value, interval, selectedDate);
-      var beforeCurrentDisabled = !!currentDate && helpers.checkIsBeforeNow(option.value, currentDate);
-      var isDisabled = timeRangeDisabled || beforeSelectedDisabled || beforeCurrentDisabled;
+      var isDisabled = !!allowedTimeRange && !helpers.isTimeInRange(option.value, allowedTimeRange) || !!selectedDate && helpers.checkIsBeforeSelectedDate(option.value, interval, selectedDate) || !!currentDate && helpers.checkIsBeforeNow(option.value, currentDate);
       return Object.assign(Object.assign({}, option), {
         disabled: isDisabled
       });
     });
-  }, [baseOptions, currentDate, selectedDate, interval, allowedTimeRange]);
+  }, [baseOptions, currentDate, selectedDate, allowedTimeRange]);
   return /*#__PURE__*/React__default.default.createElement(index$1.default, {
     fullWidth: fullWidth,
     name: name,
@@ -75,7 +54,9 @@ var TimeSelect = function TimeSelect(_ref) {
     label: label,
     options: options,
     onChange: onChange,
-    disabled: disabled
+    disabled: disabled,
+    hasError: hasError,
+    hint: hint
   });
 };
 

package/esm/TimeSelect/helpers.d.ts

@@ -1,4 +1,7 @@
-import type { Timestamp } from "./index.props";
+export type Timestamp = {
+    time: string;
+    disabled?: boolean;
+};
 export declare const DEFAULT_TIME: {
     index: number;
     time: string;
@@ -7,3 +10,8 @@ export declare const formatTime: (date: Date) => string;
 export declare const generateSuggest: (interval?: number) => Timestamp[];
 export declare const checkIsBeforeNow: (time: string, currentDate?: Date | null) => boolean;
 export declare const checkIsBeforeSelectedDate: (time: string, interval: number, date?: Date | null) => boolean;
+export type TimeRange = {
+    start: string;
+    end: string;
+};
+export declare const isTimeInRange: (timeString: string, range: TimeRange) => boolean;

package/esm/TimeSelect/helpers.js

@@ -1,3 +1,4 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { addMinutes, parse, isBefore, format } from 'date-fns';
 
 var day = new Date();
@@ -32,5 +33,23 @@ var checkIsBeforeSelectedDate = function checkIsBeforeSelectedDate(time, interva
   }
   return false;
 };
+var isTimeInRange = function isTimeInRange(timeString, range) {
+  var _timeString$split$map = timeString.split(":").map(Number),
+    _timeString$split$map2 = _slicedToArray(_timeString$split$map, 2),
+    hours = _timeString$split$map2[0],
+    minutes = _timeString$split$map2[1];
+  var totalMinutes = hours * 60 + minutes;
+  var _range$start$split$ma = range.start.split(":").map(Number),
+    _range$start$split$ma2 = _slicedToArray(_range$start$split$ma, 2),
+    startHours = _range$start$split$ma2[0],
+    startMinutes = _range$start$split$ma2[1];
+  var startTotalMinutes = startHours * 60 + startMinutes;
+  var _range$end$split$map = range.end.split(":").map(Number),
+    _range$end$split$map2 = _slicedToArray(_range$end$split$map, 2),
+    endHours = _range$end$split$map2[0],
+    endMinutes = _range$end$split$map2[1];
+  var endTotalMinutes = endHours * 60 + endMinutes;
+  return totalMinutes >= startTotalMinutes && totalMinutes <= endTotalMinutes;
+};
 
-export { checkIsBeforeNow, checkIsBeforeSelectedDate, formatTime, generateSuggest };
+export { checkIsBeforeNow, checkIsBeforeSelectedDate, formatTime, generateSuggest, isTimeInRange };

package/esm/TimeSelect/index.d.ts

@@ -1,19 +1,11 @@
 import type { SelectProps } from "../Select/index.props";
+import type { TimeRange } from "./helpers";
 import type { FC } from "react";
-type TimeRange = {
-    start: string;
-    end: string;
-};
 interface TimeSelectProps extends Omit<SelectProps<string>, "options"> {
     interval?: 5 | 10 | 15 | 30;
     currentDate?: Date | null;
     selectedDate?: Date | null;
-    name?: string;
-    disabled?: boolean;
     allowedTimeRange?: TimeRange;
-    fullWidth?: boolean;
-    placeholder?: string;
-    required?: boolean;
 }
 declare const TimeSelect: FC<TimeSelectProps>;
 export default TimeSelect;

package/esm/TimeSelect/index.js

@@ -1,27 +1,8 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React__default, { useMemo } from 'react';
 import Select from '../Select/index.js';
-import { generateSuggest, checkIsBeforeSelectedDate, checkIsBeforeNow } from './helpers.js';
+import { generateSuggest, isTimeInRange, checkIsBeforeSelectedDate, checkIsBeforeNow } from './helpers.js';
 import OptionLabel from './Label/index.js';
 
-var isTimeInRange = function isTimeInRange(timeString, range) {
-  var _timeString$split$map = timeString.split(":").map(Number),
-    _timeString$split$map2 = _slicedToArray(_timeString$split$map, 2),
-    hours = _timeString$split$map2[0],
-    minutes = _timeString$split$map2[1];
-  var totalMinutes = hours * 60 + minutes;
-  var _range$start$split$ma = range.start.split(":").map(Number),
-    _range$start$split$ma2 = _slicedToArray(_range$start$split$ma, 2),
-    startHours = _range$start$split$ma2[0],
-    startMinutes = _range$start$split$ma2[1];
-  var startTotalMinutes = startHours * 60 + startMinutes;
-  var _range$end$split$map = range.end.split(":").map(Number),
-    _range$end$split$map2 = _slicedToArray(_range$end$split$map, 2),
-    endHours = _range$end$split$map2[0],
-    endMinutes = _range$end$split$map2[1];
-  var endTotalMinutes = endHours * 60 + endMinutes;
-  return totalMinutes >= startTotalMinutes && totalMinutes <= endTotalMinutes;
-};
 var TimeSelect = function TimeSelect(_ref) {
   var value = _ref.value,
     name = _ref.name,
@@ -35,7 +16,9 @@ var TimeSelect = function TimeSelect(_ref) {
     allowedTimeRange = _ref.allowedTimeRange,
     placeholder = _ref.placeholder,
     fullWidth = _ref.fullWidth,
-    required = _ref.required;
+    required = _ref.required,
+    hasError = _ref.hasError,
+    hint = _ref.hint;
   var baseOptions = useMemo(function () {
     return generateSuggest(interval).map(function (item) {
       return {
@@ -48,15 +31,12 @@ var TimeSelect = function TimeSelect(_ref) {
   }, [interval]);
   var options = useMemo(function () {
     return baseOptions.map(function (option) {
-      var timeRangeDisabled = !!allowedTimeRange && !isTimeInRange(option.value, allowedTimeRange);
-      var beforeSelectedDisabled = !!selectedDate && checkIsBeforeSelectedDate(option.value, interval, selectedDate);
-      var beforeCurrentDisabled = !!currentDate && checkIsBeforeNow(option.value, currentDate);
-      var isDisabled = timeRangeDisabled || beforeSelectedDisabled || beforeCurrentDisabled;
+      var isDisabled = !!allowedTimeRange && !isTimeInRange(option.value, allowedTimeRange) || !!selectedDate && checkIsBeforeSelectedDate(option.value, interval, selectedDate) || !!currentDate && checkIsBeforeNow(option.value, currentDate);
       return Object.assign(Object.assign({}, option), {
         disabled: isDisabled
       });
     });
-  }, [baseOptions, currentDate, selectedDate, interval, allowedTimeRange]);
+  }, [baseOptions, currentDate, selectedDate, allowedTimeRange]);
   return /*#__PURE__*/React__default.createElement(Select, {
     fullWidth: fullWidth,
     name: name,
@@ -66,7 +46,9 @@ var TimeSelect = function TimeSelect(_ref) {
     label: label,
     options: options,
     onChange: onChange,
-    disabled: disabled
+    disabled: disabled,
+    hasError: hasError,
+    hint: hint
   });
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colibri-ui",
-  "version": "0.8.63",
+  "version": "0.8.64",
   "description": "React UI components library",
   "main": "index.js",
   "types": "index.d.ts",

package/TimeSelect/index.props.d.ts

@@ -1,4 +0,0 @@
-export type Timestamp = {
-    time: string;
-    disabled?: boolean;
-};

package/esm/TimeSelect/index.props.d.ts

@@ -1,4 +0,0 @@
-export type Timestamp = {
-    time: string;
-    disabled?: boolean;
-};