@ikatec/nebula-react 1.0.23 → 1.0.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.d.mts +2 -4
  2. package/dist/index.d.ts +2 -4
  3. package/dist/index.js +13 -9
  4. package/dist/index.mjs +13 -9
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -589,26 +589,24 @@ interface InputDatePickerSingleProps extends Omit<InputTextProps, 'onChange' | '
589
589
  value?: string;
590
590
  onChange?: (value?: string, calendarDate?: Date) => void;
591
591
  numberOfMonths?: CalendarProps['numberOfMonths'];
592
- portal?: PopoverContentProps['portal'];
593
592
  placeholder?: string;
594
593
  className?: string;
595
594
  disabledDates?: CalendarProps['disabled'];
596
595
  onClean?: VoidFunction;
597
596
  }
598
597
  declare const dateIsAvailable: (inputDate?: Date | null, disabledDates?: InputDatePickerSingleProps["disabledDates"]) => boolean;
599
- declare const InputDatePickerSingle: ({ portal, placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDatePickerSingleProps) => react_jsx_runtime.JSX.Element;
598
+ declare const InputDatePickerSingle: ({ placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDatePickerSingleProps) => react_jsx_runtime.JSX.Element;
600
599
 
601
600
  interface InputDateTimePickerSingleProps extends Omit<InputTextProps, 'onChange' | 'value'> {
602
601
  value?: string;
603
602
  onChange?: (value?: string, calendarDate?: Date, inputTimeValue?: string) => void;
604
603
  numberOfMonths?: CalendarProps['numberOfMonths'];
605
- portal?: PopoverContentProps['portal'];
606
604
  placeholder?: string;
607
605
  className?: string;
608
606
  disabledDates?: CalendarProps['disabled'];
609
607
  onClean?: VoidFunction;
610
608
  }
611
- declare const InputDateTimePickerSingle: ({ portal, placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDateTimePickerSingleProps) => react_jsx_runtime.JSX.Element;
609
+ declare const InputDateTimePickerSingle: ({ placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDateTimePickerSingleProps) => react_jsx_runtime.JSX.Element;
612
610
 
613
611
  type InputTimeProps = Omit<React.ComponentProps<typeof InputText>, 'onChange'> & {
614
612
  onChange?: (value: string) => void;
package/dist/index.d.ts CHANGED
@@ -589,26 +589,24 @@ interface InputDatePickerSingleProps extends Omit<InputTextProps, 'onChange' | '
589
589
  value?: string;
590
590
  onChange?: (value?: string, calendarDate?: Date) => void;
591
591
  numberOfMonths?: CalendarProps['numberOfMonths'];
592
- portal?: PopoverContentProps['portal'];
593
592
  placeholder?: string;
594
593
  className?: string;
595
594
  disabledDates?: CalendarProps['disabled'];
596
595
  onClean?: VoidFunction;
597
596
  }
598
597
  declare const dateIsAvailable: (inputDate?: Date | null, disabledDates?: InputDatePickerSingleProps["disabledDates"]) => boolean;
599
- declare const InputDatePickerSingle: ({ portal, placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDatePickerSingleProps) => react_jsx_runtime.JSX.Element;
598
+ declare const InputDatePickerSingle: ({ placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDatePickerSingleProps) => react_jsx_runtime.JSX.Element;
600
599
 
601
600
  interface InputDateTimePickerSingleProps extends Omit<InputTextProps, 'onChange' | 'value'> {
602
601
  value?: string;
603
602
  onChange?: (value?: string, calendarDate?: Date, inputTimeValue?: string) => void;
604
603
  numberOfMonths?: CalendarProps['numberOfMonths'];
605
- portal?: PopoverContentProps['portal'];
606
604
  placeholder?: string;
607
605
  className?: string;
608
606
  disabledDates?: CalendarProps['disabled'];
609
607
  onClean?: VoidFunction;
610
608
  }
611
- declare const InputDateTimePickerSingle: ({ portal, placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDateTimePickerSingleProps) => react_jsx_runtime.JSX.Element;
609
+ declare const InputDateTimePickerSingle: ({ placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDateTimePickerSingleProps) => react_jsx_runtime.JSX.Element;
612
610
 
613
611
  type InputTimeProps = Omit<React.ComponentProps<typeof InputText>, 'onChange'> & {
614
612
  onChange?: (value: string) => void;
package/dist/index.js CHANGED
@@ -3980,7 +3980,6 @@ var dateIsAvailable = (inputDate, disabledDates) => {
3980
3980
  return !dateIsDisabled(inputDate, disabledDates);
3981
3981
  };
3982
3982
  var InputDatePickerSingle = ({
3983
- portal,
3984
3983
  placeholder,
3985
3984
  className,
3986
3985
  value,
@@ -4058,7 +4057,7 @@ var InputDatePickerSingle = ({
4058
4057
  replacement: { _: /\d/ }
4059
4058
  };
4060
4059
  const inputRef = mask.useMask(maskOptions);
4061
- return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
4060
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
4062
4061
  /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { className, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
4063
4062
  "div",
4064
4063
  {
@@ -4106,10 +4105,13 @@ var InputDatePickerSingle = ({
4106
4105
  /* @__PURE__ */ jsxRuntime.jsx(
4107
4106
  PopoverContent,
4108
4107
  {
4109
- portal,
4110
4108
  side: "bottom",
4111
- className: "nebula-ds p-0 border-none bg-transparent shadow-none",
4109
+ className: "nebula-ds p-0 border-none bg-transparent shadow-none absolute",
4112
4110
  align: "start",
4111
+ collisionPadding: 8,
4112
+ avoidCollisions: true,
4113
+ asChild: false,
4114
+ style: { position: "absolute" },
4113
4115
  children: /* @__PURE__ */ jsxRuntime.jsx(
4114
4116
  Calendar,
4115
4117
  {
@@ -4126,7 +4128,7 @@ var InputDatePickerSingle = ({
4126
4128
  )
4127
4129
  }
4128
4130
  )
4129
- ] });
4131
+ ] }) });
4130
4132
  };
4131
4133
  var InputTime = React8.forwardRef(
4132
4134
  ({ value = "", onChange, placeholder = "--:--", ...rest }, ref) => {
@@ -4196,7 +4198,6 @@ var InputTime = React8.forwardRef(
4196
4198
  InputTime.displayName = "InputTime";
4197
4199
  var DATA_TIME_SEPARATOR = " - ";
4198
4200
  var InputDateTimePickerSingle = ({
4199
- portal,
4200
4201
  placeholder,
4201
4202
  className,
4202
4203
  value,
@@ -4323,7 +4324,7 @@ var InputDateTimePickerSingle = ({
4323
4324
  replacement: { _: /\d/ }
4324
4325
  };
4325
4326
  const inputRef = mask.useMask(maskOptions);
4326
- return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
4327
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
4327
4328
  /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { className, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
4328
4329
  "div",
4329
4330
  {
@@ -4370,10 +4371,13 @@ var InputDateTimePickerSingle = ({
4370
4371
  /* @__PURE__ */ jsxRuntime.jsx(
4371
4372
  PopoverContent,
4372
4373
  {
4373
- portal,
4374
4374
  side: "bottom",
4375
4375
  className: "nebula-ds p-0 border-none bg-transparent shadow-none",
4376
4376
  align: "start",
4377
+ collisionPadding: 8,
4378
+ avoidCollisions: true,
4379
+ asChild: false,
4380
+ style: { position: "absolute" },
4377
4381
  children: /* @__PURE__ */ jsxRuntime.jsx(
4378
4382
  Calendar,
4379
4383
  {
@@ -4406,7 +4410,7 @@ var InputDateTimePickerSingle = ({
4406
4410
  )
4407
4411
  }
4408
4412
  )
4409
- ] });
4413
+ ] }) });
4410
4414
  };
4411
4415
  var FileUploadError = /* @__PURE__ */ ((FileUploadError2) => {
4412
4416
  FileUploadError2["MAX_FILES_EXCEEDED"] = "MAX_FILES_EXCEEDED";
package/dist/index.mjs CHANGED
@@ -3940,7 +3940,6 @@ var dateIsAvailable = (inputDate, disabledDates) => {
3940
3940
  return !dateIsDisabled(inputDate, disabledDates);
3941
3941
  };
3942
3942
  var InputDatePickerSingle = ({
3943
- portal,
3944
3943
  placeholder,
3945
3944
  className,
3946
3945
  value,
@@ -4018,7 +4017,7 @@ var InputDatePickerSingle = ({
4018
4017
  replacement: { _: /\d/ }
4019
4018
  };
4020
4019
  const inputRef = useMask(maskOptions);
4021
- return /* @__PURE__ */ jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
4020
+ return /* @__PURE__ */ jsx("div", { className: "nebula-ds w-full", children: /* @__PURE__ */ jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
4022
4021
  /* @__PURE__ */ jsx(PopoverTrigger, { className, asChild: true, children: /* @__PURE__ */ jsx(
4023
4022
  "div",
4024
4023
  {
@@ -4066,10 +4065,13 @@ var InputDatePickerSingle = ({
4066
4065
  /* @__PURE__ */ jsx(
4067
4066
  PopoverContent,
4068
4067
  {
4069
- portal,
4070
4068
  side: "bottom",
4071
- className: "nebula-ds p-0 border-none bg-transparent shadow-none",
4069
+ className: "nebula-ds p-0 border-none bg-transparent shadow-none absolute",
4072
4070
  align: "start",
4071
+ collisionPadding: 8,
4072
+ avoidCollisions: true,
4073
+ asChild: false,
4074
+ style: { position: "absolute" },
4073
4075
  children: /* @__PURE__ */ jsx(
4074
4076
  Calendar,
4075
4077
  {
@@ -4086,7 +4088,7 @@ var InputDatePickerSingle = ({
4086
4088
  )
4087
4089
  }
4088
4090
  )
4089
- ] });
4091
+ ] }) });
4090
4092
  };
4091
4093
  var InputTime = forwardRef(
4092
4094
  ({ value = "", onChange, placeholder = "--:--", ...rest }, ref) => {
@@ -4156,7 +4158,6 @@ var InputTime = forwardRef(
4156
4158
  InputTime.displayName = "InputTime";
4157
4159
  var DATA_TIME_SEPARATOR = " - ";
4158
4160
  var InputDateTimePickerSingle = ({
4159
- portal,
4160
4161
  placeholder,
4161
4162
  className,
4162
4163
  value,
@@ -4283,7 +4284,7 @@ var InputDateTimePickerSingle = ({
4283
4284
  replacement: { _: /\d/ }
4284
4285
  };
4285
4286
  const inputRef = useMask(maskOptions);
4286
- return /* @__PURE__ */ jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
4287
+ return /* @__PURE__ */ jsx("div", { className: "nebula-ds w-full", children: /* @__PURE__ */ jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
4287
4288
  /* @__PURE__ */ jsx(PopoverTrigger, { className, asChild: true, children: /* @__PURE__ */ jsx(
4288
4289
  "div",
4289
4290
  {
@@ -4330,10 +4331,13 @@ var InputDateTimePickerSingle = ({
4330
4331
  /* @__PURE__ */ jsx(
4331
4332
  PopoverContent,
4332
4333
  {
4333
- portal,
4334
4334
  side: "bottom",
4335
4335
  className: "nebula-ds p-0 border-none bg-transparent shadow-none",
4336
4336
  align: "start",
4337
+ collisionPadding: 8,
4338
+ avoidCollisions: true,
4339
+ asChild: false,
4340
+ style: { position: "absolute" },
4337
4341
  children: /* @__PURE__ */ jsx(
4338
4342
  Calendar,
4339
4343
  {
@@ -4366,7 +4370,7 @@ var InputDateTimePickerSingle = ({
4366
4370
  )
4367
4371
  }
4368
4372
  )
4369
- ] });
4373
+ ] }) });
4370
4374
  };
4371
4375
  var FileUploadError = /* @__PURE__ */ ((FileUploadError2) => {
4372
4376
  FileUploadError2["MAX_FILES_EXCEEDED"] = "MAX_FILES_EXCEEDED";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ikatec/nebula-react",
3
- "version": "1.0.23",
3
+ "version": "1.0.24",
4
4
  "description": "React components",
5
5
  "publishConfig": {
6
6
  "access": "public"