@homecode/ui 4.22.15 → 4.22.17

package/dist/esm/src/components/DatePicker/DatePicker.helpers.js

@@ -1,7 +1,9 @@
 function dateToString(date) {
-    return `${date.year}-${date.month}-${date.day}`;
+    const month = String(date.month).padStart(2, '0');
+    const day = String(date.day).padStart(2, '0');
+    return `${date.year}-${month}-${day}`;
 }
-function strigToDate(dateString) {
+function stringToDate(dateString) {
     const [year, month, day] = dateString.split('-');
     return {
         year: Number(year),
@@ -28,4 +30,4 @@ function isDateBetween(date, startDate, endDate) {
     return isDateAfter(date, startDate) && isDateBefore(date, endDate);
 }
 
-export { dateToString, isDateAfter, isDateBefore, isDateBetween, isDateEqual, strigToDate };
+export { dateToString, isDateAfter, isDateBefore, isDateBetween, isDateEqual, stringToDate };

package/dist/esm/src/components/DatePicker/DatePicker.js

@@ -3,7 +3,7 @@ import { useState, useCallback, createElement } from 'react';
 import cn from 'classnames';
 import { Calendar } from '../Calendar/Calendar.js';
 import { Button } from '../Button/Button.js';
-import { dateToString, isDateAfter, strigToDate, isDateBetween, isDateEqual } from './DatePicker.helpers.js';
+import { dateToString, isDateAfter, stringToDate, isDateBetween, isDateEqual } from './DatePicker.helpers.js';
 import S from './DatePicker.styl.js';
 
 function DatePicker(props) {
@@ -21,7 +21,7 @@ function DatePicker(props) {
         const valStr = dateToString(val);
         if (isRange && isPicking) {
             props.onPointerOver = () => {
-                const newVal = isDateAfter(strigToDate(value[0]), val)
+                const newVal = isDateAfter(stringToDate(value[0]), val)
                     ? [valStr, value[0]]
                     : [value[0], valStr];
                 onChange(newVal);
@@ -29,8 +29,8 @@ function DatePicker(props) {
         }
         const classes = [className, S.day];
         if (isRange) {
-            const from = strigToDate(value[0]);
-            const to = strigToDate(value[1]);
+            const from = stringToDate(value[0]);
+            const to = stringToDate(value[1]);
             if (isDateBetween(val, from, to))
                 classes.push(S.between);
             if (isDateEqual(val, from))
@@ -41,7 +41,7 @@ function DatePicker(props) {
         return (createElement(Button, { ...props, variant: "clear", className: cn(classes), size: size, key: `${year}-${month}-${day}` }, day));
     }, [size, isPicking, isRange, value, onChange]);
     calendarProps.className = cn(calendarProps.className, S.calendar);
-    return (jsxs("div", { className: cn(S.root, doubleCalendar && S.doubleCalendar, props.className), onPointerDown: onPointerDown, onPointerUp: onPointerUp, children: [jsx(Calendar, { size: size, hideOtherMonthDays: isRange, ...calendarProps, renderDay: renderDay, value: strigToDate(isRange ? value[0] : value), onDayPointerDown: onFirstDateChange, onDayPointerUp: undefined }), isRange && doubleCalendar && (jsx(Calendar, { size: size, hideOtherMonthDays: isRange, ...calendarProps, renderDay: renderDay, value: strigToDate(value[1]), onDayPointerDown: val => onChange([value[0], dateToString(val)]), onDayPointerUp: val => onChange([value[0], dateToString(val)]) }))] }));
+    return (jsxs("div", { className: cn(S.root, doubleCalendar && S.doubleCalendar, props.className), onPointerDown: onPointerDown, onPointerUp: onPointerUp, children: [jsx(Calendar, { size: size, hideOtherMonthDays: isRange, ...calendarProps, renderDay: renderDay, value: stringToDate(isRange ? value[0] : value), onDayPointerDown: onFirstDateChange, onDayPointerUp: undefined }), isRange && doubleCalendar && (jsx(Calendar, { size: size, hideOtherMonthDays: isRange, ...calendarProps, renderDay: renderDay, value: stringToDate(value[1]), onDayPointerDown: val => onChange([value[0], dateToString(val)]), onDayPointerUp: val => onChange([value[0], dateToString(val)]) }))] }));
 }
 
 export { DatePicker };

package/dist/esm/src/components/Icon/icons/index.js

@@ -70,6 +70,7 @@ var ICONS = {
     syncArrows: () => import('./syncArrows.svg.js'),
     table: () => import('./table.svg.js'),
     telegram: () => import('./telegram.svg.js'),
+    trafficLight: () => import('./trafficLight.svg.js'),
 };
 
 export { ICONS as default };

package/dist/esm/src/components/Icon/icons/trafficLight.svg.js

@@ -0,0 +1,49 @@
+import * as React from 'react';
+
+var _path;
+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); }
+var SvgTrafficLight = function SvgTrafficLight(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    transform: "matrix(.13313 0 0 -.13313 -.035 223.653)"
+  }, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M60.026 1675.113c-21.216-3.065-23.3-5.886-25.508-34.705-1.962-26.121-1.962-75.911 0-102.032 2.207-29.187 4.047-31.517 27.225-34.829 24.772-3.433 64.383-1.226 73.458 4.047 6.99 4.047 8.339 8.462 10.056 30.782 1.962 26.12 2.085 75.91.123 102.032-2.208 29.187-4.047 31.517-27.225 34.828-15.943 2.207-42.31 2.207-58.13-.123m38.752-9.688c6.132-2.575 8.83-5.15 11.528-11.037 4.047-8.707 1.84-20.848-4.537-26.612-6.378-5.64-16.801-7.358-24.65-4.047-6.132 2.576-8.83 5.151-11.528 11.038-3.801 8.216-2.33 19.008 3.557 25.63 5.518 6.132 17.291 8.462 25.63 5.028m0-55.185c6.132-2.576 8.83-5.151 11.528-11.038 4.047-8.707 1.84-20.847-4.537-26.611-6.378-5.641-16.801-7.358-24.65-4.047-6.132 2.575-8.83 5.15-11.528 11.037-3.801 8.217-2.33 19.008 3.557 25.63 5.518 6.132 17.291 8.462 25.63 5.029m0-55.186c6.132-2.575 8.83-5.15 11.528-11.037 4.047-8.707 1.84-20.848-4.537-26.612-6.378-5.641-16.801-7.358-24.65-4.047-6.132 2.576-8.83 5.15-11.528 11.037-3.801 8.217-2.33 19.009 3.557 25.631 5.518 6.132 17.291 8.462 25.63 5.028"
+  })), /*#__PURE__*/React.createElement("circle", {
+    cx: 89.992,
+    cy: -1644.533,
+    r: 23.827,
+    style: {
+      fill: "#e02020",
+      fillOpacity: 0.751445,
+      strokeWidth: 0.976535,
+      strokeLinecap: "round"
+    },
+    transform: "scale(1 -1)"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 90.023,
+    cy: -1589.156,
+    r: 23.827,
+    style: {
+      fill: "#e0dd20",
+      fillOpacity: 0.751445,
+      strokeWidth: 0.976535,
+      strokeLinecap: "round"
+    },
+    transform: "scale(1 -1)"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 89.745,
+    cy: -1534.207,
+    r: 23.827,
+    style: {
+      fill: "#20e020",
+      fillOpacity: 0.751445,
+      strokeWidth: 0.976535,
+      strokeLinecap: "round"
+    },
+    transform: "scale(1 -1)"
+  })));
+};
+
+export { SvgTrafficLight as default };

package/dist/esm/types/src/components/DatePicker/DatePicker.helpers.d.ts

@@ -1,6 +1,6 @@
 import type { Date } from 'uilib/types';
 export declare function dateToString(date: Date): string;
-export declare function strigToDate(dateString: string): {
+export declare function stringToDate(dateString: string): {
     year: number;
     month: number;
     day: number;

package/dist/esm/types/src/components/Icon/icons/index.d.ts

@@ -70,5 +70,6 @@ declare const _default: {
     syncArrows: () => Promise<any>;
     table: () => Promise<any>;
     telegram: () => Promise<any>;
+    trafficLight: () => Promise<any>;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.22.15",
+  "version": "4.22.17",
   "description": "React UI components library",
   "scripts": {
     "test": "jest",