@trackunit/react-form-components 0.0.436 → 0.0.438

package/index.cjs.js

@@ -10,6 +10,7 @@ var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities
 var React = require('react');
 var uuid = require('uuid');
 var dateFns = require('date-fns');
+var isDate = require('rxjs/internal/util/isDate');
 var parsePhoneNumberFromString = require('libphonenumber-js');
 var reactHookForm = require('react-hook-form');
 var ReactSelect = require('react-select');
@@ -641,7 +642,7 @@ const ColorField = React.forwardRef((_a, ref) => {
  */
 const DateInput = React.forwardRef((_a, ref) => {
     var { min, max, defaultValue, value } = _a, rest = __rest(_a, ["min", "max", "defaultValue", "value"]);
-    const formatDateToInputString = (date) => date instanceof Date ? dateFns.format(date, "yyyy-MM-dd") : date;
+    const formatDateToInputString = (date) => isDate.isValidDate(date) ? dateFns.format(date, "yyyy-MM-dd") : date;
     // Chrome and Firefox need their default icon to have datepicker functionality.
     const showIcon = !/Chrome/.test(navigator.userAgent) && !/Firefox/.test(navigator.userAgent);
     return (jsxRuntime.jsx(BaseInput, Object.assign({ defaultValue: formatDateToInputString(defaultValue), max: formatDateToInputString(max), min: formatDateToInputString(min), ref: ref, suffix: showIcon && jsxRuntime.jsx(reactComponents.Icon, { dataTestId: "calendar", name: "Calendar", size: "medium", type: "solid" }), type: "date", value: formatDateToInputString(value) }, rest)));
@@ -1490,12 +1491,9 @@ const cvaSelect = cssClassVarianceUtilities.cvaMerge([
         disabled: false,
     },
 });
-const cvaSelectIcon = cssClassVarianceUtilities.cvaMerge("mr-2 flex cursor-pointer items-center justify-center text-slate-400 hover:text-slate-500");
+const cvaSelectIcon = cssClassVarianceUtilities.cvaMerge(["mr-2", "flex", "cursor-pointer", "items-center", "justify-center", "text-slate-400", "hover:text-slate-500"]);
 const cvaSelectPrefix = cssClassVarianceUtilities.cvaMerge(["flex", "justify-center", "items-center", "text-slate-400", "pl-2"]);
-const cvaSelectXIcon = cssClassVarianceUtilities.cvaMerge([
-    "mr-2 flex cursor-pointer items-center justify-center text-slate-400 hover:text-slate-500",
-    "ml-1",
-]);
+const cvaSelectXIcon = cssClassVarianceUtilities.cvaMerge(["mr-2", "flex", "cursor-pointer", "items-center", "justify-center", "text-slate-400", "hover:text-slate-500", "ml-1"]);
 const cvaSelectMenuList = cssClassVarianceUtilities.cvaMerge(["min-w-min", "shadow-md", "rounded-lg", "z-20", "bg-white", "p-1", "border", "border-slate-300", "gap-1", "grid"], {
     variants: {
         menuIsOpen: {

package/index.esm.js

@@ -7,6 +7,7 @@ import * as React from 'react';
 import React__default, { forwardRef, useState, useCallback, useRef, cloneElement, useEffect, useMemo, useImperativeHandle } from 'react';
 import { v4 } from 'uuid';
 import { format } from 'date-fns';
+import { isValidDate } from 'rxjs/internal/util/isDate';
 import parsePhoneNumberFromString, { isSupportedCountry, getCountries, getCountryCallingCode, AsYouType, parseIncompletePhoneNumber, isValidPhoneNumber } from 'libphonenumber-js';
 import { Controller } from 'react-hook-form';
 import ReactSelect, { components } from 'react-select';
@@ -611,7 +612,7 @@ const ColorField = forwardRef((_a, ref) => {
  */
 const DateInput = forwardRef((_a, ref) => {
     var { min, max, defaultValue, value } = _a, rest = __rest(_a, ["min", "max", "defaultValue", "value"]);
-    const formatDateToInputString = (date) => date instanceof Date ? format(date, "yyyy-MM-dd") : date;
+    const formatDateToInputString = (date) => isValidDate(date) ? format(date, "yyyy-MM-dd") : date;
     // Chrome and Firefox need their default icon to have datepicker functionality.
     const showIcon = !/Chrome/.test(navigator.userAgent) && !/Firefox/.test(navigator.userAgent);
     return (jsx(BaseInput, Object.assign({ defaultValue: formatDateToInputString(defaultValue), max: formatDateToInputString(max), min: formatDateToInputString(min), ref: ref, suffix: showIcon && jsx(Icon, { dataTestId: "calendar", name: "Calendar", size: "medium", type: "solid" }), type: "date", value: formatDateToInputString(value) }, rest)));
@@ -1460,12 +1461,9 @@ const cvaSelect = cvaMerge([
         disabled: false,
     },
 });
-const cvaSelectIcon = cvaMerge("mr-2 flex cursor-pointer items-center justify-center text-slate-400 hover:text-slate-500");
+const cvaSelectIcon = cvaMerge(["mr-2", "flex", "cursor-pointer", "items-center", "justify-center", "text-slate-400", "hover:text-slate-500"]);
 const cvaSelectPrefix = cvaMerge(["flex", "justify-center", "items-center", "text-slate-400", "pl-2"]);
-const cvaSelectXIcon = cvaMerge([
-    "mr-2 flex cursor-pointer items-center justify-center text-slate-400 hover:text-slate-500",
-    "ml-1",
-]);
+const cvaSelectXIcon = cvaMerge(["mr-2", "flex", "cursor-pointer", "items-center", "justify-center", "text-slate-400", "hover:text-slate-500", "ml-1"]);
 const cvaSelectMenuList = cvaMerge(["min-w-min", "shadow-md", "rounded-lg", "z-20", "bg-white", "p-1", "border", "border-slate-300", "gap-1", "grid"], {
     variants: {
         menuIsOpen: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "0.0.436",
+  "version": "0.0.438",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -21,7 +21,8 @@
     "@trackunit/css-class-variance-utilities": "*",
     "@trackunit/i18n-library-translation": "*",
     "zod": "3.22.4",
-    "react-hook-form": "7.40.0"
+    "react-hook-form": "7.40.0",
+    "rxjs": "7.8.1"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js"