@ikatec/nebula-react 1.0.22 → 1.0.24

package/dist/index.d.mts

@@ -589,26 +589,24 @@ interface InputDatePickerSingleProps extends Omit<InputTextProps, 'onChange' | '
     value?: string;
     onChange?: (value?: string, calendarDate?: Date) => void;
     numberOfMonths?: CalendarProps['numberOfMonths'];
-    portal?: PopoverContentProps['portal'];
     placeholder?: string;
     className?: string;
     disabledDates?: CalendarProps['disabled'];
     onClean?: VoidFunction;
 }
 declare const dateIsAvailable: (inputDate?: Date | null, disabledDates?: InputDatePickerSingleProps["disabledDates"]) => boolean;
-declare const InputDatePickerSingle: ({ portal, placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDatePickerSingleProps) => react_jsx_runtime.JSX.Element;
+declare const InputDatePickerSingle: ({ placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDatePickerSingleProps) => react_jsx_runtime.JSX.Element;
 
 interface InputDateTimePickerSingleProps extends Omit<InputTextProps, 'onChange' | 'value'> {
     value?: string;
     onChange?: (value?: string, calendarDate?: Date, inputTimeValue?: string) => void;
     numberOfMonths?: CalendarProps['numberOfMonths'];
-    portal?: PopoverContentProps['portal'];
     placeholder?: string;
     className?: string;
     disabledDates?: CalendarProps['disabled'];
     onClean?: VoidFunction;
 }
-declare const InputDateTimePickerSingle: ({ portal, placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDateTimePickerSingleProps) => react_jsx_runtime.JSX.Element;
+declare const InputDateTimePickerSingle: ({ placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDateTimePickerSingleProps) => react_jsx_runtime.JSX.Element;
 
 type InputTimeProps = Omit<React.ComponentProps<typeof InputText>, 'onChange'> & {
     onChange?: (value: string) => void;

package/dist/index.d.ts

@@ -589,26 +589,24 @@ interface InputDatePickerSingleProps extends Omit<InputTextProps, 'onChange' | '
     value?: string;
     onChange?: (value?: string, calendarDate?: Date) => void;
     numberOfMonths?: CalendarProps['numberOfMonths'];
-    portal?: PopoverContentProps['portal'];
     placeholder?: string;
     className?: string;
     disabledDates?: CalendarProps['disabled'];
     onClean?: VoidFunction;
 }
 declare const dateIsAvailable: (inputDate?: Date | null, disabledDates?: InputDatePickerSingleProps["disabledDates"]) => boolean;
-declare const InputDatePickerSingle: ({ portal, placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDatePickerSingleProps) => react_jsx_runtime.JSX.Element;
+declare const InputDatePickerSingle: ({ placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDatePickerSingleProps) => react_jsx_runtime.JSX.Element;
 
 interface InputDateTimePickerSingleProps extends Omit<InputTextProps, 'onChange' | 'value'> {
     value?: string;
     onChange?: (value?: string, calendarDate?: Date, inputTimeValue?: string) => void;
     numberOfMonths?: CalendarProps['numberOfMonths'];
-    portal?: PopoverContentProps['portal'];
     placeholder?: string;
     className?: string;
     disabledDates?: CalendarProps['disabled'];
     onClean?: VoidFunction;
 }
-declare const InputDateTimePickerSingle: ({ portal, placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDateTimePickerSingleProps) => react_jsx_runtime.JSX.Element;
+declare const InputDateTimePickerSingle: ({ placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDateTimePickerSingleProps) => react_jsx_runtime.JSX.Element;
 
 type InputTimeProps = Omit<React.ComponentProps<typeof InputText>, 'onChange'> & {
     onChange?: (value: string) => void;

package/dist/index.js

@@ -3980,7 +3980,6 @@ var dateIsAvailable = (inputDate, disabledDates) => {
   return !dateIsDisabled(inputDate, disabledDates);
 };
 var InputDatePickerSingle = ({
-  portal,
   placeholder,
   className,
   value,
@@ -4058,7 +4057,7 @@ var InputDatePickerSingle = ({
     replacement: { _: /\d/ }
   };
   const inputRef = mask.useMask(maskOptions);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { className, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -4106,10 +4105,13 @@ var InputDatePickerSingle = ({
     /* @__PURE__ */ jsxRuntime.jsx(
       PopoverContent,
       {
-        portal,
         side: "bottom",
-        className: "nebula-ds p-0 border-none bg-transparent shadow-none",
+        className: "nebula-ds p-0 border-none bg-transparent shadow-none absolute",
         align: "start",
+        collisionPadding: 8,
+        avoidCollisions: true,
+        asChild: false,
+        style: { position: "absolute" },
         children: /* @__PURE__ */ jsxRuntime.jsx(
           Calendar,
           {
@@ -4126,7 +4128,7 @@ var InputDatePickerSingle = ({
         )
       }
     )
-  ] });
+  ] }) });
 };
 var InputTime = React8.forwardRef(
   ({ value = "", onChange, placeholder = "--:--", ...rest }, ref) => {
@@ -4196,7 +4198,6 @@ var InputTime = React8.forwardRef(
 InputTime.displayName = "InputTime";
 var DATA_TIME_SEPARATOR = " - ";
 var InputDateTimePickerSingle = ({
-  portal,
   placeholder,
   className,
   value,
@@ -4243,9 +4244,21 @@ var InputDateTimePickerSingle = ({
       return;
     }
     const [hour, minutes] = hourSlice.split(":");
+    const padStart = (str, shouldPad = false) => {
+      if (shouldPad) {
+        return str.padStart(2, "0");
+      }
+      return str;
+    };
     const normalizedTime = [
-      hour ? Math.min(Math.max(+hour, 0), 23).toString() : "",
-      minutes ? Math.min(Math.max(+minutes, 0), 59).toString() : ""
+      hour ? padStart(
+        Math.min(Math.max(+hour, 0), 23).toString(),
+        hour.length === 2
+      ) : "",
+      minutes ? padStart(
+        Math.min(Math.max(+minutes, 0), 59).toString(),
+        minutes.length === 2
+      ) : ""
     ].filter(Boolean).join(":");
     setInnerTimeValue(normalizedTime);
     const [dateStr] = text.split(DATA_TIME_SEPARATOR);
@@ -4298,9 +4311,7 @@ var InputDateTimePickerSingle = ({
       date,
       innerTimeValue
     );
-    if (!innerTimeValue) {
-      setTimeout(() => inputTimeRef.current?.focus(), 100);
-    }
+    setTimeout(() => inputTimeRef.current?.focus(), 100);
   };
   const normalizedCalendarDate = React8.useMemo(() => {
     return dateFns.isValid(innerDate) ? innerDate : void 0;
@@ -4313,7 +4324,7 @@ var InputDateTimePickerSingle = ({
     replacement: { _: /\d/ }
   };
   const inputRef = mask.useMask(maskOptions);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { className, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -4360,10 +4371,13 @@ var InputDateTimePickerSingle = ({
     /* @__PURE__ */ jsxRuntime.jsx(
       PopoverContent,
       {
-        portal,
         side: "bottom",
         className: "nebula-ds p-0 border-none bg-transparent shadow-none",
         align: "start",
+        collisionPadding: 8,
+        avoidCollisions: true,
+        asChild: false,
+        style: { position: "absolute" },
         children: /* @__PURE__ */ jsxRuntime.jsx(
           Calendar,
           {
@@ -4396,7 +4410,7 @@ var InputDateTimePickerSingle = ({
         )
       }
     )
-  ] });
+  ] }) });
 };
 var FileUploadError = /* @__PURE__ */ ((FileUploadError2) => {
   FileUploadError2["MAX_FILES_EXCEEDED"] = "MAX_FILES_EXCEEDED";

package/dist/index.mjs

@@ -3940,7 +3940,6 @@ var dateIsAvailable = (inputDate, disabledDates) => {
   return !dateIsDisabled(inputDate, disabledDates);
 };
 var InputDatePickerSingle = ({
-  portal,
   placeholder,
   className,
   value,
@@ -4018,7 +4017,7 @@ var InputDatePickerSingle = ({
     replacement: { _: /\d/ }
   };
   const inputRef = useMask(maskOptions);
-  return /* @__PURE__ */ jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
+  return /* @__PURE__ */ jsx("div", { className: "nebula-ds w-full", children: /* @__PURE__ */ jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { className, asChild: true, children: /* @__PURE__ */ jsx(
       "div",
       {
@@ -4066,10 +4065,13 @@ var InputDatePickerSingle = ({
     /* @__PURE__ */ jsx(
       PopoverContent,
       {
-        portal,
         side: "bottom",
-        className: "nebula-ds p-0 border-none bg-transparent shadow-none",
+        className: "nebula-ds p-0 border-none bg-transparent shadow-none absolute",
         align: "start",
+        collisionPadding: 8,
+        avoidCollisions: true,
+        asChild: false,
+        style: { position: "absolute" },
         children: /* @__PURE__ */ jsx(
           Calendar,
           {
@@ -4086,7 +4088,7 @@ var InputDatePickerSingle = ({
         )
       }
     )
-  ] });
+  ] }) });
 };
 var InputTime = forwardRef(
   ({ value = "", onChange, placeholder = "--:--", ...rest }, ref) => {
@@ -4156,7 +4158,6 @@ var InputTime = forwardRef(
 InputTime.displayName = "InputTime";
 var DATA_TIME_SEPARATOR = " - ";
 var InputDateTimePickerSingle = ({
-  portal,
   placeholder,
   className,
   value,
@@ -4203,9 +4204,21 @@ var InputDateTimePickerSingle = ({
       return;
     }
     const [hour, minutes] = hourSlice.split(":");
+    const padStart = (str, shouldPad = false) => {
+      if (shouldPad) {
+        return str.padStart(2, "0");
+      }
+      return str;
+    };
     const normalizedTime = [
-      hour ? Math.min(Math.max(+hour, 0), 23).toString() : "",
-      minutes ? Math.min(Math.max(+minutes, 0), 59).toString() : ""
+      hour ? padStart(
+        Math.min(Math.max(+hour, 0), 23).toString(),
+        hour.length === 2
+      ) : "",
+      minutes ? padStart(
+        Math.min(Math.max(+minutes, 0), 59).toString(),
+        minutes.length === 2
+      ) : ""
     ].filter(Boolean).join(":");
     setInnerTimeValue(normalizedTime);
     const [dateStr] = text.split(DATA_TIME_SEPARATOR);
@@ -4258,9 +4271,7 @@ var InputDateTimePickerSingle = ({
       date,
       innerTimeValue
     );
-    if (!innerTimeValue) {
-      setTimeout(() => inputTimeRef.current?.focus(), 100);
-    }
+    setTimeout(() => inputTimeRef.current?.focus(), 100);
   };
   const normalizedCalendarDate = useMemo(() => {
     return isValid(innerDate) ? innerDate : void 0;
@@ -4273,7 +4284,7 @@ var InputDateTimePickerSingle = ({
     replacement: { _: /\d/ }
   };
   const inputRef = useMask(maskOptions);
-  return /* @__PURE__ */ jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
+  return /* @__PURE__ */ jsx("div", { className: "nebula-ds w-full", children: /* @__PURE__ */ jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { className, asChild: true, children: /* @__PURE__ */ jsx(
       "div",
       {
@@ -4320,10 +4331,13 @@ var InputDateTimePickerSingle = ({
     /* @__PURE__ */ jsx(
       PopoverContent,
       {
-        portal,
         side: "bottom",
         className: "nebula-ds p-0 border-none bg-transparent shadow-none",
         align: "start",
+        collisionPadding: 8,
+        avoidCollisions: true,
+        asChild: false,
+        style: { position: "absolute" },
         children: /* @__PURE__ */ jsx(
           Calendar,
           {
@@ -4356,7 +4370,7 @@ var InputDateTimePickerSingle = ({
         )
       }
     )
-  ] });
+  ] }) });
 };
 var FileUploadError = /* @__PURE__ */ ((FileUploadError2) => {
   FileUploadError2["MAX_FILES_EXCEEDED"] = "MAX_FILES_EXCEEDED";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikatec/nebula-react",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "description": "React components",
   "publishConfig": {
     "access": "public"